diff --git a/API.md b/API.md
index 44d0da0c..070bc849 100644
--- a/API.md
+++ b/API.md
@@ -19,7 +19,6 @@ WatchState HTTP API reference. Examples use the default `/v1/api` prefix.
       - [GET|POST /v1/api/backends/users/{type}](#getpost-v1apibackendsuserstype)
       - [GET|POST /v1/api/backends/discover/{type}](#getpost-v1apibackendsdiscovertype)
       - [POST /v1/api/backends/accesstoken/{type}](#post-v1apibackendsaccesstokentype)
-      - [POST /v1/api/backends/validate/token/{type}](#post-v1apibackendsvalidatetokentype)
       - [POST /v1/api/backends/plex/generate](#post-v1apibackendsplexgenerate)
       - [POST /v1/api/backends/plex/check](#post-v1apibackendsplexcheck)
     - [Configured Backend Endpoints](#configured-backend-endpoints)
@@ -455,35 +454,6 @@ Generates a Jellyfin or Emby access token using username/password credentials.
 
 ---
 
-#### POST /v1/api/backends/validate/token/{type}
-Validates a Plex token.
-
-**Path**:
-- `type`: Must resolve to the Plex client.
-
-**Body**:
-```json
-{
-  "token": "plex-token"
-}
-```
-
-**Response**:
-```json
-{
-  "info": {
-    "code": 200,
-    "message": "Token is valid."
-  }
-}
-```
-
-**Errors**:
-- `400 Bad Request` if the endpoint is used with a non-Plex backend or if `token` is missing.
-- `401 Unauthorized` if the token is rejected.
-
----
-
 #### POST /v1/api/backends/plex/generate
 Starts the Plex PIN flow used for browser/device login.
 
@@ -2729,12 +2699,63 @@ Restarts the task scheduler.
 ---
 
 #### GET /v1/api/system/report
-Returns the output of the `system:report` command.
+Returns a structured diagnostic report.
 
 **Response**:
 ```json
 {
-  "...": "report payload"
+  "generated_at": "2024-01-01T12:00:00+00:00",
+  "system": {
+    "version": "v1.0.0",
+    "php_version": "8.4.0",
+    "sapi": "cli",
+    "timezone": "UTC",
+    "data_path": "/config",
+    "temp_path": "/tmp",
+    "database_migrated": true,
+    "env_file_exists": true,
+    "scheduler_running": true,
+    "scheduler_message": "OK",
+    "in_container": true
+  },
+  "users": ["main"],
+  "backends": [
+    {
+      "name": "plex_server",
+      "user": "main",
+      "type": "plex",
+      "version": "1.40.1",
+      "https": true,
+      "has_uuid": true,
+      "has_user": true,
+      "export": { "enabled": true, "last_sync": 1704110400, "playlist_last_sync": null },
+      "import": { "enabled": true, "metadata_refresh": true, "last_sync": 1704110400, "playlist_last_sync": null },
+      "options": {}
+    }
+  ],
+  "suppression": {
+    "file_exists": false,
+    "rules": null,
+    "error": null
+  },
+  "tasks": [
+    {
+      "name": "import",
+      "enabled": true,
+      "args": "-v",
+      "timer": "5 * * * *",
+      "next_run": "2024-01-01T13:00:00+00:00",
+      "error": null
+    }
+  ],
+  "logs": [
+    {
+      "type": "app",
+      "entries": [
+        { "datetime": "2024-01-01T12:00:00+00:00", "level": "INFO", "logger": "main", "message": "Application started" }
+      ]
+    }
+  ]
 }
 ```
 
diff --git a/FAQ.md b/FAQ.md
index 1764f310..fed44c14 100644
--- a/FAQ.md
+++ b/FAQ.md
@@ -454,7 +454,7 @@ the issue. Please enable webhooks for your jellyfin backend to avoid this issue.
 
 We have added an experimental workaround for this issue in the `state:import` command. To enable it, add the env `WS_CLIENTS_JELLYFIN_FIX_PLAYED` via the `Configuration > Environment` page. It's turned off by default as it may cause some issues as it's untested in production, so please use it with caution and report any issues you find.
 
-## CODE: DM001 - Item queued for re-processing.
+## DM001 (`error: dm001_stale_date`) - Item queued for re-processing.
 
 This warning appears when the backend reports an older item state than the last recorded sync point. This usually
 shows up in edge cases and can often be resolved by forcing a state export to the backend.
diff --git a/composer.lock b/composer.lock
index e94ae988..d1a3a90a 100644
--- a/composer.lock
+++ b/composer.lock
@@ -3484,16 +3484,16 @@
     },
     {
       "name": "phpunit/phpunit",
-      "version": "13.2.0",
+      "version": "13.2.1",
       "source": {
         "type": "git",
         "url": "https://github.com/sebastianbergmann/phpunit.git",
-        "reference": "3796ea973f1e7698f0d432c1c66662af9764fd9a"
+        "reference": "60da0ff1e10a0f72ee18a24117ec3b613a346bba"
       },
       "dist": {
         "type": "zip",
-        "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/3796ea973f1e7698f0d432c1c66662af9764fd9a",
-        "reference": "3796ea973f1e7698f0d432c1c66662af9764fd9a",
+        "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/60da0ff1e10a0f72ee18a24117ec3b613a346bba",
+        "reference": "60da0ff1e10a0f72ee18a24117ec3b613a346bba",
         "shasum": ""
       },
       "require": {
@@ -3507,7 +3507,7 @@
         "phar-io/manifest": "^2.0.4",
         "phar-io/version": "^3.2.1",
         "php": ">=8.4.1",
-        "phpunit/php-code-coverage": "^14.2",
+        "phpunit/php-code-coverage": "^14.2.2",
         "phpunit/php-file-iterator": "^7.0.0",
         "phpunit/php-invoker": "^7.0.0",
         "phpunit/php-text-template": "^6.0.0",
@@ -3564,7 +3564,7 @@
       "support": {
         "issues": "https://github.com/sebastianbergmann/phpunit/issues",
         "security": "https://github.com/sebastianbergmann/phpunit/security/policy",
-        "source": "https://github.com/sebastianbergmann/phpunit/tree/13.2.0"
+        "source": "https://github.com/sebastianbergmann/phpunit/tree/13.2.1"
       },
       "funding": [
         {
@@ -3572,7 +3572,7 @@
           "type": "other"
         }
       ],
-      "time": "2026-06-05T03:13:07+00:00"
+      "time": "2026-06-15T13:14:22+00:00"
     },
     {
       "name": "roave/security-advisories",
@@ -3580,12 +3580,12 @@
       "source": {
         "type": "git",
         "url": "https://github.com/Roave/SecurityAdvisories.git",
-        "reference": "810e1d8cfbc718df8dacf74b62b7b9a1780b9698"
+        "reference": "bfdbd26a02c71b3b00586f056c8cf5efea22a27a"
       },
       "dist": {
         "type": "zip",
-        "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/810e1d8cfbc718df8dacf74b62b7b9a1780b9698",
-        "reference": "810e1d8cfbc718df8dacf74b62b7b9a1780b9698",
+        "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/bfdbd26a02c71b3b00586f056c8cf5efea22a27a",
+        "reference": "bfdbd26a02c71b3b00586f056c8cf5efea22a27a",
         "shasum": ""
       },
       "conflict": {
@@ -3686,13 +3686,14 @@
         "bytefury/crater": "<6.0.2",
         "cachethq/cachet": "<2.5.1",
         "cadmium-org/cadmium-cms": "<=0.4.9",
+        "cakephp/authentication": "<3.3.6|>=4,<4.1.1",
         "cakephp/cakephp": "<3.10.3|>=4,<4.0.10|>=4.1,<4.1.4|>=4.2,<4.2.12|>=4.3,<4.3.11|>=4.4,<4.4.10|>=5.2.10,<5.2.12|==5.3",
         "cakephp/database": ">=4.2,<4.2.12|>=4.3,<4.3.11|>=4.4,<4.4.10",
         "cardgate/magento2": "<2.0.33",
         "cardgate/woocommerce": "<=3.1.15",
-        "cart2quote/module-quotation": ">=4.1.6,<=4.4.5|>=5,<5.4.4",
+        "cart2quote/module-quotation": ">=4.1.6,<4.4.6|>=5,<5.4.4",
         "cart2quote/module-quotation-encoded": ">=4.1.6,<=4.4.5|>=5,<5.4.4",
-        "cartalyst/sentry": "<=2.1.6",
+        "cartalyst/sentry": "<2.1.7",
         "catfan/medoo": "<1.7.5",
         "causal/oidc": "<4",
         "cecil/cecil": "<7.47.1",
@@ -3730,12 +3731,13 @@
         "coreshop/core-shop": "<4.1.9|==5",
         "corveda/phpsandbox": "<1.3.5",
         "cosenary/instagram": "<=2.3",
+        "cotonti/cotonti": "<=1",
         "couleurcitron/tarteaucitron-wp": "<0.3",
         "cpsit/typo3-mailqueue": "<0.4.5|>=0.5,<0.5.2",
         "craftcms/aws-s3": ">=2.0.2,<=2.2.4",
         "craftcms/azure-blob": ">=2.0.0.0-beta1,<=2.1",
-        "craftcms/cms": "<4.17.12|>=5,<5.9.18",
-        "craftcms/commerce": ">=4,<4.11|>=5,<5.6",
+        "craftcms/cms": "<4.18|>=5,<5.10",
+        "craftcms/commerce": ">=4,<=4.11.1|>=5,<=5.6.4",
         "craftcms/composer": ">=4.0.0.0-RC1-dev,<=4.10|>=5.0.0.0-RC1-dev,<=5.5.1",
         "craftcms/craft": ">=3.5,<=4.16.17|>=5.0.0.0-RC1-dev,<=5.8.21",
         "craftcms/google-cloud": ">=2.0.0.0-beta1,<=2.2",
@@ -3790,7 +3792,7 @@
         "drupal/commerce_alphabank_redirect": "<1.0.3",
         "drupal/commerce_eurobank_redirect": "<2.1.1",
         "drupal/config_split": "<1.10|>=2,<2.0.2",
-        "drupal/core": ">=6,<6.38|>=7,<7.103|>=8,<10.5.9|>=10.6,<10.6.7|>=11,<11.2.11|>=11.3,<11.3.7",
+        "drupal/core": ">=6,<6.38|>=7,<7.103|>=8,<10.5.10|>=10.6,<10.6.9|>=11,<11.2.12|>=11.3,<11.3.10",
         "drupal/core-recommended": ">=7,<7.102|>=8,<10.2.11|>=10.3,<10.3.9|>=11,<11.0.8",
         "drupal/currency": "<3.5",
         "drupal/drupal": ">=5,<5.11|>=6,<6.38|>=7,<7.102|>=8,<10.2.11|>=10.3,<10.3.9|>=11,<11.0.8",
@@ -3863,6 +3865,7 @@
         "fenom/fenom": "<=2.12.1",
         "filament/actions": ">=3.2,<3.2.123|>=4,<=4.11.3|>=5,<=5.6.3",
         "filament/filament": ">=4,<4.3.1",
+        "filament/forms": ">=3,<=3.3.52",
         "filament/infolists": ">=3,<3.2.115",
         "filament/tables": ">=3,<=3.3.50|>=4,<4.8.5|>=5,<5.3.5",
         "filegator/filegator": "<7.8",
@@ -3910,10 +3913,10 @@
         "georgringer/news": "<10.0.4|>=11,<11.4.4|>=12,<12.3.2|>=13,<13.0.2|>=14,<14.0.3",
         "geshi/geshi": "<=1.0.9.1",
         "getformwork/formwork": "<=2.3.3",
-        "getgrav/grav": "<=2.0.0.0-RC1",
+        "getgrav/grav": "<=2.0.0.0-RC8",
         "getgrav/grav-plugin-api": "<1.0.0.0-beta15",
         "getgrav/grav-plugin-form": "<9.1",
-        "getkirby/cms": "<=4.9|>=5,<=5.4",
+        "getkirby/cms": "<=4.9.3|>=5,<=5.4.3",
         "getkirby/kirby": "<3.9.8.3-dev|>=3.10,<3.10.1.2-dev|>=4,<4.7.1",
         "getkirby/panel": "<2.5.14",
         "getkirby/starterkit": "<=3.7.0.2",
@@ -3930,10 +3933,10 @@
         "gregwar/rst": "<1.0.3",
         "grumpydictator/firefly-iii": "<=6.6.2",
         "gugoan/economizzer": "<=0.9.0.0-beta1",
-        "guzzlehttp/guzzle": "<6.5.8|>=7,<7.4.5",
+        "guzzlehttp/guzzle": "<7.12.1",
         "guzzlehttp/guzzle-services": "<1.5.4",
         "guzzlehttp/oauth-subscriber": "<0.8.1",
-        "guzzlehttp/psr7": "<2.10.2",
+        "guzzlehttp/psr7": "<2.12.1",
         "haffner/jh_captcha": "<=2.1.3|>=3,<=3.0.2",
         "handcraftedinthealps/goodby-csv": "<1.4.3",
         "harvesthq/chosen": "<1.8.7",
@@ -3988,6 +3991,7 @@
         "jasig/phpcas": "<1.3.3",
         "jbartels/wec-map": "<3.0.3",
         "jcbrand/converse.js": "<3.3.3",
+        "jleehr/canto-saas-api": "<=2",
         "joedolson/my-calendar": "<3.7.7",
         "joelbutcher/socialstream": "<5.6|>=6,<6.2",
         "johnbillion/query-monitor": "<3.20.4",
@@ -4031,7 +4035,7 @@
         "lara-zeus/artemis": ">=1,<=1.0.6",
         "lara-zeus/dynamic-dashboard": ">=3,<=3.0.1",
         "laravel/fortify": "<1.11.1",
-        "laravel/framework": "<12.60|>=13,<13.10",
+        "laravel/framework": "<12.61.1|>=13,<13.12",
         "laravel/laravel": ">=5.4,<5.4.22",
         "laravel/passport": ">=13,<13.7.1",
         "laravel/pulse": "<1.3.1",
@@ -4122,6 +4126,7 @@
         "movim/moxl": ">=0.8,<=0.10",
         "movingbytes/social-network": "<=1.2.1",
         "mpdf/mpdf": "<=7.1.7",
+        "mtdowling/jmespath.php": "<2.9.1",
         "munkireport/comment": "<4",
         "munkireport/managedinstalls": "<2.6",
         "munkireport/munki_facts": "<1.5",
@@ -4208,7 +4213,7 @@
         "phenx/php-svg-lib": "<0.5.2",
         "php-censor/php-censor": "<2.0.13|>=2.1,<2.1.5",
         "php-mod/curl": "<2.3.2",
-        "phpbb/phpbb": "<3.3.11",
+        "phpbb/phpbb": "<3.3.16|==4.0.0.0-alpha1",
         "phpems/phpems": ">=6,<=6.1.3",
         "phpfastcache/phpfastcache": "<6.1.5|>=7,<7.1.2|>=8,<8.0.7",
         "phpmailer/phpmailer": "<6.5",
@@ -4220,7 +4225,7 @@
         "phpoffice/phpexcel": "<=1.8.2",
         "phpoffice/phpspreadsheet": "<=1.30.4|>=2,<=2.1.15|>=2.2,<=2.4.4|>=3,<=3.10.4|>=4,<=5.6",
         "phppgadmin/phppgadmin": "<=7.13",
-        "phpseclib/phpseclib": "<=2.0.53|>=3,<=3.0.51",
+        "phpseclib/phpseclib": "<=2.0.54|>=3,<=3.0.53",
         "phpservermon/phpservermon": "<3.6",
         "phpsysinfo/phpsysinfo": "<3.4.3",
         "phpunit/phpunit": "<8.5.52|>=9,<9.6.33|>=10,<10.5.62|>=11,<11.5.50|>=12,<12.5.8|>=12.5.21,<12.5.22|>=13.1.5,<13.1.6",
@@ -4236,7 +4241,7 @@
         "pimcore/demo": "<10.3",
         "pimcore/ecommerce-framework-bundle": "<1.0.10",
         "pimcore/perspective-editor": "<1.5.1",
-        "pimcore/pimcore": "<=12.3.6",
+        "pimcore/pimcore": "<=12.3.8",
         "pimcore/web2print-tools-bundle": "<=5.2.1|>=6.0.0.0-RC1-dev,<=6.1",
         "piwik/piwik": "<1.11",
         "pixelfed/pixelfed": "<0.12.5",
@@ -4260,8 +4265,8 @@
         "prestashop/ps_linklist": "<3.1",
         "privatebin/privatebin": "<1.4|>=1.5,<1.7.4|>=1.7.7,<2.0.3",
         "processwire/processwire": "<=3.0.255",
-        "propel/propel": ">=2.0.0.0-alpha1,<=2.0.0.0-alpha7",
-        "propel/propel1": ">=1,<=1.7.1",
+        "propel/propel": ">=2.0.0.0-alpha1,<2.0.0.0-alpha8",
+        "propel/propel1": ">=1,<1.7.2",
         "psy/psysh": "<=0.11.22|>=0.12,<=0.12.18",
         "pterodactyl/panel": "<1.12.3",
         "ptheofan/yii2-statemachine": ">=2.0.0.0-RC1-dev,<=2",
@@ -4324,7 +4329,7 @@
         "silverstripe/assets": "<2.4.5|>=3,<3.1.3",
         "silverstripe/cms": "<4.11.3",
         "silverstripe/comments": ">=1.3,<3.1.1",
-        "silverstripe/forum": "<=0.6.1|>=0.7,<=0.7.3",
+        "silverstripe/forum": "<0.6.2|>=0.7,<0.7.4",
         "silverstripe/framework": "<5.3.23",
         "silverstripe/graphql": ">=2,<2.0.5|>=3,<3.8.2|>=4,<4.3.7|>=5,<5.1.3",
         "silverstripe/hybridsessions": ">=1,<2.4.1|>=2.5,<2.5.1",
@@ -4368,6 +4373,7 @@
         "spencer14420/sp-php-email-handler": "<1",
         "spipu/html2pdf": "<5.2.8",
         "spiral/roadrunner": "<2025.1",
+        "spomky-labs/otphp": "<11.4.3",
         "spoon/library": "<1.4.1",
         "spoonity/tcpdf": "<6.2.22",
         "squizlabs/php_codesniffer": ">=1,<2.8.1|>=3,<3.0.1",
@@ -4441,7 +4447,9 @@
         "symfony/twig-bridge": ">=2,<4.4.51|>=5,<5.4.31|>=6,<6.3.8|>=6.4.24,<6.4.40",
         "symfony/twilio-notifier": ">=6.4,<6.4.40|>=7,<7.4.12|>=8,<8.0.12",
         "symfony/ux-autocomplete": "<2.36|>=3,<3.1",
+        "symfony/ux-icons": ">=2.17,<2.36.1|>=3,<3.2",
         "symfony/ux-live-component": "<2.36|>=3,<3.1",
+        "symfony/ux-toolkit": ">=2.32,<2.36.1|>=3,<3.2",
         "symfony/ux-twig-component": "<2.25.1",
         "symfony/validator": "<5.4.43|>=6,<6.4.11|>=7,<7.1.4",
         "symfony/var-exporter": ">=4.2,<4.2.12|>=4.3,<4.3.8",
@@ -4543,6 +4551,9 @@
         "web-auth/webauthn-lib": ">=4.5,<4.9|>=5.2,<5.2.4",
         "web-auth/webauthn-symfony-bundle": ">=5.2,<5.2.4",
         "web-feet/coastercms": "==5.5",
+        "web-token/jwt-experimental": "<=4.1.6",
+        "web-token/jwt-framework": "<=4.2.99",
+        "web-token/jwt-library": "<3.4.10|>=4,<4.0.7|>=4.1,<4.1.7",
         "web-tp3/wec_map": "<3.0.3",
         "webbuilders-group/silverstripe-kapost-bridge": "<0.4",
         "webcoast/deferred-image-processing": "<1.0.2",
@@ -4668,7 +4679,7 @@
           "type": "tidelift"
         }
       ],
-      "time": "2026-06-12T20:48:39+00:00"
+      "time": "2026-06-19T21:28:22+00:00"
     },
     {
       "name": "sebastian/cli-parser",
diff --git a/frontend/app/app.config.ts b/frontend/app/app.config.ts
index 35ebee75..deee8cd8 100644
--- a/frontend/app/app.config.ts
+++ b/frontend/app/app.config.ts
@@ -17,5 +17,77 @@ export default defineAppConfig({
         content: 'pointer-events-auto',
       },
     },
+    card: {
+      slots: {
+        root: 'min-w-0 max-w-full rounded-lg overflow-hidden',
+      },
+      variants: {
+        variant: {
+          outline: {
+            root: 'border border-default/70 bg-elevated/20 divide-y divide-default',
+          },
+          soft: {
+            root: 'bg-elevated/20 divide-y divide-default',
+          },
+          subtle: {
+            root: 'border border-default/70 bg-elevated/20 divide-y divide-default',
+          },
+        },
+      },
+    },
+    dropdownMenu: {
+      slots: {
+        content: 'ws-floating-surface',
+      },
+    },
+    popover: {
+      slots: {
+        content: 'ws-floating-surface',
+      },
+    },
+    select: {
+      slots: {
+        content: 'ws-floating-surface',
+      },
+      variants: {
+        variant: {
+          outline: 'bg-elevated/40 hover:bg-elevated/55 disabled:bg-elevated/20',
+        },
+      },
+    },
+    selectMenu: {
+      slots: {
+        content: 'ws-floating-surface',
+      },
+      variants: {
+        variant: {
+          outline: 'bg-elevated/40 hover:bg-elevated/55 disabled:bg-elevated/20',
+        },
+      },
+    },
+    button: {
+      compoundVariants: [
+        {
+          color: 'neutral',
+          variant: 'outline',
+          class:
+            'bg-transparent hover:bg-elevated/30 active:bg-elevated/40 disabled:bg-transparent aria-disabled:bg-transparent',
+        },
+        {
+          color: 'neutral',
+          variant: 'soft',
+          class:
+            'bg-elevated/30 hover:bg-elevated/45 active:bg-elevated/55 disabled:bg-elevated/20 aria-disabled:bg-elevated/20',
+        },
+        {
+          color: 'neutral',
+          variant: 'ghost',
+          class: 'hover:bg-elevated/30 active:bg-elevated/40 focus-visible:bg-elevated/30',
+        },
+      ],
+      defaultVariants: {
+        size: 'sm',
+      },
+    },
   },
 });
diff --git a/frontend/app/assets/css/tailwind.css b/frontend/app/assets/css/tailwind.css
index c9ea1606..66253550 100644
--- a/frontend/app/assets/css/tailwind.css
+++ b/frontend/app/assets/css/tailwind.css
@@ -4,9 +4,18 @@
 @import '@nuxt/ui';
 
 :root {
-  --ui-radius: 0.375rem;
+  --ui-radius: 0.5rem;
   --ui-container: 96rem;
   --ui-header-height: 4.25rem;
+  --ws-border-strong: var(--ui-border-accented);
+  --ws-surface-border-soft: var(--ui-border-accented);
+  --ws-surface-border-solid: var(--ui-border-accented);
+}
+
+.dark {
+  --ws-border-strong: var(--ui-border);
+  --ws-surface-border-soft: color-mix(in oklab, var(--ui-border) 70%, transparent);
+  --ws-surface-border-solid: var(--ui-border);
 }
 
 @layer base {
@@ -16,10 +25,20 @@
 
   .page-enter-active,
   .page-leave-active {
-    transition: opacity 0.2s ease;
+    transition:
+      opacity 0.25s ease,
+      transform 0.25s ease;
+  }
+
+  .page-enter-from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+
+  .page-leave-active {
+    transition: opacity 0.1s ease;
   }
 
-  .page-enter-from,
   .page-leave-to {
     opacity: 0;
   }
@@ -56,6 +75,110 @@
       linear-gradient(180deg, rgb(9 12 18 / 0.98), rgb(17 24 39 / 0.98));
   }
 
+  .ws-page-header {
+    @apply flex flex-col gap-4 xl:flex-row xl:items-start xl:justify-between;
+  }
+
+  .ws-page-heading {
+    @apply flex min-w-0 items-center gap-3;
+  }
+
+  .ws-page-kicker {
+    @apply flex flex-wrap items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned;
+  }
+
+  .ws-page-icon {
+    @apply inline-flex size-11 shrink-0 items-center justify-center rounded-md border bg-elevated/70 text-primary;
+    border-color: var(--ws-surface-border-solid);
+  }
+
+  .ws-section-icon {
+    @apply inline-flex size-10 shrink-0 items-center justify-center rounded-md border bg-elevated/70 text-primary;
+    border-color: var(--ws-surface-border-solid);
+  }
+
+  .ws-detail-icon {
+    @apply inline-flex size-9 shrink-0 items-center justify-center rounded-md border bg-elevated/70 text-primary;
+    border-color: var(--ws-surface-border-solid);
+  }
+
+  .ws-card {
+    @apply min-w-0 max-w-full rounded-lg border bg-elevated/20;
+    border-color: var(--ws-surface-border-soft);
+  }
+
+  .ws-card-padded {
+    @apply min-w-0 max-w-full rounded-lg border bg-elevated/20 p-4;
+    border-color: var(--ws-surface-border-soft);
+  }
+
+  .ws-card-padded-lg {
+    @apply min-w-0 max-w-full rounded-lg border bg-elevated/20 p-4 sm:p-5;
+    border-color: var(--ws-surface-border-soft);
+  }
+
+  .ws-panel {
+    @apply min-w-0 max-w-full rounded-lg border;
+    border-color: var(--ws-surface-border-soft);
+  }
+
+  .ws-panel-padded {
+    @apply min-w-0 max-w-full rounded-lg border p-4;
+    border-color: var(--ws-surface-border-soft);
+  }
+
+  .ws-panel-padded-lg {
+    @apply min-w-0 max-w-full rounded-lg border p-4 sm:p-5;
+    border-color: var(--ws-surface-border-soft);
+  }
+
+  .ws-table-surface {
+    @apply min-w-0 max-w-full rounded-sm border bg-elevated/20;
+    border-color: var(--ws-surface-border-solid);
+  }
+
+  .ws-floating-surface {
+    @apply border bg-default/95 shadow-xl backdrop-blur-md;
+    border-color: var(--ws-surface-border-solid);
+    box-shadow: 0 1rem 2rem rgb(15 23 42 / 0.1);
+  }
+
+  .ws-floating-surface [data-slot='item'][data-highlighted]::before,
+  .ws-floating-surface [data-slot='item'][data-state='open']::before,
+  .ws-floating-surface [data-slot='item']:hover::before {
+    background-color: color-mix(in oklab, var(--ui-primary) 11%, transparent) !important;
+  }
+
+  .ws-floating-surface [data-slot='item'][data-disabled]::before {
+    background-color: transparent !important;
+  }
+
+  .dark .ws-floating-surface {
+    background: color-mix(in oklab, var(--ui-bg) 92%, var(--ui-bg-elevated) 8%);
+    box-shadow: 0 1rem 2rem rgb(0 0 0 / 0.3);
+  }
+
+  .dark .ws-floating-surface [data-slot='item'][data-highlighted]::before,
+  .dark .ws-floating-surface [data-slot='item'][data-state='open']::before,
+  .dark .ws-floating-surface [data-slot='item']:hover::before {
+    background-color: color-mix(in oklab, var(--ui-primary) 16%, transparent) !important;
+  }
+
+  .ws-border-top-soft {
+    @apply border-t;
+    border-color: var(--ws-surface-border-soft);
+  }
+
+  .ws-border-bottom-soft {
+    @apply border-b;
+    border-color: var(--ws-surface-border-soft);
+  }
+
+  .ws-border-left-soft {
+    @apply border-l;
+    border-color: var(--ws-surface-border-soft);
+  }
+
   .bg-fanart {
     background-size: cover;
     background-position: center;
diff --git a/frontend/app/components/BackendAdd.vue b/frontend/app/components/BackendAdd.vue
index 6022e54c..a86b63b8 100644
--- a/frontend/app/components/BackendAdd.vue
+++ b/frontend/app/components/BackendAdd.vue
@@ -92,7 +92,7 @@
         @update:open="(open) => (false === open ? (error = null) : null)"
       />
 
-      <UCard class="border border-default/70 shadow-sm" :ui="cardUi">
+      <UCard class="shadow-sm" :ui="cardUi">
         <template #header>
           <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
             <UIcon name="i-lucide-plug-zap" class="size-4 text-toned" />
@@ -258,7 +258,7 @@
         </div>
       </UCard>
 
-      <UCard v-if="stage >= 1" class="border border-default/70 shadow-sm" :ui="cardUi">
+      <UCard v-if="stage >= 1" class="shadow-sm" :ui="cardUi">
         <template #header>
           <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
             <UIcon name="i-lucide-link" class="size-4 text-toned" />
@@ -368,7 +368,7 @@
         </div>
       </UCard>
 
-      <UCard v-if="stage >= 2" class="border border-default/70 shadow-sm" :ui="cardUi">
+      <UCard v-if="stage >= 2" class="shadow-sm" :ui="cardUi">
         <template #header>
           <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
             <UIcon name="i-lucide-fingerprint" class="size-4 text-toned" />
@@ -409,7 +409,7 @@
         </UFormField>
       </UCard>
 
-      <UCard v-if="stage >= 3" class="border border-default/70 shadow-sm" :ui="cardUi">
+      <UCard v-if="stage >= 3" class="shadow-sm" :ui="cardUi">
         <template #header>
           <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
             <UIcon name="i-lucide-user-round-cog" class="size-4 text-toned" />
@@ -451,7 +451,7 @@
         </UFormField>
       </UCard>
 
-      <UCard v-if="stage >= 4" class="border border-default/70 shadow-sm" :ui="cardUi">
+      <UCard v-if="stage >= 4" class="shadow-sm" :ui="cardUi">
         <template #header>
           <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
             <UIcon name="i-lucide-repeat-2" class="size-4 text-toned" />
@@ -677,7 +677,7 @@ type NotificationType = 'info' | 'success' | 'warning' | 'error';
 const accessTokenResponse = ref<BackendAccessTokenResponse | null>(null);
 
 const cardUi = {
-  root: 'border border-default/70 shadow-sm',
+  root: 'shadow-sm',
   header: 'px-5 py-4 sm:px-6',
   body: 'px-5 pb-5 sm:px-6 sm:pb-6',
   footer: 'px-5 py-4 sm:px-6',
diff --git a/frontend/app/components/BackendEditForm.vue b/frontend/app/components/BackendEditForm.vue
index e0a4664a..4982d839 100644
--- a/frontend/app/components/BackendEditForm.vue
+++ b/frontend/app/components/BackendEditForm.vue
@@ -52,7 +52,7 @@
     <form v-else id="backend_edit_form" class="space-y-6" @submit.prevent="saveContent">
       <div class="grid gap-6 xl:grid-cols-[minmax(0,1.15fr)_minmax(0,0.85fr)]">
         <div class="space-y-6">
-          <UCard class="border border-default/70 shadow-sm" :ui="summaryCardUi">
+          <UCard class="shadow-sm" :ui="summaryCardUi">
             <div class="grid gap-3 sm:grid-cols-2 xl:grid-cols-3">
               <div class="rounded-md border border-default bg-elevated/20 px-3 py-3">
                 <div class="mb-1 inline-flex items-center gap-2 text-xs font-medium text-toned">
@@ -80,7 +80,7 @@
             </div>
           </UCard>
 
-          <UCard class="border border-default/70 shadow-sm" :ui="sectionCardUi">
+          <UCard class="shadow-sm" :ui="sectionCardUi">
             <template #header>
               <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
                 <UIcon name="i-lucide-link" class="size-4 text-toned" />
@@ -280,7 +280,7 @@
             </div>
           </UCard>
 
-          <UCard class="border border-default/70 shadow-sm" :ui="sectionCardUi">
+          <UCard class="shadow-sm" :ui="sectionCardUi">
             <template #header>
               <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
                 <UIcon name="i-lucide-fingerprint" class="size-4 text-toned" />
@@ -331,7 +331,7 @@
             </div>
           </UCard>
 
-          <UCard class="border border-default/70 shadow-sm" :ui="sectionCardUi">
+          <UCard class="shadow-sm" :ui="sectionCardUi">
             <template #header>
               <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
                 <UIcon name="i-lucide-user-round-cog" class="size-4 text-toned" />
@@ -419,7 +419,7 @@
             </div>
           </UCard>
 
-          <UCard class="border border-default/70 shadow-sm" :ui="sectionCardUi">
+          <UCard class="shadow-sm" :ui="sectionCardUi">
             <template #header>
               <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
                 <UIcon name="i-lucide-repeat-2" class="size-4 text-toned" />
@@ -479,7 +479,7 @@
         </div>
 
         <div class="space-y-6">
-          <UCard class="border border-default/70 shadow-sm" :ui="sectionCardUi">
+          <UCard class="shadow-sm" :ui="sectionCardUi">
             <template #header>
               <button
                 type="button"
diff --git a/frontend/app/components/CustomGuidForm.vue b/frontend/app/components/CustomGuidForm.vue
index c1b6f5f0..a0143058 100644
--- a/frontend/app/components/CustomGuidForm.vue
+++ b/frontend/app/components/CustomGuidForm.vue
@@ -82,7 +82,7 @@
       </p>
     </div>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="nestedCardUi">
+    <UCard class="shadow-sm" :ui="nestedCardUi">
       <template #header>
         <div class="space-y-2">
           <div class="flex items-start justify-between gap-3">
@@ -145,7 +145,7 @@
       </div>
     </UCard>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="nestedCardUi">
+    <UCard class="shadow-sm" :ui="nestedCardUi">
       <template #header>
         <div class="space-y-2">
           <div class="flex items-start justify-between gap-3">
diff --git a/frontend/app/components/CustomLinkForm.vue b/frontend/app/components/CustomLinkForm.vue
index d2a0c9cb..0e373f14 100644
--- a/frontend/app/components/CustomLinkForm.vue
+++ b/frontend/app/components/CustomLinkForm.vue
@@ -56,7 +56,7 @@
     </div>
 
     <template v-if="'plex' === form.type && true === form.options.legacy">
-      <UCard class="border border-default/70 shadow-sm" :ui="nestedCardUi">
+      <UCard class="shadow-sm" :ui="nestedCardUi">
         <template #header>
           <button
             type="button"
diff --git a/frontend/app/components/Dialog.vue b/frontend/app/components/Dialog.vue
index b95d938c..f93509e8 100644
--- a/frontend/app/components/Dialog.vue
+++ b/frontend/app/components/Dialog.vue
@@ -35,6 +35,15 @@
         </template>
 
         <template v-else-if="isConfirm || isPrompt">
+          <UButton
+            type="button"
+            color="neutral"
+            variant="outline"
+            icon="i-lucide-x"
+            @click="onCancel"
+          >
+            {{ cancelText }}
+          </UButton>
           <UButton
             type="button"
             icon="i-lucide-check"
@@ -46,16 +55,6 @@
           >
             {{ confirmText }}
           </UButton>
-
-          <UButton
-            type="button"
-            color="neutral"
-            variant="outline"
-            icon="i-lucide-x"
-            @click="onCancel"
-          >
-            {{ cancelText }}
-          </UButton>
         </template>
       </div>
     </template>
diff --git a/frontend/app/components/DuplicateRecordList.vue b/frontend/app/components/DuplicateRecordList.vue
index 1cded70c..9434d321 100644
--- a/frontend/app/components/DuplicateRecordList.vue
+++ b/frontend/app/components/DuplicateRecordList.vue
@@ -31,7 +31,7 @@
         <div
           v-for="(record, index) in records"
           :key="record.id"
-          class="space-y-2 rounded-md border border-default bg-default/80 p-3"
+          class="space-y-2 rounded-md border border-default bg-elevated/40 p-3"
         >
           <div class="flex items-start justify-between gap-3">
             <NuxtLink
diff --git a/frontend/app/components/IdentityEditForm.vue b/frontend/app/components/IdentityEditForm.vue
index 21f7751c..7483388b 100644
--- a/frontend/app/components/IdentityEditForm.vue
+++ b/frontend/app/components/IdentityEditForm.vue
@@ -12,20 +12,40 @@
 
     <template v-else>
       <form id="identity_edit_form" class="space-y-6" @submit.prevent="saveContent">
-        <UCard class="border border-default/70 shadow-sm" :ui="cardUi">
+        <UCard class="shadow-sm" :ui="cardUi">
           <div class="space-y-5">
-            <UFormField
-              label="Mini command"
-              name="command_input"
-              description="Apply a focused JSON command before saving. Use `s/path/value/` or `d/path/`. Escape literal `/` as `\/`."
-            >
-              <UInput
-                v-model="commandInput"
-                icon="i-lucide-terminal"
-                class="w-full"
-                placeholder="s/backend1.import.enabled/false/"
-                @keydown.enter.prevent.stop="applyMiniCommand"
-              />
+            <UFormField name="command_input">
+              <template #label>
+                <div class="flex items-center gap-2">
+                  <UIcon name="i-lucide-terminal" class="size-4 text-toned" />
+                  <span>Mini command</span>
+                </div>
+              </template>
+
+              <div class="flex gap-2">
+                <UInput
+                  v-model="commandInput"
+                  icon="i-lucide-terminal"
+                  class="min-w-0 flex-1"
+                  placeholder="s/backend1.import.enabled/false/"
+                  @keydown.enter.prevent.stop="applyMiniCommand"
+                />
+
+                <UButton
+                  color="primary"
+                  variant="soft"
+                  icon="i-lucide-play"
+                  :disabled="!commandInput.trim()"
+                  @click="applyMiniCommand"
+                >
+                  Run
+                </UButton>
+              </div>
+
+              <p class="mt-2 text-sm text-toned">
+                Use <code>s/path/value/</code> or <code>d/path/</code>. Escape literal
+                <code>/</code> as <code>\/</code>.
+              </p>
 
               <p v-if="commandError" class="mt-2 text-sm text-error">
                 {{ commandError }}
@@ -61,7 +81,7 @@
               color="warning"
               variant="soft"
               icon="i-lucide-triangle-alert"
-              title="Warning"
+              title=""
               description="Do not edit the backend names, as indexing and data are keyed by them. This may lead to data loss."
             />
 
@@ -70,7 +90,7 @@
                 v-model="configContent"
                 rows="20"
                 placeholder="Enter server configuration in JSON format..."
-                class="min-h-96 w-full rounded-md border border-default bg-default px-3 py-2 font-mono text-sm text-default outline-none transition focus:border-primary"
+                class="min-h-96 w-full rounded-md border border-default bg-elevated/30 px-3 py-2 font-mono text-sm text-default outline-none transition focus:border-primary"
                 @blur="formatJSON"
               />
             </UFormField>
@@ -116,7 +136,7 @@
         </UCard>
       </form>
 
-      <UCard class="border border-default/70 shadow-sm" :ui="tipsCardUi">
+      <UCard class="shadow-sm" :ui="tipsCardUi">
         <ul class="list-disc space-y-2 pl-5 text-sm leading-6 text-default">
           <li>
             Each backend should have: name, type, url, token, uuid, user, import, export, and
diff --git a/frontend/app/components/LogDetailsModal.vue b/frontend/app/components/LogDetailsModal.vue
index 6c6de86e..5b36cc1a 100644
--- a/frontend/app/components/LogDetailsModal.vue
+++ b/frontend/app/components/LogDetailsModal.vue
@@ -225,14 +225,14 @@
             >
               <button
                 type="button"
-                class="flex w-full items-center justify-between gap-3 px-3 py-2 text-left"
+                class="grid w-full grid-cols-[minmax(7rem,0.45fr)_minmax(0,1fr)] items-center gap-3 px-3 py-2 text-left sm:grid-cols-[minmax(0,12rem)_minmax(0,1fr)]"
                 @click="toggleField(field.key)"
               >
-                <span class="text-[11px] font-semibold tracking-wide text-toned">
+                <span class="min-w-0 truncate text-[11px] font-semibold tracking-wide text-toned">
                   {{ field.label }}
                 </span>
-                <div class="flex items-center gap-2">
-                  <span v-if="field.preview" class="max-w-md truncate text-xs text-toned">
+                <div class="flex min-w-0 items-center justify-end gap-2">
+                  <span v-if="field.preview" class="min-w-0 truncate text-xs text-toned">
                     {{ field.preview }}
                   </span>
                   <UIcon
diff --git a/frontend/app/components/Markdown.vue b/frontend/app/components/Markdown.vue
index 3f3eda0c..be335ee7 100644
--- a/frontend/app/components/Markdown.vue
+++ b/frontend/app/components/Markdown.vue
@@ -19,7 +19,7 @@
       :description="error"
     />
 
-    <UCard v-else class="border border-default/70 shadow-sm" :ui="{ body: 'p-0' }">
+    <UCard v-else class="shadow-sm" :ui="{ body: 'p-0' }">
       <div ref="contentRoot" class="ws-markdown" v-html="content" />
     </UCard>
   </div>
diff --git a/frontend/app/components/PageHeader.vue b/frontend/app/components/PageHeader.vue
new file mode 100644
index 00000000..2fd126a5
--- /dev/null
+++ b/frontend/app/components/PageHeader.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="ws-page-header">
+    <div class="ws-page-heading" :class="headingClass">
+      <span class="ws-page-icon">
+        <slot name="icon">
+          <UIcon :name="icon" class="size-5" />
+        </slot>
+      </span>
+
+      <div class="min-w-0" :class="contentClass">
+        <div class="ws-page-kicker">
+          <slot name="kicker">
+            <span>{{ sectionLabel }}</span>
+            <span>/</span>
+            <span>{{ pageLabel }}</span>
+          </slot>
+        </div>
+
+        <p v-if="description" class="max-w-3xl text-sm text-toned">{{ description }}</p>
+      </div>
+    </div>
+
+    <div
+      v-if="$slots.actions"
+      class="flex w-full flex-wrap items-center gap-2 xl:w-auto xl:justify-end"
+    >
+      <slot name="actions" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { WatchStatePageHeaderProps } from '~/types';
+
+withDefaults(defineProps<WatchStatePageHeaderProps>(), {
+  contentClass: 'space-y-2',
+  description: '',
+  headingClass: '',
+  icon: 'i-lucide-layout-dashboard',
+});
+</script>
diff --git a/frontend/app/components/ParamInput.vue b/frontend/app/components/ParamInput.vue
new file mode 100644
index 00000000..7c45e65a
--- /dev/null
+++ b/frontend/app/components/ParamInput.vue
@@ -0,0 +1,80 @@
+<template>
+  <USelect
+    v-if="options.length > 0"
+    :model-value="modelValue"
+    :items="options"
+    :placeholder="placeholder"
+    :disabled="disabled"
+    class="w-full"
+    @update:model-value="(value: string) => emit('update:modelValue', value ?? '')"
+  >
+    <template #leading>
+      <span v-if="placeholder && !modelValue" class="text-toned">{{ placeholder }}</span>
+    </template>
+  </USelect>
+  <UInput
+    v-else-if="'integer' === inputType || 'number' === inputType"
+    :model-value="modelValue"
+    type="number"
+    :placeholder="placeholder"
+    :disabled="disabled"
+    class="w-full"
+    @update:model-value="(value: string | number) => emit('update:modelValue', String(value ?? ''))"
+  />
+  <UInput
+    v-else
+    :model-value="modelValue"
+    type="text"
+    :placeholder="placeholder"
+    :disabled="disabled"
+    class="w-full"
+    autocomplete="off"
+    @update:model-value="(value: string | number) => emit('update:modelValue', String(value ?? ''))"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import type { OpenAPIRouteParameter } from '~/types';
+
+const props = withDefaults(
+  defineProps<{
+    modelValue: string;
+    param: OpenAPIRouteParameter;
+    disabled?: boolean;
+  }>(),
+  {
+    disabled: false,
+  },
+);
+
+const emit = defineEmits<{
+  'update:modelValue': [value: string];
+}>();
+
+const inputType = computed<string>(() => props.param.schemaType ?? '');
+
+const options = computed<Array<string>>(() => {
+  if (props.param.schemaEnum.length > 0) {
+    return props.param.schemaEnum;
+  }
+
+  if ('boolean' === inputType.value) {
+    return ['true', 'false'];
+  }
+
+  return [];
+});
+
+const placeholder = computed<string>(() => {
+  if (props.param.example) {
+    return props.param.example;
+  }
+
+  const label = props.param.schemaFormat
+    ? `${props.param.schemaType ?? 'value'} (${props.param.schemaFormat})`
+    : props.param.schemaType || props.param.schemaSummary || 'value';
+
+  return label;
+});
+</script>
diff --git a/frontend/app/components/SettingsPanel.vue b/frontend/app/components/SettingsPanel.vue
index d9432939..f457d52c 100644
--- a/frontend/app/components/SettingsPanel.vue
+++ b/frontend/app/components/SettingsPanel.vue
@@ -20,7 +20,9 @@
           size="sm"
           square
           icon="i-lucide-x"
-          class="ml-auto shrink-0 sm:hidden"
+          aria-label="Close settings"
+          title="Close settings"
+          class="ml-auto shrink-0"
           @click="emit('close')"
         />
       </div>
@@ -28,7 +30,7 @@
 
     <template #body>
       <div class="space-y-5">
-        <UCard class="border border-default/70 shadow-sm" :ui="sectionCardUi">
+        <UCard class="ws-card shadow-sm" :ui="sectionCardUi">
           <template #header>
             <div class="flex items-center gap-2">
               <UIcon name="i-lucide-settings" class="size-5 text-toned" />
@@ -116,7 +118,7 @@
           </form>
         </UCard>
 
-        <UCard class="border border-default/70 shadow-sm" :ui="sectionCardUi">
+        <UCard class="ws-card shadow-sm" :ui="sectionCardUi">
           <template #header>
             <div class="flex items-center gap-2">
               <UIcon name="i-lucide-circle-help" class="size-5 text-toned" />
@@ -125,7 +127,7 @@
           </template>
 
           <div class="space-y-5">
-            <div class="rounded-md border border-default bg-elevated/30 px-3 py-3">
+            <div class="ws-card bg-elevated/30 px-3 py-3">
               <div class="flex items-center justify-between gap-3">
                 <div class="min-w-0">
                   <div class="text-sm font-medium text-highlighted">Show posters</div>
@@ -142,7 +144,7 @@
               </div>
             </div>
 
-            <div class="space-y-3 rounded-md border border-default bg-elevated/30 p-4">
+            <div class="ws-card space-y-3 bg-elevated/30 p-4">
               <div class="flex flex-wrap items-center justify-between gap-3">
                 <div>
                   <p class="font-medium text-default">Backgrounds from backends</p>
@@ -178,25 +180,25 @@
               </div>
             </div>
 
-            <div class="space-y-3 rounded-md border border-default bg-elevated/30 p-4">
+            <div class="ws-card space-y-3 bg-elevated/30 p-4">
               <div class="flex items-center justify-between gap-3">
                 <label class="text-sm font-medium text-default" for="random_bg_opacity">
                   Background visibility
                 </label>
-                <code>{{ (1.0 - parseFloat(String(bg_opacity))).toFixed(2) }}</code>
+                <code>{{ Math.round(bgVisibilityModel * 100) }}%</code>
               </div>
 
               <USlider
                 id="random_bg_opacity"
-                v-model="bg_opacity"
+                v-model="bgVisibilityModel"
                 color="primary"
-                :min="0.6"
-                :max="1"
+                :min="0"
+                :max="0.4"
                 :step="0.01"
               />
             </div>
 
-            <div class="space-y-3 rounded-md border border-default bg-elevated/30 p-4">
+            <div class="ws-card space-y-3 bg-elevated/30 p-4">
               <div class="flex flex-wrap items-center justify-between gap-3">
                 <div>
                   <p class="font-medium text-default">Date format</p>
@@ -277,6 +279,12 @@ const { username } = useAuthStore();
 const bg_enable = useStorage<boolean>('bg_enable', true);
 const poster_enable = useStorage<boolean>('poster_enable', true);
 const bg_opacity = useStorage<number>('bg_opacity', 0.95);
+const bgVisibilityModel = computed<number>({
+  get: () => Number((1 - Number(bg_opacity.value)).toFixed(2)),
+  set: (value) => {
+    bg_opacity.value = Number((1 - Number(value)).toFixed(2));
+  },
+});
 const tooltip_date_format = TOOLTIP_DATE_FORMAT;
 
 const tooltipDatePreview = computed(() => moment().format(tooltip_date_format.value));
diff --git a/frontend/app/components/StatCard.vue b/frontend/app/components/StatCard.vue
index 3c2ceea5..09073d4d 100644
--- a/frontend/app/components/StatCard.vue
+++ b/frontend/app/components/StatCard.vue
@@ -1,16 +1,25 @@
 <template>
-  <div class="rounded-lg border border-default/70 bg-elevated/40 p-3">
+  <div class="ws-card bg-elevated/40 p-3">
     <div class="flex items-center justify-between gap-3">
       <div class="min-w-0 space-y-1">
         <p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-toned">{{ label }}</p>
         <UTooltip v-if="tooltip" :text="tooltip">
-          <div class="flex items-baseline gap-1.5 cursor-help">
+          <div
+            :class="valueWrap ? 'space-y-1 cursor-help' : 'flex cursor-help items-baseline gap-1.5'"
+          >
             <span class="text-sm font-semibold text-highlighted">{{ value }}</span>
             <span v-if="hint" class="truncate text-xs text-toned">{{ hint }}</span>
           </div>
         </UTooltip>
-        <div v-else class="flex items-baseline gap-1.5">
-          <span class="text-sm font-semibold text-highlighted">{{ value }}</span>
+        <div v-else :class="valueWrap ? 'space-y-1' : 'flex items-baseline gap-1.5'">
+          <span
+            :class="[
+              'text-sm font-semibold text-highlighted',
+              valueWrap ? 'block wrap-break-word' : '',
+            ]"
+          >
+            {{ value }}
+          </span>
           <span v-if="hint" class="truncate text-xs text-toned">{{ hint }}</span>
         </div>
       </div>
@@ -27,6 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue';
+
 type Color = 'primary' | 'success' | 'error' | 'warning' | 'info' | 'neutral';
 
 const props = withDefaults(
@@ -37,8 +48,9 @@ const props = withDefaults(
     hint?: string;
     tooltip?: string;
     color?: Color;
+    valueWrap?: boolean;
   }>(),
-  { color: 'primary', hint: '', tooltip: '' },
+  { color: 'primary', hint: '', tooltip: '', valueWrap: false },
 );
 
 const TILE_BG: Record<Color, string> = {
diff --git a/frontend/app/components/TryItModal.vue b/frontend/app/components/TryItModal.vue
new file mode 100644
index 00000000..8976752e
--- /dev/null
+++ b/frontend/app/components/TryItModal.vue
@@ -0,0 +1,765 @@
+<template>
+  <UModal
+    :open="open"
+    :title="title"
+    :ui="modalUi"
+    @update:open="(value: boolean) => emit('update:open', value)"
+  >
+    <template #body>
+      <div class="space-y-5">
+        <UAlert
+          v-if="route?.deprecated"
+          color="warning"
+          variant="soft"
+          icon="i-lucide-triangle-alert"
+          title="Deprecated endpoint"
+          description="This route is marked as deprecated in the spec."
+        />
+
+        <UAlert
+          v-if="!backend"
+          color="warning"
+          variant="soft"
+          icon="i-lucide-server-off"
+          title="No backend selected"
+          description="Select a configured backend from the dropdown at the top of the page first."
+        />
+
+        <UAlert
+          v-if="!hasFormFields"
+          color="neutral"
+          variant="soft"
+          icon="i-lucide-info"
+          title="No parameters"
+          description="This endpoint has no configurable parameters."
+        />
+
+        <section v-if="pathParams.length > 0" class="space-y-3">
+          <button
+            type="button"
+            class="flex w-full items-center justify-between gap-3 text-left"
+            @click="toggleSection('path')"
+          >
+            <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
+              <UIcon name="i-lucide-slash" class="size-4 text-toned" />
+              <span>Path Parameters</span>
+            </div>
+            <div class="flex items-center gap-2">
+              <UBadge color="neutral" variant="outline" size="sm">
+                {{ pathParams.length }}
+              </UBadge>
+              <UIcon
+                name="i-lucide-chevron-right"
+                :class="[
+                  'size-4 text-toned transition-transform',
+                  isSectionOpen('path') ? 'rotate-90' : '',
+                ]"
+              />
+            </div>
+          </button>
+
+          <div v-if="isSectionOpen('path')" class="grid gap-3 sm:grid-cols-2">
+            <UFormField
+              v-for="param in pathParams"
+              :key="param.key"
+              :label="param.name"
+              :description="param.description"
+              :required="param.required"
+            >
+              <ParamInput
+                :model-value="pathValues[param.name] ?? ''"
+                :param="param"
+                :disabled="isLoading"
+                @update:model-value="(value: string) => (pathValues[param.name] = value)"
+              />
+            </UFormField>
+          </div>
+        </section>
+
+        <section v-if="queryParams.length > 0" class="space-y-3">
+          <button
+            type="button"
+            class="flex w-full items-center justify-between gap-3 text-left"
+            @click="toggleSection('query')"
+          >
+            <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
+              <UIcon name="i-lucide-list" class="size-4 text-toned" />
+              <span>Query Parameters</span>
+            </div>
+            <div class="flex items-center gap-2">
+              <UBadge color="neutral" variant="outline" size="sm">
+                {{ queryParams.length }}
+              </UBadge>
+              <UIcon
+                name="i-lucide-chevron-right"
+                :class="[
+                  'size-4 text-toned transition-transform',
+                  isSectionOpen('query') ? 'rotate-90' : '',
+                ]"
+              />
+            </div>
+          </button>
+
+          <div v-if="isSectionOpen('query')" class="grid gap-3 sm:grid-cols-2">
+            <UFormField
+              v-for="param in queryParams"
+              :key="param.key"
+              :label="param.name"
+              :description="param.description"
+              :required="param.required"
+            >
+              <ParamInput
+                :model-value="queryValues[param.name] ?? ''"
+                :param="param"
+                :disabled="isLoading"
+                @update:model-value="(value: string) => (queryValues[param.name] = value)"
+              />
+            </UFormField>
+          </div>
+        </section>
+
+        <section v-if="headerParams.length > 0 || headerRows.length > 0" class="space-y-3">
+          <button
+            type="button"
+            class="flex w-full items-center justify-between gap-3 text-left"
+            @click="toggleSection('headers')"
+          >
+            <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
+              <UIcon name="i-lucide-braces" class="size-4 text-toned" />
+              <span>Headers</span>
+            </div>
+            <div class="flex items-center gap-2">
+              <UBadge color="neutral" variant="outline" size="sm">
+                {{ headerRows.length }}
+              </UBadge>
+              <UIcon
+                name="i-lucide-chevron-right"
+                :class="[
+                  'size-4 text-toned transition-transform',
+                  isSectionOpen('headers') ? 'rotate-90' : '',
+                ]"
+              />
+            </div>
+          </button>
+
+          <div v-if="isSectionOpen('headers')" class="space-y-2">
+            <div class="flex justify-end">
+              <UButton
+                type="button"
+                color="neutral"
+                variant="outline"
+                size="xs"
+                icon="i-lucide-plus"
+                :disabled="isLoading"
+                @click="addHeaderRow()"
+              >
+                Add
+              </UButton>
+            </div>
+            <div
+              v-for="(row, index) in headerRows"
+              :key="index"
+              class="flex flex-col gap-2 rounded-md border border-default bg-elevated/40 px-3 py-2 sm:flex-row"
+            >
+              <UInput
+                v-model="row.key"
+                type="text"
+                placeholder="Header Key"
+                class="flex-1"
+                :disabled="isLoading"
+              />
+              <UInput
+                v-model="row.value"
+                type="text"
+                placeholder="Header Value"
+                class="flex-1"
+                :disabled="isLoading"
+              />
+              <UButton
+                type="button"
+                color="neutral"
+                variant="outline"
+                icon="i-lucide-x"
+                size="xs"
+                class="shrink-0"
+                :disabled="isLoading"
+                @click="headerRows.splice(index, 1)"
+              />
+            </div>
+          </div>
+        </section>
+
+        <section v-if="route?.requestBody" class="space-y-3">
+          <button
+            type="button"
+            class="flex w-full items-center justify-between gap-3 text-left"
+            @click="toggleSection('body')"
+          >
+            <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
+              <UIcon name="i-lucide-arrow-up-from-line" class="size-4 text-toned" />
+              <span>Request Body</span>
+            </div>
+            <div class="flex items-center gap-2">
+              <UBadge color="neutral" variant="outline" size="sm">
+                {{ route.requestBody.mediaType }}
+              </UBadge>
+              <UIcon
+                name="i-lucide-chevron-right"
+                :class="[
+                  'size-4 text-toned transition-transform',
+                  isSectionOpen('body') ? 'rotate-90' : '',
+                ]"
+              />
+            </div>
+          </button>
+
+          <div v-if="isSectionOpen('body')" class="space-y-2">
+            <div class="flex items-center justify-end gap-2">
+              <UBadge v-if="route.requestBody.required" color="warning" variant="soft" size="sm">
+                Required
+              </UBadge>
+              <UButton
+                type="button"
+                color="neutral"
+                variant="outline"
+                size="xs"
+                icon="i-lucide-wand-sparkles"
+                :disabled="isLoading"
+                @click="formatBody"
+              >
+                Format
+              </UButton>
+            </div>
+            <p v-if="route.requestBody.description" class="text-xs text-toned">
+              {{ route.requestBody.description }}
+            </p>
+            <textarea
+              v-model="bodyText"
+              rows="8"
+              :placeholder="bodyPlaceholder"
+              class="ws-wrap-anywhere min-h-40 w-full rounded-md border border-default bg-elevated/30 px-3 py-2 font-mono text-sm text-default outline-none transition focus:border-primary"
+              @blur="formatBody"
+            />
+          </div>
+        </section>
+
+        <div v-if="response" class="space-y-3">
+          <div
+            class="flex items-center gap-2 rounded-md border border-default bg-elevated/40 px-3 py-2"
+          >
+            <UBadge
+              :color="responseStatusColor"
+              variant="soft"
+              size="sm"
+              class="font-mono shrink-0"
+            >
+              {{ response.response.status }}
+            </UBadge>
+            <span class="font-mono text-sm font-semibold text-highlighted shrink-0">
+              {{ response.request.method }}
+            </span>
+            <span class="ws-wrap-anywhere min-w-0 flex-1 truncate font-mono text-xs text-toned">
+              {{ response.request.url }}
+            </span>
+            <UTooltip text="Copy response body">
+              <UButton
+                color="neutral"
+                variant="ghost"
+                size="xs"
+                icon="i-lucide-copy"
+                :disabled="!response.response.body"
+                @click="copyText(formatBodyText(response.response.body))"
+              />
+            </UTooltip>
+          </div>
+
+          <UTabs
+            v-model="activeResultTab"
+            :items="resultTabs"
+            variant="pill"
+            color="neutral"
+            size="sm"
+          >
+            <template #request>
+              <UTable :data="requestHeaderRows" :columns="headerColumns" :ui="tableUi">
+                <template #empty>
+                  <div class="py-4 text-center text-xs text-toned">No request headers.</div>
+                </template>
+                <template #key-cell="{ row }">
+                  <span class="font-medium text-highlighted">{{ ucWords(row.original.key) }}</span>
+                </template>
+                <template #value-cell="{ row }">
+                  <span class="ws-wrap-anywhere text-default">{{ row.original.value }}</span>
+                </template>
+              </UTable>
+            </template>
+            <template #response>
+              <UTable :data="responseHeaderRows" :columns="headerColumns" :ui="tableUi">
+                <template #empty>
+                  <div class="py-4 text-center text-xs text-toned">No response headers.</div>
+                </template>
+                <template #key-cell="{ row }">
+                  <span class="font-medium text-highlighted">{{ ucWords(row.original.key) }}</span>
+                </template>
+                <template #value-cell="{ row }">
+                  <span :class="headerToneClass(row.original.key)">{{ row.original.value }}</span>
+                </template>
+              </UTable>
+            </template>
+            <template #body>
+              <pre
+                class="ws-terminal-panel ws-terminal-panel-lg max-h-72 overflow-auto rounded-md bg-elevated text-xs text-default"
+              ><code>{{ formatBodyText(response.response.body) }}</code></pre>
+            </template>
+          </UTabs>
+        </div>
+      </div>
+    </template>
+
+    <template #footer>
+      <div class="flex w-full flex-wrap items-center justify-end gap-2">
+        <UButton
+          color="neutral"
+          variant="outline"
+          icon="i-lucide-rotate-ccw"
+          :disabled="isLoading"
+          @click="resetForm"
+        >
+          Reset
+        </UButton>
+        <UButton
+          color="neutral"
+          variant="outline"
+          icon="i-lucide-terminal"
+          :disabled="!canSend"
+          @click="copyCurl"
+        >
+          Copy cURL
+        </UButton>
+        <UButton
+          :color="isDestructive ? 'error' : 'primary'"
+          :icon="isDestructive ? 'i-lucide-triangle-alert' : 'i-lucide-send'"
+          :loading="isLoading"
+          :disabled="!canSend"
+          @click="send"
+        >
+          Send Request
+        </UButton>
+      </div>
+    </template>
+  </UModal>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue';
+import type { TableColumn } from '@nuxt/ui';
+import ParamInput from '~/components/ParamInput.vue';
+import { copyText, notification, parse_api_response, request } from '~/utils';
+import { useDialog } from '~/composables/useDialog';
+import type { Backend, GenericError, OpenAPIRouteEntry, ProxyExchange } from '~/types';
+
+type HeaderItem = {
+  key: string;
+  value: string;
+};
+
+const props = withDefaults(
+  defineProps<{
+    open?: boolean;
+    route?: OpenAPIRouteEntry | null;
+    backend?: Backend | null;
+  }>(),
+  {
+    open: false,
+    route: null,
+    backend: null,
+  },
+);
+
+const emit = defineEmits<{
+  'update:open': [value: boolean];
+}>();
+
+const dialog = useDialog();
+
+const modalUi = {
+  content: 'max-w-4xl',
+  body: 'max-h-[70vh] overflow-y-auto p-5',
+  footer: 'p-4',
+};
+
+const tableUi = {
+  root: 'max-h-64 overflow-auto rounded-md border border-default bg-elevated/20',
+  th: 'px-2 py-1.5 text-xs text-left font-medium text-toned',
+  td: 'px-2 py-1.5 text-xs text-default align-top whitespace-normal break-all',
+};
+
+const headerColumns: Array<TableColumn<HeaderItem>> = [
+  { accessorKey: 'key', header: 'Header', meta: { class: { th: 'w-44' } } },
+  { accessorKey: 'value', header: 'Value' },
+];
+
+const resultTabs = [
+  { label: 'Request', value: 'request', slot: 'request', icon: 'i-lucide-arrow-up-right' },
+  { label: 'Response', value: 'response', slot: 'response', icon: 'i-lucide-arrow-down-left' },
+  { label: 'Body', value: 'body', slot: 'body', icon: 'i-lucide-file-text' },
+];
+
+const pathValues = ref<Record<string, string>>({});
+const queryValues = ref<Record<string, string>>({});
+const headerRows = ref<Array<HeaderItem>>([]);
+const bodyText = ref<string>('');
+const response = ref<ProxyExchange | null>(null);
+const isLoading = ref<boolean>(false);
+const activeResultTab = ref<string>('response');
+const collapsedSections = ref<Record<string, boolean>>({});
+
+const FORM_SECTION_IDS: Array<string> = ['path', 'query', 'headers', 'body'];
+
+const isSectionOpen = (id: string): boolean => !collapsedSections.value[id];
+
+const toggleSection = (id: string): void => {
+  collapsedSections.value[id] = !collapsedSections.value[id];
+};
+
+const collapseAllFormSections = (): void => {
+  for (const id of FORM_SECTION_IDS) {
+    collapsedSections.value[id] = true;
+  }
+};
+
+const title = computed<string>(() => {
+  if (!props.route) {
+    return 'Try it out';
+  }
+
+  const suffix = props.backend ? ` via ${props.backend.name}` : '';
+  return `${props.route.method} ${props.route.path}${suffix}`;
+});
+
+const pathParams = computed(() =>
+  (props.route?.parameters ?? []).filter((param) => 'path' === param.location),
+);
+
+const queryParams = computed(() =>
+  (props.route?.parameters ?? []).filter((param) => 'query' === param.location),
+);
+
+const headerParams = computed(() =>
+  (props.route?.parameters ?? []).filter((param) => 'header' === param.location),
+);
+
+const hasFormFields = computed<boolean>(() => {
+  return (
+    pathParams.value.length > 0 ||
+    queryParams.value.length > 0 ||
+    headerParams.value.length > 0 ||
+    !!props.route?.requestBody
+  );
+});
+
+const requestHeaderRows = computed<Array<HeaderItem>>(() => {
+  if (!response.value) {
+    return [];
+  }
+
+  return Object.entries(response.value.request.headers ?? {}).map(([key, value]) => ({
+    key,
+    value,
+  }));
+});
+
+const responseHeaderRows = computed<Array<HeaderItem>>(() => {
+  if (!response.value) {
+    return [];
+  }
+
+  return Object.entries(response.value.response.headers ?? {}).map(([key, value]) => ({
+    key,
+    value,
+  }));
+});
+
+const isDestructive = computed<boolean>(() => {
+  const method = (props.route?.method ?? '').toUpperCase();
+  return ['DELETE', 'PUT', 'PATCH'].includes(method);
+});
+
+const canSend = computed<boolean>(() => {
+  if (isLoading.value || !props.route || !props.backend) {
+    return false;
+  }
+
+  const missingPath = pathParams.value.some((param) => {
+    if (!param.required) {
+      return false;
+    }
+
+    return !(pathValues.value[param.name] ?? '').trim();
+  });
+
+  return !missingPath;
+});
+
+const bodyPlaceholder = computed<string>(() => {
+  const body = props.route?.requestBody;
+  if (!body) {
+    return '';
+  }
+
+  if (body.example) {
+    return body.example;
+  }
+
+  if (body.shape) {
+    return body.shape;
+  }
+
+  return 'Enter request body...';
+});
+
+const ucWords = (value: string): string =>
+  value.replace(/_/g, ' ').replace(/\b\w/g, (char) => char.toUpperCase());
+
+const formatBodyText = (value: string): string => {
+  if (!value) {
+    return 'Empty body';
+  }
+
+  try {
+    return JSON.stringify(JSON.parse(value), null, 2);
+  } catch {
+    return value;
+  }
+};
+
+const responseStatusColor = computed<'success' | 'warning' | 'error' | 'neutral'>(() => {
+  const code = response.value?.response.status ?? 0;
+
+  if (code >= 200 && code < 300) {
+    return 'success';
+  }
+
+  if (code >= 300 && code < 500) {
+    return 'warning';
+  }
+
+  if (code >= 500) {
+    return 'error';
+  }
+
+  return 'neutral';
+});
+
+const headerToneClass = (key: string): string =>
+  key.toLowerCase().startsWith('ws-') ? 'font-medium text-red-500' : 'text-default';
+
+const addHeaderRow = (key?: string, value?: string): void => {
+  headerRows.value.push({ key: key ?? '', value: value ?? '' });
+};
+
+const resetForm = (): void => {
+  pathValues.value = {};
+  queryValues.value = {};
+  headerRows.value = [];
+  bodyText.value = '';
+  response.value = null;
+  activeResultTab.value = 'response';
+  collapsedSections.value = {};
+  seedFromRoute();
+};
+
+const seedFromRoute = (): void => {
+  const route = props.route;
+  if (!route) {
+    return;
+  }
+
+  for (const param of pathParams.value) {
+    pathValues.value[param.name] = param.example ?? '';
+  }
+
+  for (const param of queryParams.value) {
+    queryValues.value[param.name] = param.example ?? '';
+  }
+
+  for (const param of headerParams.value) {
+    if (param.example) {
+      addHeaderRow(param.name, param.example);
+    }
+  }
+
+  if (route.requestBody?.example) {
+    bodyText.value = route.requestBody.example;
+    formatBody();
+  }
+};
+
+const formatBody = (): void => {
+  const trimmed = bodyText.value.trim();
+  if ('' === trimmed) {
+    return;
+  }
+
+  try {
+    const parsed = JSON.parse(trimmed);
+    bodyText.value = JSON.stringify(parsed, null, 2);
+  } catch {
+    // leave non-JSON bodies untouched so users can edit XML/form-encoded payloads
+  }
+};
+
+const resolvePath = (): string => {
+  const route = props.route;
+  if (!route) {
+    return '';
+  }
+
+  let path = route.path;
+
+  for (const param of pathParams.value) {
+    const value = pathValues.value[param.name] ?? '';
+    const placeholder = new RegExp(`\\{${param.name}[^}]*\\}`, 'g');
+    path = path.replace(placeholder, encodeURIComponent(value));
+  }
+
+  return path;
+};
+
+const buildPayload = (): {
+  method: string;
+  path: string;
+  query: Record<string, string>;
+  headers: Record<string, string>;
+  body: string;
+} => {
+  const query: Record<string, string> = {};
+
+  for (const param of queryParams.value) {
+    const value = queryValues.value[param.name] ?? '';
+    if ('' !== value.trim()) {
+      query[param.name] = value;
+    }
+  }
+
+  const headers: Record<string, string> = {};
+
+  for (const row of headerRows.value) {
+    const key = row.key.trim();
+    if ('' === key) {
+      continue;
+    }
+    headers[key] = row.value;
+  }
+
+  return {
+    method: (props.route?.method ?? 'GET').toUpperCase(),
+    path: resolvePath(),
+    query,
+    headers,
+    body: bodyText.value.trim(),
+  };
+};
+
+const send = async (): Promise<void> => {
+  if (!canSend.value || !props.backend) {
+    return;
+  }
+
+  if (isDestructive.value) {
+    const { status } = await dialog.confirmDialog({
+      title: 'Confirm destructive request',
+      message: `This will send a ${props.route?.method} request to ${props.backend.name}. Continue?`,
+      confirmColor: 'error',
+    });
+
+    if (true !== status) {
+      return;
+    }
+  }
+
+  isLoading.value = true;
+  response.value = null;
+
+  try {
+    const payload = buildPayload();
+    const resp = await request(`/backend/${props.backend.name}/proxy`, {
+      method: 'POST',
+      body: JSON.stringify(payload),
+    });
+
+    const json = await parse_api_response<ProxyExchange | GenericError>(resp);
+
+    if ('error' in json) {
+      notification(
+        'error',
+        'Error',
+        `${json.error.code ?? resp.status}: ${json.error.message ?? 'Unknown error'}`,
+      );
+      return;
+    }
+
+    response.value = json;
+    activeResultTab.value = 'response';
+    collapseAllFormSections();
+  } catch (error: unknown) {
+    const message = error instanceof Error ? error.message : 'Unexpected error';
+    notification('error', 'Error', `Failed to send request. ${message}`);
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+const escapeShell = (value: string): string => value.replace(/'/g, "'\\''");
+
+const buildCurlCommand = (): string => {
+  if (!props.route || !props.backend) {
+    return '';
+  }
+
+  const payload = buildPayload();
+  const baseUrl = props.backend.url;
+
+  const parts: Array<string> = ['curl', '-v'];
+
+  if ('GET' !== payload.method) {
+    parts.push('-X', payload.method);
+  }
+
+  for (const [key, value] of Object.entries(payload.headers)) {
+    parts.push('-H', `'${escapeShell(`${key}: ${value}`)}'`);
+  }
+
+  if (payload.body) {
+    parts.push('--data', `'${escapeShell(payload.body)}'`);
+  }
+
+  const queryString = Object.entries(payload.query)
+    .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
+    .join('&');
+
+  const fullPath = queryString ? `${payload.path}?${queryString}` : payload.path;
+  parts.push(`'${escapeShell(`${baseUrl}${fullPath}`)}'`);
+
+  return parts.join(' ');
+};
+
+const copyCurl = (): void => {
+  try {
+    copyText(buildCurlCommand());
+    notification('success', 'Copied', 'cURL command copied to clipboard.');
+  } catch (error: unknown) {
+    const message = error instanceof Error ? error.message : 'Unexpected error';
+    notification('error', 'Error', `Failed to copy cURL command. ${message}`);
+  }
+};
+
+watch(
+  () => props.route?.key,
+  () => {
+    response.value = null;
+    activeResultTab.value = 'response';
+    resetForm();
+  },
+);
+</script>
diff --git a/frontend/app/error.vue b/frontend/app/error.vue
index 90d3eafb..092af870 100644
--- a/frontend/app/error.vue
+++ b/frontend/app/error.vue
@@ -1,75 +1,86 @@
 <template>
-  <NuxtLayout>
-    <main class="w-full min-w-0 max-w-full space-y-4">
-      <div class="space-y-1">
-        <div class="flex items-center gap-2 text-lg font-semibold text-highlighted">
-          <UIcon name="i-lucide-triangle-alert" class="size-5 text-error" />
-          <span>
-            {{ props.error.statusCode }}
-            <span v-if="props.error.statusMessage">- {{ props.error.statusMessage }}</span>
-          </span>
-        </div>
+  <NuxtLayout name="error-layout">
+    <div class="flex min-h-full flex-1 items-start justify-center py-4 sm:py-8">
+      <div class="ytp-card p-0 w-full">
+        <div class="space-y-6 px-4 py-5 sm:px-6 sm:py-6 lg:px-7">
+          <div class="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
+            <div class="min-w-0 space-y-2">
+              <div class="flex flex-wrap items-center gap-2 text-sm text-toned">
+                <UIcon name="i-lucide-triangle-alert" class="size-4 text-warning" />
+                <span>Application error</span>
+              </div>
 
-        <p class="text-sm text-toned">An unexpected application error occurred.</p>
-      </div>
+              <h1 class="text-2xl font-semibold text-highlighted sm:text-3xl">
+                {{ error.status || 'Unknown Error' }}
+                <span v-if="error.statusText"> - {{ error.statusText }}</span>
+              </h1>
 
-      <UAlert
-        v-if="props.error.message"
-        color="warning"
-        variant="soft"
-        icon="i-lucide-triangle-alert"
-        title="Error details"
-        :description="props.error.message"
-      />
+              <p class="max-w-3xl text-sm leading-6 text-toned">
+                An unexpected error interrupted this view. You can go back home or retry the current
+                route.
+              </p>
+            </div>
 
-      <UCard v-if="props.error.stack" class="border border-default/70 shadow-sm" :ui="cardUi">
-        <template #header>
-          <button
-            type="button"
-            class="flex items-center gap-2 text-left text-sm font-semibold text-highlighted"
-            @click="showStacks = !showStacks"
-          >
-            <UIcon
-              :name="showStacks ? 'i-lucide-chevron-up' : 'i-lucide-chevron-down'"
-              class="size-4 text-toned"
-            />
-            <span>Stack trace</span>
-          </button>
-        </template>
+            <div class="flex flex-wrap items-center gap-2 lg:justify-end">
+              <UButton color="neutral" variant="outline" size="sm" icon="i-lucide-house" to="/">
+                Back to Home
+              </UButton>
 
-        <div
-          v-if="showStacks"
-          class="overflow-x-auto rounded-md border border-default bg-elevated/60 p-3"
-        >
-          <pre
-            class="whitespace-pre-wrap wrap-break-word text-xs leading-6 text-default"
-          ><code>{{ props.error.stack }}</code></pre>
-        </div>
-      </UCard>
+              <UButton color="primary" size="sm" icon="i-lucide-rotate-cw" @click="handleRetry">
+                Retry
+              </UButton>
+            </div>
+          </div>
+
+          <UAlert
+            v-if="error.message"
+            color="warning"
+            variant="soft"
+            icon="i-lucide-circle-alert"
+            title="Details"
+            :description="error.message"
+          />
+
+          <section v-if="error.stack" class="space-y-3 border-t border-default pt-5">
+            <button
+              type="button"
+              class="inline-flex items-center gap-2 text-sm font-semibold text-highlighted transition hover:text-primary"
+              @click="showStacks = !showStacks"
+            >
+              <UIcon
+                :name="showStacks ? 'i-lucide-chevron-up' : 'i-lucide-chevron-down'"
+                class="size-4"
+              />
+              <span>Stack trace</span>
+            </button>
 
-      <div class="flex justify-end">
-        <UButton color="primary" variant="soft" icon="i-lucide-house" to="/">Back to Home</UButton>
+            <div
+              v-if="showStacks"
+              class="overflow-x-auto rounded-lg border border-default bg-elevated/60"
+            >
+              <pre
+                class="min-w-0 p-4 text-xs leading-6 whitespace-pre-wrap text-default"
+              ><code>{{ error.stack }}</code></pre>
+            </div>
+          </section>
+        </div>
       </div>
-    </main>
+    </div>
   </NuxtLayout>
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+import type { NuxtError } from '#app';
 
 const props = defineProps<{
-  error: {
-    statusCode?: number;
-    statusMessage?: string;
-    message?: string;
-    stack?: string;
-  };
+  error: NuxtError;
 }>();
 
-const cardUi = {
-  header: 'p-4',
-  body: 'px-4 pb-4 pt-0',
+const showStacks = ref(false);
+
+const handleRetry = async (): Promise<void> => {
+  await clearError({ redirect: useRoute().fullPath });
 };
 
-const showStacks = ref(false);
+onMounted(() => console.error(props.error));
 </script>
diff --git a/frontend/app/layouts/default.vue b/frontend/app/layouts/default.vue
index f11729bc..c55ae0ef 100644
--- a/frontend/app/layouts/default.vue
+++ b/frontend/app/layouts/default.vue
@@ -259,7 +259,9 @@ type NavEntry = {
   id: string;
   label: string;
   icon: string;
+  description?: string;
   matchPath?: string;
+  additionalMatchPaths?: Array<string>;
   exactMatch?: boolean;
   excludeMatchPaths?: Array<string>;
   to?: string;
@@ -551,7 +553,15 @@ const isNavigationEntryActive = (entry: NavEntry) => {
     return current === target;
   }
 
-  return isPathActive(entry.matchPath);
+  if (isPathActive(entry.matchPath)) {
+    return true;
+  }
+
+  if (entry.additionalMatchPaths?.some((path) => isPathActive(path))) {
+    return true;
+  }
+
+  return false;
 };
 
 const topLevelNavigationEntries = computed(() =>
@@ -566,10 +576,12 @@ const topLevelNavEntries = computed<Array<NavEntry>>(() =>
     id: entry.id,
     label: entry.label,
     icon: entry.icon,
+    description: entry.description,
     to: entry.to,
     href: entry.href,
     target: entry.target,
     matchPath: entry.matchPath,
+    additionalMatchPaths: entry.additionalMatchPaths,
     exactMatch: entry.exactMatch,
     excludeMatchPaths: entry.excludeMatchPaths,
     onSelect:
@@ -660,7 +672,7 @@ const routeSearchGroups = computed<Array<SearchGroup>>(() => {
       label: section.label,
       items: section.items.flat().map((entry) => ({
         label: entry.label,
-        description: entry.href ?? entry.to,
+        description: entry.description ?? entry.href ?? entry.to,
         icon: entry.icon,
         onSelect: () => void handleRouteSelect(entry),
       })),
diff --git a/frontend/app/layouts/errorLayout.vue b/frontend/app/layouts/errorLayout.vue
new file mode 100644
index 00000000..de3ad388
--- /dev/null
+++ b/frontend/app/layouts/errorLayout.vue
@@ -0,0 +1,25 @@
+<template>
+  <UApp>
+    <div class="min-h-screen bg-default text-default">
+      <div
+        class="mx-auto flex min-h-screen w-full max-w-5xl flex-col px-4 py-4 sm:px-6 sm:py-6 lg:px-8"
+      >
+        <header class="mb-6 flex items-center justify-between border-b border-default pb-4">
+          <NuxtLink
+            to="/"
+            class="inline-flex items-center gap-2 text-sm font-semibold text-highlighted"
+          >
+            <UIcon name="i-lucide-house" class="size-4" />
+            <span>Home</span>
+          </NuxtLink>
+
+          <span class="text-xs tracking-[0.22em] text-toned uppercase">Error</span>
+        </header>
+
+        <main class="flex min-w-0 flex-1 flex-col">
+          <slot />
+        </main>
+      </div>
+    </div>
+  </UApp>
+</template>
diff --git a/frontend/app/pages/auth.vue b/frontend/app/pages/auth.vue
index 8b061a00..8552b5b4 100644
--- a/frontend/app/pages/auth.vue
+++ b/frontend/app/pages/auth.vue
@@ -198,7 +198,7 @@ const user = ref<UserCredentials>({ username: '', password: '' });
 const reset_cmd = ref<string>('docker exec -ti -- watchstate console system:resetpassword');
 
 const cardUi = {
-  root: 'border border-default/70 bg-default/80 shadow-xl backdrop-blur-sm',
+  root: 'bg-elevated/40 shadow-xl backdrop-blur-sm',
   header: 'px-5 py-4 sm:px-6',
   body: 'px-5 pb-5 sm:px-6 sm:pb-6',
   footer: 'px-5 py-4 sm:px-6',
diff --git a/frontend/app/pages/backend/[backend]/delete.vue b/frontend/app/pages/backend/[backend]/delete.vue
index 06e773b5..b2d3d6d7 100644
--- a/frontend/app/pages/backend/[backend]/delete.vue
+++ b/frontend/app/pages/backend/[backend]/delete.vue
@@ -1,11 +1,8 @@
 <template>
   <div class="space-y-6">
     <section class="space-y-4">
-      <div class="space-y-1">
-        <div
-          class="flex flex-wrap items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
+      <PageHeader v-bind="pageShell">
+        <template #kicker>
           <span>{{ pageShell.sectionLabel }}</span>
           <span>/</span>
           <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
@@ -15,12 +12,12 @@
           }}</NuxtLink>
           <span>/</span>
           <span class="text-highlighted normal-case tracking-normal">Delete</span>
-        </div>
+        </template>
+      </PageHeader>
 
-        <div>
-          <h1 class="text-2xl font-semibold text-highlighted">Delete Backend</h1>
-          <p class="mt-1 text-sm text-toned">Delete backend configuration and data.</p>
-        </div>
+      <div>
+        <h1 class="text-2xl font-semibold text-highlighted">Delete Backend</h1>
+        <p class="mt-1 text-sm text-toned">Delete backend configuration and data.</p>
       </div>
 
       <UAlert
@@ -115,6 +112,7 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
 import { navigateTo, useRoute } from '#app';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { notification, parse_api_response, request } from '~/utils';
 import type { Backend, GenericError } from '~/types';
diff --git a/frontend/app/pages/backend/[backend]/index.vue b/frontend/app/pages/backend/[backend]/index.vue
index 7d05f9d7..1d59379c 100644
--- a/frontend/app/pages/backend/[backend]/index.vue
+++ b/frontend/app/pages/backend/[backend]/index.vue
@@ -47,23 +47,16 @@
       </UModal>
 
       <section class="space-y-4">
-        <div class="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
-          <div class="space-y-1">
-            <div
-              class="flex flex-wrap items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-            >
-              <UIcon :name="pageShell.icon" class="size-4" />
-              <span>{{ pageShell.sectionLabel }}</span>
-              <span>/</span>
-              <NuxtLink to="/backends" class="hover:text-primary">{{
-                pageShell.pageLabel
-              }}</NuxtLink>
-              <span>/</span>
-              <span class="text-highlighted normal-case tracking-normal">{{ backend }}</span>
-            </div>
-          </div>
+        <PageHeader v-bind="pageShell">
+          <template #kicker>
+            <span>{{ pageShell.sectionLabel }}</span>
+            <span>/</span>
+            <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
+            <span>/</span>
+            <span class="text-highlighted normal-case tracking-normal">{{ backend }}</span>
+          </template>
 
-          <div class="flex flex-wrap items-center gap-2">
+          <template #actions>
             <UTooltip text="Delete Backend">
               <UButton
                 :to="`/backend/${backend}/delete`"
@@ -87,8 +80,8 @@
                 <span class="hidden sm:inline">Edit</span>
               </UButton>
             </UTooltip>
-          </div>
-        </div>
+          </template>
+        </PageHeader>
       </section>
 
       <section v-if="0 === bHistory.length">
@@ -115,8 +108,8 @@
           <UCard
             v-for="item in bHistory"
             :key="item.id"
-            class="h-full border border-default/70 shadow-sm"
-            :class="item.watched ? 'bg-default/90 ring-1 ring-success/20' : 'bg-default/90'"
+            class="h-full shadow-sm"
+            :class="item.watched ? 'ring-1 ring-success/20' : ''"
             :ui="historyCardUi"
           >
             <template #header>
@@ -229,7 +222,7 @@
       </section>
 
       <section v-if="info">
-        <UCard class="border border-default/70 shadow-sm" :ui="infoCardUi">
+        <UCard class="shadow-sm" :ui="infoCardUi">
           <template #header>
             <div class="space-y-2">
               <div class="flex items-start justify-between gap-3">
@@ -301,7 +294,7 @@
       </section>
 
       <section>
-        <UCard class="border border-default/70 shadow-sm" :ui="toolsCardUi">
+        <UCard class="shadow-sm" :ui="toolsCardUi">
           <template #header>
             <div class="space-y-1">
               <div class="flex items-center gap-2">
@@ -323,7 +316,7 @@
             >
               <div class="flex items-start gap-3">
                 <span
-                  class="inline-flex size-10 shrink-0 items-center justify-center rounded-md border border-default bg-default/70 text-toned transition group-hover:border-primary/30 group-hover:text-primary"
+                  class="inline-flex size-10 shrink-0 items-center justify-center rounded-md border border-default bg-elevated/40 text-toned transition group-hover:border-primary/30 group-hover:text-primary"
                 >
                   <UIcon :name="tool.icon" class="size-4.5" />
                 </span>
@@ -352,6 +345,7 @@ import { useHead, useRoute } from '#app';
 import { useStorage } from '@vueuse/core';
 import BackendEditForm from '~/components/BackendEditForm.vue';
 import FloatingImage from '~/components/FloatingImage.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import { useDirtyCloseGuard } from '~/composables/useDirtyCloseGuard';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import {
diff --git a/frontend/app/pages/backend/[backend]/libraries.vue b/frontend/app/pages/backend/[backend]/libraries.vue
index ec3d0a65..8875bb96 100644
--- a/frontend/app/pages/backend/[backend]/libraries.vue
+++ b/frontend/app/pages/backend/[backend]/libraries.vue
@@ -1,37 +1,34 @@
 <template>
   <div class="space-y-6">
     <section class="space-y-4">
-      <div class="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
-        <div class="space-y-1">
-          <div
-            class="flex flex-wrap items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
+      <PageHeader v-bind="pageShell">
+        <template #kicker>
+          <span>{{ pageShell.sectionLabel }}</span>
+          <span>/</span>
+          <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
+          <span>/</span>
+          <NuxtLink
+            :to="`/backend/${backend}`"
+            class="hover:text-primary normal-case tracking-normal"
+            >{{ backend }}</NuxtLink
           >
-            <UIcon :name="pageShell.icon" class="size-4" />
-            <span>{{ pageShell.sectionLabel }}</span>
-            <span>/</span>
-            <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
-            <span>/</span>
-            <NuxtLink
-              :to="`/backend/${backend}`"
-              class="hover:text-primary normal-case tracking-normal"
-              >{{ backend }}</NuxtLink
-            >
-            <span>/</span>
-            <span class="text-highlighted normal-case tracking-normal">Libraries</span>
-          </div>
-        </div>
-
-        <UButton
-          color="neutral"
-          variant="outline"
-          icon="i-lucide-refresh-cw"
-          :loading="isLoading"
-          :disabled="isLoading"
-          aria-label="Reload libraries"
-          @click="loadContent"
-          label="Reload"
-        />
-      </div>
+          <span>/</span>
+          <span class="text-highlighted normal-case tracking-normal">Libraries</span>
+        </template>
+
+        <template #actions>
+          <UButton
+            color="neutral"
+            variant="outline"
+            icon="i-lucide-refresh-cw"
+            :loading="isLoading"
+            :disabled="isLoading"
+            aria-label="Reload libraries"
+            @click="loadContent"
+            label="Reload"
+          />
+        </template>
+      </PageHeader>
 
       <UAlert
         v-if="0 === items.length && isLoading"
@@ -56,7 +53,7 @@
         <UCard
           v-for="item in items"
           :key="`library-${item.id}`"
-          class="h-full border border-default/70 shadow-sm"
+          class="h-full shadow-sm"
           :ui="cardUi"
         >
           <template #header>
@@ -201,7 +198,7 @@
       </div>
     </section>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -241,6 +238,7 @@
 import { computed, onMounted, ref } from 'vue';
 import { navigateTo, useHead, useRoute } from '#app';
 import { useStorage } from '@vueuse/core';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { makeConsoleCommand, notification, parse_api_response, r, request } from '~/utils';
 import type { JsonObject, JsonValue, LibraryItem, UtilityCommand } from '~/types';
diff --git a/frontend/app/pages/backend/[backend]/mismatched.vue b/frontend/app/pages/backend/[backend]/mismatched.vue
index e7395e6d..a939f13a 100644
--- a/frontend/app/pages/backend/[backend]/mismatched.vue
+++ b/frontend/app/pages/backend/[backend]/mismatched.vue
@@ -1,27 +1,23 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex flex-wrap items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #kicker>
+        <span>{{ pageShell.sectionLabel }}</span>
+        <span>/</span>
+        <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
+        <span>/</span>
+        <NuxtLink
+          :to="`/backend/${backend}`"
+          class="hover:text-primary normal-case tracking-normal"
+          >{{ backend }}</NuxtLink
         >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
-          <span>/</span>
-          <NuxtLink
-            :to="`/backend/${backend}`"
-            class="hover:text-primary normal-case tracking-normal"
-            >{{ backend }}</NuxtLink
-          >
-          <span>/</span>
-          <span class="text-highlighted normal-case tracking-normal">Misidentified</span>
-        </div>
-      </div>
+        <span>/</span>
+        <span class="text-highlighted normal-case tracking-normal">Misidentified</span>
+      </template>
 
-      <div v-if="hasLooked" class="flex flex-wrap items-center justify-end gap-2">
+      <template #actions>
         <UButton
+          v-if="hasLooked"
           color="neutral"
           variant="outline"
           size="sm"
@@ -32,10 +28,10 @@
         >
           <span class="hidden sm:inline">Reload</span>
         </UButton>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
-    <UCard v-if="false === hasLooked" class="border border-default/70 shadow-sm" :ui="panelCardUi">
+    <UCard v-if="false === hasLooked" class="shadow-sm" :ui="panelCardUi">
       <template #header>
         <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
           <UIcon name="i-lucide-circle-check" class="size-4 text-toned" />
@@ -92,7 +88,7 @@
         <UCard
           v-for="item in items"
           :key="item.title + item.library"
-          class="h-full border border-default/70 shadow-sm"
+          class="h-full shadow-sm"
           :ui="resultCardUi"
         >
           <template #header>
@@ -216,7 +212,7 @@
       </div>
     </div>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="panelCardUi">
+    <UCard class="shadow-sm" :ui="panelCardUi">
       <template #header>
         <button
           type="button"
@@ -252,6 +248,7 @@
 import { ref } from 'vue';
 import { useRoute, useHead } from '#app';
 import { useStorage } from '@vueuse/core';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { makeSearchLink, notification, request, parse_api_response } from '~/utils';
 import { useSessionCache } from '~/utils/cache';
diff --git a/frontend/app/pages/backend/[backend]/search.vue b/frontend/app/pages/backend/[backend]/search.vue
index 38bab8b9..8869e5a7 100644
--- a/frontend/app/pages/backend/[backend]/search.vue
+++ b/frontend/app/pages/backend/[backend]/search.vue
@@ -1,27 +1,22 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex flex-wrap items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #kicker>
+        <span>{{ pageShell.sectionLabel }}</span>
+        <span>/</span>
+        <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
+        <span>/</span>
+        <NuxtLink
+          :to="`/backend/${backend}`"
+          class="hover:text-primary normal-case tracking-normal"
+          >{{ backend }}</NuxtLink
         >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
-          <span>/</span>
-          <NuxtLink
-            :to="`/backend/${backend}`"
-            class="hover:text-primary normal-case tracking-normal"
-            >{{ backend }}</NuxtLink
-          >
-          <span>/</span>
-          <span class="text-highlighted normal-case tracking-normal">Search</span>
-        </div>
-      </div>
-    </div>
+        <span>/</span>
+        <span class="text-highlighted normal-case tracking-normal">Search</span>
+      </template>
+    </PageHeader>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="panelCardUi">
+    <UCard class="shadow-sm" :ui="panelCardUi">
       <template #header>
         <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
           <UIcon name="i-lucide-search" class="size-4 text-toned" />
@@ -145,8 +140,8 @@
       <UCard
         v-for="item in items"
         :key="item.id"
-        class="h-full border border-default/70 shadow-sm"
-        :class="item.watched ? 'bg-default/90 ring-1 ring-success/20' : 'bg-default/90'"
+        class="h-full shadow-sm"
+        :class="item.watched ? 'ring-1 ring-success/20' : ''"
         :ui="resultCardUi"
       >
         <template #header>
@@ -226,38 +221,37 @@
             v-if="item.title"
             class="rounded-md border border-default bg-elevated/40 px-3 py-2.5"
           >
-            <div class="cursor-pointer text-sm font-medium text-default" @click="toggleOverflow">
-              <div class="min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap">
-                <span class="inline-flex items-center gap-2">
-                  <UIcon name="i-lucide-heading" class="size-4 shrink-0 text-toned" />
-                  <NuxtLink
-                    :to="makeSearchLink('title', item.title)"
-                    class="text-highlighted hover:text-primary"
-                  >
-                    {{ item.title }}
-                  </NuxtLink>
-                </span>
-              </div>
+            <div
+              class="flex min-w-0 cursor-pointer items-start gap-2 text-sm font-medium text-default"
+              @click="item.expand_title = !item.expand_title"
+            >
+              <UIcon name="i-lucide-heading" class="mt-0.5 size-4 shrink-0 text-toned" />
+              <NuxtLink
+                :to="makeSearchLink('title', item.title)"
+                class="min-w-0 text-highlighted hover:text-primary"
+                :class="item.expand_title ? 'wrap-break-word' : 'truncate'"
+              >
+                {{ item.title }}
+              </NuxtLink>
             </div>
           </div>
 
           <div
             v-if="item.content_path"
-            class="cursor-pointer rounded-md border border-default bg-elevated/40 px-3 py-2.5"
-            @click="toggleFirstChildOverflow"
+            class="rounded-md border border-default bg-elevated/40 px-3 py-2.5"
           >
             <div
-              class="min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium text-default"
+              class="flex min-w-0 cursor-pointer items-start gap-2 text-sm font-medium text-default"
+              @click="item.expand_path = !item.expand_path"
             >
-              <span class="inline-flex items-center gap-2">
-                <UIcon name="i-lucide-file-text" class="size-4 shrink-0 text-toned" />
-                <NuxtLink
-                  :to="makeSearchLink('path', item.content_path)"
-                  class="hover:text-primary"
-                >
-                  {{ item.content_path }}
-                </NuxtLink>
-              </span>
+              <UIcon name="i-lucide-file-text" class="mt-0.5 size-4 shrink-0 text-toned" />
+              <NuxtLink
+                :to="makeSearchLink('path', item.content_path)"
+                class="min-w-0 hover:text-primary"
+                :class="item.expand_path ? 'wrap-break-word' : 'truncate'"
+              >
+                {{ item.content_path }}
+              </NuxtLink>
             </div>
           </div>
         </div>
@@ -315,7 +309,7 @@
       @update:open="handleRawModalOpenChange"
     />
 
-    <UCard class="border border-default/70 shadow-sm" :ui="panelCardUi">
+    <UCard class="shadow-sm" :ui="panelCardUi">
       <template #header>
         <button
           type="button"
@@ -347,6 +341,7 @@ import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import { useRoute, useRouter, useHead } from '#app';
 import { useStorage } from '@vueuse/core';
 import FloatingImage from '~/components/FloatingImage.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import TextModal from '~/components/TextModal.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import moment from 'moment';
@@ -359,11 +354,12 @@ import {
   ag,
   parse_api_response,
 } from '~/utils';
-import type { SearchItem } from '~/types';
+import type { ExpandableUIState, SearchItem } from '~/types';
 
-type SearchItemWithUI = SearchItem & {
-  showItem?: boolean;
-};
+type SearchItemWithUI = SearchItem &
+  ExpandableUIState & {
+    showItem?: boolean;
+  };
 
 const route = useRoute();
 const router = useRouter();
@@ -457,20 +453,6 @@ const handleRawModalOpenChange = (open: boolean): void => {
   selectedRawItem.value = null;
 };
 
-const toggleOverflow = (event: Event): void => {
-  (event.target as HTMLElement)?.classList?.toggle('overflow-hidden');
-  (event.target as HTMLElement)?.classList?.toggle('text-ellipsis');
-  (event.target as HTMLElement)?.classList?.toggle('whitespace-nowrap');
-};
-
-const toggleFirstChildOverflow = (event: Event): void => {
-  const target = event.target as HTMLElement | null;
-
-  target?.firstElementChild?.classList?.toggle('overflow-hidden');
-  target?.firstElementChild?.classList?.toggle('text-ellipsis');
-  target?.firstElementChild?.classList?.toggle('whitespace-nowrap');
-};
-
 const searchContent = async (fromPopState: boolean = false): Promise<void> => {
   const search = new URLSearchParams();
 
diff --git a/frontend/app/pages/backend/[backend]/sessions.vue b/frontend/app/pages/backend/[backend]/sessions.vue
index 62fd5909..437c8789 100644
--- a/frontend/app/pages/backend/[backend]/sessions.vue
+++ b/frontend/app/pages/backend/[backend]/sessions.vue
@@ -1,27 +1,22 @@
 <template>
   <div class="space-y-6">
     <section class="space-y-4">
-      <div class="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
-        <div class="space-y-1">
-          <div
-            class="flex flex-wrap items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
+      <PageHeader v-bind="pageShell">
+        <template #kicker>
+          <span>{{ pageShell.sectionLabel }}</span>
+          <span>/</span>
+          <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
+          <span>/</span>
+          <NuxtLink
+            :to="`/backend/${backend}`"
+            class="hover:text-primary normal-case tracking-normal"
+            >{{ backend }}</NuxtLink
           >
-            <UIcon :name="pageShell.icon" class="size-4" />
-            <span>{{ pageShell.sectionLabel }}</span>
-            <span>/</span>
-            <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
-            <span>/</span>
-            <NuxtLink
-              :to="`/backend/${backend}`"
-              class="hover:text-primary normal-case tracking-normal"
-              >{{ backend }}</NuxtLink
-            >
-            <span>/</span>
-            <span class="text-highlighted normal-case tracking-normal">Sessions</span>
-          </div>
-        </div>
+          <span>/</span>
+          <span class="text-highlighted normal-case tracking-normal">Sessions</span>
+        </template>
 
-        <div class="flex flex-wrap items-center justify-end gap-2">
+        <template #actions>
           <UButton
             color="neutral"
             variant="outline"
@@ -34,8 +29,8 @@
           >
             <span class="hidden sm:inline">Reload</span>
           </UButton>
-        </div>
-      </div>
+        </template>
+      </PageHeader>
 
       <UAlert
         v-if="1 > items.length && isLoading"
@@ -67,12 +62,7 @@
         </div>
 
         <div class="grid gap-4 xl:grid-cols-2">
-          <UCard
-            v-for="item in items"
-            :key="item.id"
-            class="h-full border border-default/70 shadow-sm"
-            :ui="cardUi"
-          >
+          <UCard v-for="item in items" :key="item.id" class="h-full shadow-sm" :ui="cardUi">
             <template #header>
               <div class="flex items-start justify-between gap-3">
                 <div class="min-w-0 flex-1">
@@ -173,6 +163,7 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
 import { useRoute } from '#app';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { formatDuration, notification, parse_api_response, request } from '~/utils';
 import type { SessionItem } from '~/types';
diff --git a/frontend/app/pages/backend/[backend]/stale/[id].vue b/frontend/app/pages/backend/[backend]/stale/[id].vue
index 628d7528..49421753 100644
--- a/frontend/app/pages/backend/[backend]/stale/[id].vue
+++ b/frontend/app/pages/backend/[backend]/stale/[id].vue
@@ -1,26 +1,21 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex flex-wrap items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #kicker>
+        <span>{{ pageShell.sectionLabel }}</span>
+        <span>/</span>
+        <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
+        <span>/</span>
+        <NuxtLink
+          :to="`/backend/${backend}`"
+          class="hover:text-primary normal-case tracking-normal"
+          >{{ backend }}</NuxtLink
         >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
-          <span>/</span>
-          <NuxtLink
-            :to="`/backend/${backend}`"
-            class="hover:text-primary normal-case tracking-normal"
-            >{{ backend }}</NuxtLink
-          >
-          <span>/</span>
-          <span class="text-highlighted normal-case tracking-normal">Staleness</span>
-        </div>
-      </div>
+        <span>/</span>
+        <span class="text-highlighted normal-case tracking-normal">Staleness</span>
+      </template>
 
-      <div class="flex flex-wrap items-center justify-end gap-2">
+      <template #actions>
         <UButton
           color="neutral"
           variant="outline"
@@ -31,8 +26,8 @@
           @click="() => void loadContent()"
           label="Reload"
         />
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <UAlert
       v-if="0 < items.length"
@@ -55,8 +50,8 @@
     <div v-if="0 < items.length" class="grid gap-4 xl:grid-cols-2">
       <Lazy v-for="item in items" :key="item.id" :unrender="true" :min-height="343" class="block">
         <UCard
-          class="h-full border shadow-sm"
-          :class="item.watched ? 'border-success/40' : 'border-default/70'"
+          class="h-full shadow-sm"
+          :class="item.watched ? 'ring-1 ring-success/20' : ''"
           :ui="resultCardUi"
         >
           <template #header>
@@ -181,7 +176,7 @@
                   v-for="reportedBackend in item.reported_by"
                   :key="`${item.id}-rb-${reportedBackend}`"
                   :to="`/backend/${reportedBackend}`"
-                  class="inline-flex items-center gap-1.5 rounded-md border border-default bg-default/60 px-2.5 py-1 text-xs font-medium text-default"
+                  class="inline-flex items-center gap-1.5 rounded-md border border-default bg-elevated/40 px-2.5 py-1 text-xs font-medium text-default"
                 >
                   <UIcon name="i-lucide-server" class="size-3.5" />
                   {{ reportedBackend }}
@@ -260,7 +255,7 @@
       </template>
     </UAlert>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -301,6 +296,7 @@ import { useStorage } from '@vueuse/core';
 import moment from 'moment';
 import FloatingImage from '~/components/FloatingImage.vue';
 import Lazy from '~/components/Lazy.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import {
   request,
diff --git a/frontend/app/pages/backend/[backend]/unmatched.vue b/frontend/app/pages/backend/[backend]/unmatched.vue
index f3a468e9..81823d46 100644
--- a/frontend/app/pages/backend/[backend]/unmatched.vue
+++ b/frontend/app/pages/backend/[backend]/unmatched.vue
@@ -1,27 +1,23 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex flex-wrap items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #kicker>
+        <span>{{ pageShell.sectionLabel }}</span>
+        <span>/</span>
+        <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
+        <span>/</span>
+        <NuxtLink
+          :to="`/backend/${backend}`"
+          class="hover:text-primary normal-case tracking-normal"
+          >{{ backend }}</NuxtLink
         >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
-          <span>/</span>
-          <NuxtLink
-            :to="`/backend/${backend}`"
-            class="hover:text-primary normal-case tracking-normal"
-            >{{ backend }}</NuxtLink
-          >
-          <span>/</span>
-          <span class="text-highlighted normal-case tracking-normal">Unmatched</span>
-        </div>
-      </div>
+        <span>/</span>
+        <span class="text-highlighted normal-case tracking-normal">Unmatched</span>
+      </template>
 
-      <div v-if="hasLooked" class="flex flex-wrap items-center justify-end gap-2">
+      <template #actions>
         <UButton
+          v-if="hasLooked"
           color="neutral"
           variant="outline"
           size="sm"
@@ -32,10 +28,10 @@
         >
           <span class="hidden sm:inline">Reload</span>
         </UButton>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
-    <UCard v-if="false === hasLooked" class="border border-default/70 shadow-sm" :ui="panelCardUi">
+    <UCard v-if="false === hasLooked" class="shadow-sm" :ui="panelCardUi">
       <template #header>
         <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
           <UIcon name="i-lucide-circle-check" class="size-4 text-toned" />
@@ -92,7 +88,7 @@
         <UCard
           v-for="item in items"
           :key="item.id ?? item.title"
-          class="h-full border border-default/70 shadow-sm"
+          class="h-full shadow-sm"
           :ui="resultCardUi"
         >
           <template #header>
@@ -233,6 +229,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { useRoute, useHead } from '#app';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { makeSearchLink, notification, request, parse_api_response } from '~/utils';
 import { useSessionCache } from '~/utils/cache';
diff --git a/frontend/app/pages/backend/[backend]/users.vue b/frontend/app/pages/backend/[backend]/users.vue
index c97114e2..e1bd66d5 100644
--- a/frontend/app/pages/backend/[backend]/users.vue
+++ b/frontend/app/pages/backend/[backend]/users.vue
@@ -1,40 +1,37 @@
 <template>
   <div class="space-y-6">
     <section class="space-y-4">
-      <div class="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
-        <div class="space-y-1">
-          <div
-            class="flex flex-wrap items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
+      <PageHeader v-bind="pageShell">
+        <template #kicker>
+          <span>{{ pageShell.sectionLabel }}</span>
+          <span>/</span>
+          <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
+          <span>/</span>
+          <NuxtLink
+            :to="`/backend/${backend}`"
+            class="hover:text-primary normal-case tracking-normal"
+            >{{ backend }}</NuxtLink
           >
-            <UIcon :name="pageShell.icon" class="size-4" />
-            <span>{{ pageShell.sectionLabel }}</span>
-            <span>/</span>
-            <NuxtLink to="/backends" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
-            <span>/</span>
-            <NuxtLink
-              :to="`/backend/${backend}`"
-              class="hover:text-primary normal-case tracking-normal"
-              >{{ backend }}</NuxtLink
-            >
-            <span>/</span>
-            <span class="text-highlighted normal-case tracking-normal">Users</span>
-          </div>
-        </div>
+          <span>/</span>
+          <span class="text-highlighted normal-case tracking-normal">Users</span>
+        </template>
 
-        <UTooltip text="Reload users">
-          <UButton
-            color="neutral"
-            variant="outline"
-            icon="i-lucide-refresh-cw"
-            :loading="isLoading"
-            :disabled="isLoading"
-            aria-label="Reload users"
-            @click="loadContent"
-          >
-            <span class="hidden sm:inline">Reload</span>
-          </UButton>
-        </UTooltip>
-      </div>
+        <template #actions>
+          <UTooltip text="Reload users">
+            <UButton
+              color="neutral"
+              variant="outline"
+              icon="i-lucide-refresh-cw"
+              :loading="isLoading"
+              :disabled="isLoading"
+              aria-label="Reload users"
+              @click="loadContent"
+            >
+              <span class="hidden sm:inline">Reload</span>
+            </UButton>
+          </UTooltip>
+        </template>
+      </PageHeader>
 
       <UAlert
         v-if="(!items || items.length < 1) && isLoading"
@@ -59,7 +56,7 @@
         <UCard
           v-for="item in items"
           :key="`users-${item.id}`"
-          class="h-full border border-default/70 shadow-sm"
+          class="h-full shadow-sm"
           :ui="cardUi"
         >
           <template #header>
@@ -172,7 +169,7 @@
       </div>
     </section>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -211,6 +208,7 @@ import { onMounted, ref } from 'vue';
 import { useHead, useRoute } from '#app';
 import { useStorage } from '@vueuse/core';
 import moment from 'moment';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { notification, parse_api_response, request, TOOLTIP_DATE_FORMAT } from '~/utils';
 import type { BackendUserItem } from '~/types';
diff --git a/frontend/app/pages/backends/index.vue b/frontend/app/pages/backends/index.vue
index 95267cc8..0a9bae7a 100644
--- a/frontend/app/pages/backends/index.vue
+++ b/frontend/app/pages/backends/index.vue
@@ -1,19 +1,14 @@
 <template>
-  <div class="space-y-6">
+  <div class="w-full min-w-0 max-w-full space-y-6">
     <section class="space-y-4">
-      <div class="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
-        <div class="space-y-1">
-          <div
-            class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-          >
-            <UIcon :name="pageShell.icon" class="size-4" />
-            <span>{{ pageShell.pageLabel }}</span>
-            <span v-if="api_user">/</span>
-            <span v-if="api_user">{{ ucFirst(api_user) }}</span>
-          </div>
-        </div>
+      <PageHeader v-bind="pageShell">
+        <template #kicker>
+          <span>{{ pageShell.pageLabel }}</span>
+          <span v-if="api_user">/</span>
+          <span v-if="api_user">{{ ucFirst(api_user) }}</span>
+        </template>
 
-        <div class="flex flex-wrap items-center gap-2">
+        <template #actions>
           <UButton
             color="neutral"
             variant="outline"
@@ -35,8 +30,8 @@
               @click="loadContent"
             />
           </UTooltip>
-        </div>
-      </div>
+        </template>
+      </PageHeader>
 
       <UModal
         :open="toggleForm"
@@ -164,7 +159,7 @@
         <UCard
           v-for="backend in backends"
           :key="backend.name"
-          class="h-full border border-default/70 shadow-sm"
+          class="h-full shadow-sm"
           :ui="backendCardUi"
         >
           <template #header>
@@ -364,6 +359,7 @@ import { useStorage } from '@vueuse/core';
 import moment from 'moment';
 import BackendAdd from '~/components/BackendAdd.vue';
 import BackendEditForm from '~/components/BackendEditForm.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import { useDirtyCloseGuard } from '~/composables/useDirtyCloseGuard';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import {
diff --git a/frontend/app/pages/backup.vue b/frontend/app/pages/backup.vue
index 561a0faf..4dba7a1a 100644
--- a/frontend/app/pages/backup.vue
+++ b/frontend/app/pages/backup.vue
@@ -1,22 +1,7 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-
-        <div>
-          <p class="mt-1 text-sm text-toned">This page contains all of your backups.</p>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <UButton
           color="neutral"
           :variant="queued ? 'soft' : 'outline'"
@@ -65,8 +50,8 @@
             <span class="hidden sm:inline">Reload</span>
           </UButton>
         </UTooltip>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <UAlert
       v-if="isLoading"
@@ -100,7 +85,7 @@
       <UCard
         v-for="item in filteredItems"
         :key="item.filename"
-        class="h-full border border-default/70 shadow-sm"
+        class="h-full shadow-sm"
         :ui="backupCardUi"
       >
         <template #header>
@@ -136,12 +121,12 @@
 
         <div class="space-y-4">
           <div class="flex gap-2 flex-row">
-            <USelect
+            <USelectMenu
               v-model="item.selected"
               :items="restoreTargetItems"
               value-key="value"
               placeholder="Restore to..."
-              icon="i-lucide-history"
+              :ui="{ item: 'pl-6' }"
               class="flex-1"
             />
 
@@ -188,7 +173,7 @@
       </UCard>
     </div>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -247,6 +232,7 @@ import { computed, onMounted, ref, watch } from 'vue';
 import { navigateTo, useHead, useRoute } from '#app';
 import { useStorage } from '@vueuse/core';
 import moment from 'moment';
+import PageHeader from '~/components/PageHeader.vue';
 import { useDialog } from '~/composables/useDialog';
 import type { BackupItem, GenericResponse, UILoadingState, IdentityBackends } from '~/types';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
@@ -269,6 +255,7 @@ type RestoreTargetItem = {
   label: string;
   value?: string;
   type?: 'label' | 'item';
+  disabled?: boolean;
 };
 
 type FilePickerOptions = {
@@ -308,11 +295,13 @@ const tipsCardUi = {
 const restoreTargetItems = computed<Array<Array<RestoreTargetItem>>>(() =>
   identities.value.map((identity) => [
     { label: `Identity: ${identity.identity}`, type: 'label' },
-    ...identity.backends.map((backend) => ({
-      label: backend,
-      value: `${identity.identity}@${backend}`,
-      type: 'item' as const,
-    })),
+    ...(identity.backends.length > 0
+      ? identity.backends.map((backend) => ({
+          label: backend,
+          value: `${identity.identity}@${backend}`,
+          type: 'item' as const,
+        }))
+      : [{ label: 'No backends', type: 'item' as const, disabled: true }]),
   ]),
 );
 
diff --git a/frontend/app/pages/changelog.vue b/frontend/app/pages/changelog.vue
index f3687dbc..c543251c 100644
--- a/frontend/app/pages/changelog.vue
+++ b/frontend/app/pages/changelog.vue
@@ -1,39 +1,38 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
+        <UButton
+          v-if="logs.length > 0"
+          color="neutral"
+          :variant="toggleFilter ? 'soft' : 'outline'"
+          size="sm"
+          icon="i-lucide-filter"
+          @click="toggleFilter = !toggleFilter"
         >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-      </div>
+          <span>Filter</span>
+        </UButton>
+
+        <USwitch
+          v-model="latestOnly"
+          color="primary"
+          size="sm"
+          :label="latestOnly ? 'Latest Only' : 'All Loaded'"
+          :ui="{ root: 'items-center gap-2', wrapper: 'ms-0 text-xs text-toned' }"
+        />
 
-      <div v-if="logs.length > 0" class="flex flex-wrap items-center justify-end gap-2">
         <UInput
-          v-if="showFilter || query"
+          v-if="toggleFilter && logs.length > 0"
           id="filter"
           v-model.lazy="query"
           type="search"
           placeholder="Filter changelog entries"
           icon="i-lucide-filter"
           size="sm"
-          class="w-full sm:w-72"
+          class="order-last w-full sm:order-first sm:w-80"
         />
-
-        <UButton
-          color="neutral"
-          :variant="showFilter ? 'soft' : 'outline'"
-          size="sm"
-          icon="i-lucide-filter"
-          @click="toggleFilter"
-          label="Filter"
-        />
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <UAlert
       v-if="isLoading"
@@ -45,136 +44,151 @@
       :ui="{ icon: 'animate-spin' }"
     />
 
-    <UAlert
-      v-else-if="filteredLogs.length < 1"
-      color="warning"
-      variant="soft"
-      icon="i-lucide-triangle-alert"
-      :title="query ? 'Search results' : 'No changelog entries'"
-    >
-      <template #description>
-        <div class="space-y-2 text-sm text-default">
-          <p v-if="query">
-            No changelog entries match <strong>{{ query }}</strong
-            >.
-          </p>
-          <p v-else>No changelog entries are available right now.</p>
-        </div>
-      </template>
-    </UAlert>
-
-    <div v-else class="space-y-4">
-      <UCard
-        v-for="log in filteredLogs"
-        :key="log.tag"
-        class="border border-default/70 bg-default/90 shadow-sm"
-        :ui="cardUi"
-      >
-        <template #header>
-          <div class="flex items-center justify-between gap-3">
-            <div
-              class="inline-flex min-w-0 items-center gap-2 text-base font-semibold text-highlighted"
-            >
-              <UIcon name="i-lucide-git-branch" class="size-4 shrink-0 text-toned" />
-              <UTooltip :text="String(log.tag)">
-                <span class="truncate">{{ log.tag }}</span>
-              </UTooltip>
+    <template v-else>
+      <div v-if="filteredLogs.length > 0" class="space-y-5">
+        <section v-for="log in filteredLogs" :key="log.tag" class="space-y-3">
+          <button
+            type="button"
+            class="flex w-full flex-wrap items-center justify-between gap-3 text-left"
+            @click="toggleRelease(log.tag)"
+          >
+            <div class="flex min-w-0 items-center gap-3">
+              <span class="ws-section-icon">
+                <UIcon
+                  :name="isInstalled(log) ? 'i-lucide-badge-check' : 'i-lucide-git-branch'"
+                  class="size-5"
+                />
+              </span>
+
+              <div class="min-w-0 space-y-1">
+                <h2 class="truncate text-base font-semibold text-highlighted">
+                  {{ log.tag }}
+                </h2>
+
+                <div class="flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-toned">
+                  <UTooltip v-if="log.date" :text="`Release Date: ${log.date}`">
+                    <span class="inline-flex cursor-help items-center gap-1.5">
+                      <UIcon name="i-lucide-calendar-days" class="size-3.5 text-muted" />
+                      <span>{{ moment(log.date).fromNow() }}</span>
+                    </span>
+                  </UTooltip>
+                </div>
+              </div>
             </div>
 
-            <div class="flex items-center gap-2">
+            <div class="flex shrink-0 items-center gap-2">
               <UBadge
                 v-if="isInstalled(log)"
                 color="success"
                 variant="soft"
-                icon="i-lucide-badge-check"
-                label="Installed"
-              />
-
-              <UButton
-                color="neutral"
-                variant="outline"
                 size="sm"
-                :icon="isCollapsed(log) ? 'i-lucide-chevron-down' : 'i-lucide-chevron-up'"
-                :label="isCollapsed(log) ? 'Expand' : 'Collapse'"
-                @click="toggleCollapsed(log)"
-              />
-            </div>
-          </div>
-        </template>
+                icon="i-lucide-check"
+              >
+                Installed
+              </UBadge>
+
+              <UBadge color="neutral" variant="outline" size="sm" icon="i-lucide-list">
+                {{ log.commits?.length || 0 }} commits
+              </UBadge>
 
-        <div v-if="!isCollapsed(log)" class="space-y-3">
-          <div
-            v-for="commit in log.commits"
-            :key="commit.sha"
-            class="rounded-md border border-default bg-elevated/40 px-3 py-3 text-sm text-default"
-          >
-            <div class="flex items-start gap-2">
               <UIcon
-                name="i-lucide-git-commit-horizontal"
-                class="mt-0.5 size-4 shrink-0 text-toned"
+                name="i-lucide-chevron-right"
+                :class="[
+                  'size-4 text-toned transition-transform',
+                  isReleaseOpen(log.tag) ? 'rotate-90' : '',
+                ]"
               />
+            </div>
+          </button>
+
+          <div v-if="isReleaseOpen(log.tag)" class="space-y-2">
+            <article
+              v-for="commit in log.commits"
+              :key="commit.sha"
+              class="rounded-md border border-default bg-elevated/20 px-3 py-3 transition-colors hover:bg-elevated/35"
+            >
+              <NuxtLink
+                :to="`${REPO}/commit/${commit.full_sha}`"
+                target="_blank"
+                class="block min-w-0 text-sm font-medium leading-5 text-highlighted transition hover:text-primary"
+              >
+                {{ formatCommitMessage(commit.message) }}
+              </NuxtLink>
+
+              <div class="mt-2 flex flex-wrap items-center gap-2 text-xs text-toned">
+                <span
+                  class="inline-flex items-center gap-1 rounded-sm border border-default px-2 py-1"
+                >
+                  <UIcon name="i-lucide-user" class="size-3.5 text-muted" />
+                  <span>{{ commit.author }}</span>
+                </span>
+
+                <UTooltip :text="`Date: ${commit.date}`">
+                  <time
+                    class="inline-flex cursor-help items-center gap-1 rounded-sm border border-default px-2 py-1"
+                  >
+                    <UIcon name="i-lucide-clock-3" class="size-3.5 text-muted" />
+                    <span>{{ moment(commit.date).fromNow() }}</span>
+                  </time>
+                </UTooltip>
 
-              <div class="min-w-0 flex-1">
-                <div class="leading-6">
+                <UTooltip :text="`SHA: ${commit.full_sha}`">
                   <NuxtLink
                     :to="`${REPO}/commit/${commit.full_sha}`"
                     target="_blank"
-                    class="font-medium text-highlighted hover:text-primary hover:underline"
+                    class="inline-flex items-center gap-1 rounded-sm border border-default px-2 py-1 font-mono transition hover:border-primary hover:text-primary"
                   >
-                    {{ ucFirst(commit.message).replace(/\.$/, '') }}.
+                    <UIcon name="i-lucide-git-commit-horizontal" class="size-3.5 text-muted" />
+                    <span>{{ commit.sha }}</span>
                   </NuxtLink>
-                </div>
-
-                <div class="mt-2 flex flex-wrap items-center gap-2 text-xs text-toned">
-                  <UBadge color="neutral" variant="outline" size="sm" icon="i-lucide-user">
-                    {{ commit.author }}
-                  </UBadge>
-
-                  <UTooltip :text="`${commit.full_sha}`" class="cursor-pointer">
-                    <UBadge
-                      color="neutral"
-                      variant="outline"
-                      size="sm"
-                      icon="i-lucide-git-commit-horizontal"
-                    >
-                      {{ commit.sha }}
-                    </UBadge>
-                  </UTooltip>
-
-                  <UTooltip :text="`${commit.date}`" class="cursor-pointer">
-                    <UBadge color="neutral" variant="outline" size="sm" icon="i-lucide-clock-3">
-                      {{ moment(commit.date).fromNow() }}
-                    </UBadge>
-                  </UTooltip>
-
-                  <UBadge
-                    v-if="isInstalledCommit(commit)"
-                    color="success"
-                    variant="soft"
-                    size="sm"
-                    icon="i-lucide-badge-check"
-                  >
-                    Installed
-                  </UBadge>
-                </div>
+                </UTooltip>
+
+                <span
+                  v-if="isInstalledCommit(commit)"
+                  class="inline-flex items-center gap-1 rounded-sm border border-default px-2 py-1 font-medium"
+                >
+                  <UIcon name="i-lucide-check" class="size-3.5 text-success" />
+                  <span>Installed</span>
+                </span>
               </div>
-            </div>
+            </article>
           </div>
-        </div>
-      </UCard>
-    </div>
+        </section>
+      </div>
+
+      <div v-else class="space-y-3">
+        <UAlert
+          v-if="query"
+          color="warning"
+          variant="soft"
+          icon="i-lucide-search"
+          title="No Results"
+          :description="`No changelog entries found for the query: ${query}.`"
+        />
+
+        <UAlert
+          v-else
+          color="warning"
+          variant="soft"
+          icon="i-lucide-circle-alert"
+          title="No changelog entries"
+          description="No changelog data is available right now."
+        />
+      </div>
+    </template>
   </main>
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, onMounted, ref } from 'vue';
+import { computed, nextTick, onMounted, ref, watch } from 'vue';
 import { useHead } from '#app';
-import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
-import { awaitElement, parse_api_response, request, ucFirst } from '~/utils';
+import { useStorage } from '@vueuse/core';
 import moment from 'moment';
+import PageHeader from '~/components/PageHeader.vue';
+import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
+import { notification, parse_api_response, request, ucFirst } from '~/utils';
 import type { ChangeSet, VersionResponse } from '~/types';
 
-type FilteredChangeSet = ChangeSet;
 type ChangeCommit = ChangeSet['commits'][number];
 
 useHead({ title: 'CHANGELOG' });
@@ -184,48 +198,76 @@ const pageShell = requireTopLevelPageShell('changelog');
 const PROJECT = 'watchstate';
 const REPO = `https://github.com/arabcoders/${PROJECT}`;
 const REPO_URL = `https://arabcoders.github.io/${PROJECT}/CHANGELOG.json?version={version}`;
+const DEFAULT_LIMIT = 10;
 
 const logs = ref<Array<ChangeSet>>([]);
-const api_version = ref<string>('dev-master');
 const api_version_sha = ref<string>('unknown');
-const api_version_build = ref<string>('unknown');
-const api_version_branch = ref<string>('unknown');
-const isLoading = ref<boolean>(false);
+const isLoading = ref<boolean>(true);
 const query = ref<string>('');
-const showFilter = ref<boolean>(false);
-const collapsedLogs = ref<Record<string, boolean>>({});
+const toggleFilter = ref<boolean>(false);
+const latestOnly = useStorage<boolean>('changelog_latest_only', true);
+const openReleases = useStorage<string[]>('changelog_open_releases', []);
 
-const cardUi = {
-  header: 'p-4',
-  body: 'px-4 pb-4 pt-0',
-};
+watch(toggleFilter, () => {
+  if (!toggleFilter.value) {
+    query.value = '';
+  }
+});
+
+const visibleLogs = computed<Array<ChangeSet>>(() =>
+  latestOnly.value ? logs.value.slice(0, DEFAULT_LIMIT) : logs.value,
+);
 
-const filteredLogs = computed<Array<FilteredChangeSet>>(() => {
+const filteredLogs = computed<Array<ChangeSet>>(() => {
   const search = query.value.trim().toLowerCase();
 
   if (!search) {
-    return logs.value;
+    return visibleLogs.value;
   }
 
-  return logs.value.flatMap((log) => {
-    if (log.tag.toLowerCase().includes(search)) {
-      return [log];
-    }
+  return visibleLogs.value
+    .map((log) => {
+      const tagMatches = log.tag.toLowerCase().includes(search);
+      const filteredCommits =
+        log.commits?.filter(
+          (commit) =>
+            commit.message.toLowerCase().includes(search) ||
+            commit.author.toLowerCase().includes(search) ||
+            commit.full_sha.toLowerCase().includes(search),
+        ) ?? [];
+
+      if (tagMatches || filteredCommits.length > 0) {
+        return { ...log, commits: tagMatches ? log.commits : filteredCommits };
+      }
 
-    const commits = log.commits.filter((commit) => {
-      return [commit.message, commit.author, commit.sha, commit.full_sha, commit.date].some(
-        (value) => value.toLowerCase().includes(search),
-      );
-    });
+      return null;
+    })
+    .filter((log): log is ChangeSet => log !== null);
+});
 
-    if (commits.length < 1) {
-      return [];
-    }
+watch(filteredLogs, (items) => {
+  if (openReleases.value.length > 0 || items.length < 1) {
+    return;
+  }
 
-    return [{ ...log, commits }];
-  });
+  openReleases.value = items.slice(0, 3).map((log) => log.tag);
 });
 
+const isReleaseOpen = (tag: string): boolean => openReleases.value.includes(tag);
+
+const toggleRelease = (tag: string): void => {
+  if (isReleaseOpen(tag)) {
+    openReleases.value = openReleases.value.filter((entry) => entry !== tag);
+    return;
+  }
+
+  openReleases.value = [...openReleases.value, tag];
+};
+
+const formatCommitMessage = (message: string): string => {
+  return `${ucFirst(message).replace(/\.$/, '')}.`;
+};
+
 const normalizeSha = (value: string | null | undefined): string => {
   return String(value ?? '')
     .trim()
@@ -249,23 +291,6 @@ const isInstalledCommit = (commit: ChangeCommit): boolean => {
   return matchesInstalledSha(commit.full_sha) || matchesInstalledSha(commit.sha);
 };
 
-const logKey = (log: ChangeSet): string => {
-  return log.full_sha || log.tag;
-};
-
-const isCollapsed = (log: ChangeSet): boolean => {
-  return true === collapsedLogs.value[logKey(log)];
-};
-
-const toggleCollapsed = (log: ChangeSet): void => {
-  const key = logKey(log);
-
-  collapsedLogs.value = {
-    ...collapsedLogs.value,
-    [key]: !isCollapsed(log),
-  };
-};
-
 const isInstalled = (log: ChangeSet): boolean => {
   if (matchesInstalledSha(log.full_sha)) {
     return true;
@@ -280,19 +305,9 @@ const isInstalled = (log: ChangeSet): boolean => {
   return false;
 };
 
-const toggleFilter = (): void => {
-  showFilter.value = !showFilter.value;
-
-  if (!showFilter.value) {
-    query.value = '';
-    return;
-  }
-
-  awaitElement('#filter', (_, elm) => (elm as HTMLInputElement).focus());
-};
-
 const loadContent = async (): Promise<void> => {
   isLoading.value = true;
+
   try {
     const response = await request('/system/version');
     const json = await parse_api_response<VersionResponse>(response);
@@ -301,19 +316,13 @@ const loadContent = async (): Promise<void> => {
       throw new Error(json.error.message || 'Failed to fetch version information');
     }
 
-    api_version.value = json.version;
     api_version_sha.value = json.sha;
-    api_version_build.value = json.build;
-    api_version_branch.value = json.branch;
 
     await nextTick();
 
     try {
       const changes = await fetch(
-        REPO_URL.replace('{branch}', api_version_branch.value).replace(
-          '{version}',
-          api_version.value,
-        ),
+        REPO_URL.replace('{branch}', json.branch).replace('{version}', json.version),
       );
       const changelog = await parse_api_response<Array<ChangeSet>>(changes);
       if ('error' in changelog) {
@@ -321,15 +330,14 @@ const loadContent = async (): Promise<void> => {
       }
       logs.value = changelog;
     } catch (e: unknown) {
-      logs.value = (await (
-        await request('/system/static/CHANGELOG.json', { method: 'GET' })
-      ).json()) as Array<ChangeSet>;
       console.error(e);
+      logs.value = (
+        await (await request('/system/static/CHANGELOG.json', { method: 'GET' })).json()
+      ).slice(0, DEFAULT_LIMIT * 2) as Array<ChangeSet>;
     }
-
-    await nextTick();
-
-    logs.value = logs.value.slice(0, 10);
+  } catch (e: unknown) {
+    const message = e instanceof Error ? e.message : String(e);
+    notification('error', 'Error', `Failed to fetch changelog. ${message}`);
   } finally {
     isLoading.value = false;
   }
diff --git a/frontend/app/pages/console.vue b/frontend/app/pages/console.vue
index 37443401..557d2218 100644
--- a/frontend/app/pages/console.vue
+++ b/frontend/app/pages/console.vue
@@ -1,18 +1,7 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <UButton
           color="neutral"
           variant="outline"
@@ -23,14 +12,14 @@
         >
           Clear output
         </UButton>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
-    <div class="overflow-hidden border border-default bg-elevated shadow-sm">
+    <div class="ws-card overflow-hidden bg-elevated shadow-sm">
       <div ref="outputConsole" class="min-h-[55vh] max-h-[55vh] overflow-hidden" />
     </div>
 
-    <div class="rounded-md border border-default bg-default shadow-sm">
+    <div class="ws-card bg-elevated/20 shadow-sm">
       <div
         class="flex flex-col gap-3 border-b border-default bg-muted/10 px-4 py-3 lg:flex-row lg:items-start lg:justify-between"
       >
@@ -141,10 +130,7 @@
               </UButton>
 
               <template #content>
-                <UCard
-                  class="w-[min(92vw,42rem)] border border-default/70 shadow-sm"
-                  :ui="historyCardUi"
-                >
+                <UCard class="w-[min(92vw,42rem)] shadow-sm" :ui="historyCardUi">
                   <div class="flex flex-wrap items-center justify-between gap-3">
                     <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
                       <UIcon name="i-lucide-history" class="size-4 text-toned" />
@@ -176,7 +162,7 @@
                   <div v-else class="space-y-4">
                     <div
                       v-if="recentRunEntries.length > 0"
-                      class="max-h-80 overflow-auto rounded-lg border border-default bg-default"
+                      class="max-h-80 overflow-auto rounded-lg border border-default bg-elevated/30"
                     >
                       <table class="w-full text-sm">
                         <tbody class="divide-y divide-default">
@@ -311,6 +297,7 @@ import { Terminal } from '@xterm/xterm';
 import type { ITheme } from '@xterm/xterm';
 import { FitAddon } from '@xterm/addon-fit';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
+import PageHeader from '~/components/PageHeader.vue';
 import {
   request,
   formatCommandEcho,
diff --git a/frontend/app/pages/custom.vue b/frontend/app/pages/custom.vue
index 48e8a680..985cd451 100644
--- a/frontend/app/pages/custom.vue
+++ b/frontend/app/pages/custom.vue
@@ -1,22 +1,7 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-
-        <div>
-          <p class="mt-1 text-sm text-toned">User defined custom GUIDs and client mapping links.</p>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <UButton
           color="neutral"
           variant="outline"
@@ -45,8 +30,8 @@
           @click="loadContent"
           label="Reload"
         />
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <UAlert
       v-if="isLoading"
@@ -64,7 +49,7 @@
           <UCard
             v-for="(guid, index) in guids"
             :key="guid.name"
-            class="h-full border border-default/70 shadow-sm"
+            class="h-full shadow-sm"
             :ui="itemCardUi"
           >
             <template #header>
@@ -116,7 +101,7 @@
           <UCard
             v-for="(link, index) in links"
             :key="link.id"
-            class="h-full border border-default/70 shadow-sm"
+            class="h-full shadow-sm"
             :ui="itemCardUi"
           >
             <template #header>
@@ -230,7 +215,7 @@
         />
       </section>
 
-      <UCard class="border border-default/70 shadow-sm" :ui="tipsCardUi">
+      <UCard class="shadow-sm" :ui="tipsCardUi">
         <template #header>
           <button
             type="button"
@@ -349,6 +334,7 @@ import { useHead } from '#app';
 import { useStorage } from '@vueuse/core';
 import CustomGuidForm from '~/components/CustomGuidForm.vue';
 import CustomLinkForm from '~/components/CustomLinkForm.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import { useDirtyCloseGuard } from '~/composables/useDirtyCloseGuard';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { request, makeConsoleCommand, notification, parse_api_response, ucFirst } from '~/utils';
diff --git a/frontend/app/pages/duplicate.vue b/frontend/app/pages/duplicate.vue
index bbc5171c..9d58fe53 100644
--- a/frontend/app/pages/duplicate.vue
+++ b/frontend/app/pages/duplicate.vue
@@ -1,25 +1,10 @@
 <template>
   <div class="space-y-6">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-
-        <div>
-          <p class="mt-1 text-sm text-toned">
-            This tool is useful to discover if your backends are reporting different metadata for
-            same files.
-          </p>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+    <PageHeader
+      v-bind="pageShell"
+      description="This tool is useful to discover if your backends are reporting different metadata for same files."
+    >
+      <template #actions>
         <UInput
           v-if="showFilter"
           id="filter"
@@ -59,8 +44,8 @@
           @click.prevent="loadContent(page, true, true)"
           label="Reload"
         />
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <Pager
       v-if="total && last_page > 1"
@@ -112,8 +97,8 @@
         class="block"
       >
         <UCard
-          class="h-full border shadow-sm"
-          :class="item.watched ? 'border-success/40' : 'border-default/70'"
+          class="h-full shadow-sm"
+          :class="item.watched ? 'ring-1 ring-success/20' : ''"
           :ui="itemCardUi"
         >
           <template #header>
@@ -297,7 +282,7 @@
                   v-for="backend in item.reported_by"
                   :key="`${item.id}-rb-${backend}`"
                   :to="`/backend/${backend}`"
-                  class="inline-flex items-center gap-1.5 rounded-md border border-default bg-default/60 px-2.5 py-1 text-xs font-medium text-default"
+                  class="inline-flex items-center gap-1.5 rounded-md border border-default bg-elevated/40 px-2.5 py-1 text-xs font-medium text-default"
                 >
                   <UIcon name="i-lucide-server" class="size-3.5" />
                   {{ backend }}
@@ -346,7 +331,7 @@
       </Lazy>
     </div>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -395,6 +380,7 @@ import { useHead, useRoute, useRouter } from '#app';
 import { useBreakpoints, useStorage } from '@vueuse/core';
 import moment from 'moment';
 import Lazy from '~/components/Lazy.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import FloatingImage from '~/components/FloatingImage.vue';
 import FileDiff from '~/components/FileDiff.vue';
 import Popover from '~/components/Popover.vue';
diff --git a/frontend/app/pages/env.vue b/frontend/app/pages/env.vue
index 5dc3fb8a..31a795ef 100644
--- a/frontend/app/pages/env.vue
+++ b/frontend/app/pages/env.vue
@@ -1,24 +1,8 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
+  <main class="w-full min-w-0 max-w-full space-y-6">
     <section class="space-y-4">
-      <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-        <div class="space-y-1">
-          <div
-            id="env_page_title"
-            class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-          >
-            <UIcon :name="pageShell.icon" class="size-4" />
-            <span>{{ pageShell.sectionLabel }}</span>
-            <span>/</span>
-            <span>{{ pageShell.pageLabel }}</span>
-          </div>
-
-          <p class="text-sm text-toned">
-            This page lets you edit the environment variables used to configure the application.
-          </p>
-        </div>
-
-        <div class="flex flex-wrap items-center justify-end gap-2">
+      <PageHeader v-bind="pageShell">
+        <template #actions>
           <UInput
             v-if="toggleFilter || query"
             id="filter"
@@ -64,8 +48,8 @@
           >
             <span class="hidden sm:inline">Reload</span>
           </UButton>
-        </div>
-      </div>
+        </template>
+      </PageHeader>
 
       <UAlert
         v-if="filteredRows.length < 1 && isLoading"
@@ -112,7 +96,7 @@
         <UCard
           v-for="item in filteredRows"
           :key="item.key"
-          class="h-full border bg-default/90 shadow-sm"
+          class="h-full shadow-sm"
           :class="item?.danger ? 'border-error/70' : 'border-default/70'"
           :ui="itemCardUi"
         >
@@ -390,7 +374,7 @@
       </template>
     </UModal>
 
-    <UCard class="border border-default/70 bg-default/90 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -436,6 +420,7 @@ import { useDirtyCloseGuard } from '~/composables/useDirtyCloseGuard';
 import { useDirtyState } from '~/composables/useDirtyState';
 import { useDialog } from '~/composables/useDialog';
 import { useStorage } from '@vueuse/core';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { copyText, notification, parse_api_response, request, ucFirst } from '~/utils';
 import type { EnvConfigValue, EnvVar, GenericResponse } from '~/types';
diff --git a/frontend/app/pages/events.vue b/frontend/app/pages/events.vue
index f8a9d065..e0fb03d4 100644
--- a/frontend/app/pages/events.vue
+++ b/frontend/app/pages/events.vue
@@ -1,18 +1,7 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <form v-if="showDisplayFilter" class="w-full sm:w-72" @submit.prevent="void loadContent(1)">
           <UInput
             id="display-filter"
@@ -65,10 +54,10 @@
           @click="() => void loadContent(page, false)"
           label="Reload"
         />
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
-    <UCard v-if="showSearchPanel" class="border border-default/70 shadow-sm" :ui="searchCardUi">
+    <UCard v-if="showSearchPanel" class="ws-card shadow-sm" :ui="searchCardUi">
       <template #header>
         <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
           <UIcon name="i-lucide-search" class="size-4 text-toned" />
@@ -204,12 +193,7 @@
     </UAlert>
 
     <div v-else class="grid gap-4 xl:grid-cols-2">
-      <UCard
-        v-for="item in filteredRows"
-        :key="item.id"
-        class="h-full border border-default/70 shadow-sm"
-        :ui="eventCardUi"
-      >
+      <UCard v-for="item in filteredRows" :key="item.id" class="h-full shadow-sm" :ui="eventCardUi">
         <template #header>
           <div class="flex items-start justify-between gap-3">
             <div class="min-w-0 flex-1">
@@ -378,7 +362,7 @@
       <div class="text-xs text-toned">Page {{ page }} of {{ last_page }}</div>
     </div>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -434,7 +418,7 @@
           </div>
 
           <label
-            class="flex items-start gap-3 rounded-md border border-default bg-default px-4 py-3 text-sm text-default"
+            class="flex items-start gap-3 rounded-md border border-default bg-elevated/30 px-4 py-3 text-sm text-default"
           >
             <UCheckbox v-model="deleteIncludePending" color="warning" />
             <span class="font-medium text-highlighted">Also delete pending events</span>
@@ -476,6 +460,7 @@ import { useHead, useRoute, useRouter } from '#app';
 import { useStorage } from '@vueuse/core';
 import moment from 'moment';
 import EventView from '~/components/EventView.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import Pager from '~/components/Pager.vue';
 import { useDialog } from '~/composables/useDialog';
 import type { EventsItem, GenericError, GenericResponse } from '~/types';
diff --git a/frontend/app/pages/help/[...slug].vue b/frontend/app/pages/help/[...slug].vue
index 4d703221..52949969 100644
--- a/frontend/app/pages/help/[...slug].vue
+++ b/frontend/app/pages/help/[...slug].vue
@@ -1,17 +1,14 @@
 <template>
-  <main v-if="url" class="w-full min-w-0 max-w-full space-y-4">
-    <div class="space-y-1">
-      <div
-        class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-      >
-        <UIcon :name="pageShell.icon" class="size-4" />
+  <main v-if="url" class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #kicker>
         <span>{{ pageShell.sectionLabel }}</span>
         <span class="text-toned">/</span>
         <NuxtLink to="/help" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
         <span class="text-toned">/</span>
         <span class="truncate text-highlighted normal-case tracking-normal">{{ pageTitle }}</span>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <Markdown :file="url" />
   </main>
@@ -22,6 +19,7 @@ import { computed, ref, watch } from 'vue';
 import { navigateTo, useHead, useRoute } from '#app';
 import { NuxtLink } from '#components';
 import Markdown from '~/components/Markdown.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 
 const route = useRoute();
diff --git a/frontend/app/pages/help/index.vue b/frontend/app/pages/help/index.vue
index 877ed86d..f426e64f 100644
--- a/frontend/app/pages/help/index.vue
+++ b/frontend/app/pages/help/index.vue
@@ -1,23 +1,9 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="space-y-1">
-      <div
-        class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-      >
-        <UIcon :name="pageShell.icon" class="size-4" />
-        <span>{{ pageShell.sectionLabel }}</span>
-        <span>/</span>
-        <span>{{ pageShell.pageLabel }}</span>
-      </div>
-    </div>
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell" />
 
     <div class="grid gap-4 xl:grid-cols-2">
-      <UCard
-        v-for="choice in choices"
-        :key="choice.number"
-        class="h-full border border-default/70 shadow-sm"
-        :ui="cardUi"
-      >
+      <UCard v-for="choice in choices" :key="choice.number" class="h-full shadow-sm" :ui="cardUi">
         <template #header>
           <div class="min-w-0 space-y-1">
             <div class="inline-flex items-center gap-2 text-base font-semibold text-highlighted">
@@ -53,6 +39,7 @@
 
 <script setup lang="ts">
 import { useHead } from '#app';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 
 useHead({ title: 'WatchState Guides' });
diff --git a/frontend/app/pages/help/openapi.vue b/frontend/app/pages/help/openapi.vue
index 6b41b5e0..0cb37c69 100644
--- a/frontend/app/pages/help/openapi.vue
+++ b/frontend/app/pages/help/openapi.vue
@@ -1,23 +1,7 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-
-        <div class="space-y-1">
-          <h1 class="text-xl font-semibold text-highlighted sm:text-2xl">{{ specTitle }}</h1>
-          <p class="text-sm text-toned">{{ specMeta }}</p>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <UInput
           v-if="showFilter || query"
           id="filter"
@@ -37,10 +21,26 @@
           color="neutral"
           variant="outline"
           size="sm"
-          class="w-full sm:w-44"
+          class="w-full sm:w-36"
           :disabled="isLoading"
         />
 
+        <USelect
+          v-model="tryBackendName"
+          :items="tryBackendItems"
+          value-key="value"
+          label-key="label"
+          color="neutral"
+          variant="outline"
+          size="sm"
+          icon="i-lucide-server"
+          class="w-full sm:w-44"
+          :disabled="isLoading || tryBackendItems.length < 1"
+          :placeholder="
+            tryBackendItems.length < 1 ? 'No ' + selectedBackend + ' backend' : 'Test backend'
+          "
+        />
+
         <UButton
           color="neutral"
           :variant="showFilter ? 'soft' : 'outline'"
@@ -56,7 +56,12 @@
             <span class="hidden sm:inline">JSON</span>
           </UButton>
         </a>
-      </div>
+      </template>
+    </PageHeader>
+
+    <div class="space-y-1">
+      <h1 class="text-xl font-semibold text-highlighted sm:text-2xl">{{ specTitle }}</h1>
+      <p class="text-sm text-toned">{{ specMeta }}</p>
     </div>
 
     <UAlert
@@ -101,72 +106,90 @@
         <UCard
           v-for="route in filteredRoutes"
           :key="route.key"
-          class="border border-default/70 bg-default/90 shadow-sm"
+          class="shadow-sm"
+          :class="{ 'ring-1 ring-warning/40': route.deprecated }"
           :ui="cardUi"
         >
           <template #header>
-            <button
-              type="button"
-              class="flex w-full items-start gap-3 text-left"
-              :aria-expanded="isExpanded(route.key)"
-              @click="toggleExpanded(route.key)"
-            >
-              <UIcon
-                :name="isExpanded(route.key) ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'"
-                class="mt-1 size-4 shrink-0 text-toned"
-              />
-
-              <div class="min-w-0 flex-1 space-y-2">
-                <div class="flex flex-wrap items-center gap-2">
-                  <UBadge
-                    :color="methodColor(route.method)"
-                    variant="soft"
-                    size="sm"
-                    class="font-mono"
-                  >
-                    {{ route.method }}
-                  </UBadge>
+            <div class="flex w-full items-start gap-3">
+              <button
+                type="button"
+                class="flex min-w-0 flex-1 items-start gap-3 text-left"
+                :aria-expanded="isExpanded(route.key)"
+                @click="toggleExpanded(route.key)"
+              >
+                <UIcon
+                  :name="isExpanded(route.key) ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'"
+                  class="mt-1 size-4 shrink-0 text-toned"
+                />
+
+                <div class="min-w-0 flex-1 space-y-2">
+                  <div class="flex flex-nowrap items-center gap-2">
+                    <UBadge
+                      :color="methodColor(route.method)"
+                      variant="soft"
+                      size="sm"
+                      class="shrink-0 font-mono"
+                    >
+                      {{ route.method }}
+                    </UBadge>
 
-                  <div class="min-w-0 font-mono text-sm font-semibold text-highlighted">
-                    <span class="ws-wrap-anywhere">{{ route.path }}</span>
-                  </div>
-                </div>
+                    <div
+                      class="min-w-0 truncate font-mono text-sm font-semibold text-highlighted"
+                      :class="{ 'text-toned line-through decoration-warning/50': route.deprecated }"
+                    >
+                      {{ route.path }}
+                    </div>
 
-                <p class="text-sm leading-6 text-default">{{ route.summary }}</p>
+                    <UBadge
+                      v-if="route.deprecated"
+                      color="warning"
+                      variant="soft"
+                      size="sm"
+                      icon="i-lucide-triangle-alert"
+                      class="shrink-0"
+                    >
+                      Deprecated
+                    </UBadge>
+                  </div>
 
-                <div class="flex flex-wrap items-center gap-2 text-xs text-toned">
-                  <UBadge
-                    v-for="tag in route.tags"
-                    :key="`${route.key}-${tag}`"
-                    color="neutral"
-                    variant="outline"
-                    size="sm"
-                  >
-                    {{ tag }}
-                  </UBadge>
+                  <p class="text-sm leading-6 text-default">{{ route.summary }}</p>
 
-                  <UBadge
-                    v-if="route.operationId"
-                    color="neutral"
-                    variant="outline"
-                    size="sm"
-                    icon="i-lucide-braces"
-                  >
-                    {{ route.operationId }}
-                  </UBadge>
+                  <div class="flex flex-wrap items-center gap-2 text-xs text-toned">
+                    <UBadge
+                      v-for="tag in route.tags"
+                      :key="`${route.key}-${tag}`"
+                      color="neutral"
+                      variant="outline"
+                      size="sm"
+                    >
+                      {{ tag }}
+                    </UBadge>
 
-                  <UBadge
-                    v-if="route.deprecated"
-                    color="warning"
-                    variant="soft"
-                    size="sm"
-                    icon="i-lucide-triangle-alert"
-                  >
-                    Deprecated
-                  </UBadge>
+                    <UBadge
+                      v-if="route.operationId"
+                      color="neutral"
+                      variant="outline"
+                      size="sm"
+                      icon="i-lucide-braces"
+                    >
+                      {{ route.operationId }}
+                    </UBadge>
+                  </div>
                 </div>
-              </div>
-            </button>
+              </button>
+
+              <UButton
+                size="xs"
+                color="primary"
+                variant="outline"
+                icon="i-lucide-send"
+                class="mt-1 shrink-0"
+                @click="openTryIt(route)"
+              >
+                <span class="hidden sm:inline">Try it</span>
+              </UButton>
+            </div>
           </template>
 
           <div v-if="isExpanded(route.key)" class="space-y-3">
@@ -180,7 +203,7 @@
                 <div
                   v-for="parameter in route.parameters"
                   :key="`${route.key}-param-${parameter.key}`"
-                  class="rounded-md border border-default bg-default/70 px-3 py-3"
+                  class="rounded-md border border-default bg-elevated/40 px-3 py-3"
                 >
                   <div class="flex flex-wrap items-center gap-2">
                     <div class="font-mono text-sm font-semibold text-highlighted">
@@ -211,7 +234,7 @@
 
                   <pre
                     v-if="shouldShowShape(parameter.schemaSummary, parameter.shape)"
-                    class="mt-3 overflow-x-auto rounded-md border border-default bg-default/70 p-3 text-xs text-toned"
+                    class="mt-3 overflow-x-auto rounded-md border border-default bg-elevated/40 p-3 text-xs text-toned"
                   ><code>{{ parameter.shape }}</code></pre>
                 </div>
               </div>
@@ -223,7 +246,7 @@
                 <span>Request Body</span>
               </div>
 
-              <div class="rounded-md border border-default bg-default/70 px-3 py-3">
+              <div class="rounded-md border border-default bg-elevated/40 px-3 py-3">
                 <div class="flex flex-wrap items-center gap-2">
                   <UBadge color="neutral" variant="soft" size="sm">
                     {{ route.requestBody.mediaType }}
@@ -254,7 +277,7 @@
 
                 <pre
                   v-if="shouldShowShape(route.requestBody.schemaSummary, route.requestBody.shape)"
-                  class="overflow-x-auto rounded-md border border-default bg-default/70 p-3 text-xs text-toned"
+                  class="overflow-x-auto rounded-md border border-default bg-elevated/40 p-3 text-xs text-toned"
                 ><code>{{ route.requestBody.shape }}</code></pre>
 
                 <div v-else-if="!route.requestBody.schemaSummary" class="text-sm text-toned">
@@ -273,7 +296,7 @@
                 <div
                   v-for="response in route.responses"
                   :key="`${route.key}-response-${response.status}`"
-                  class="rounded-md border border-default bg-default/70 px-3 py-3"
+                  class="rounded-md border border-default bg-elevated/40 px-3 py-3"
                 >
                   <div class="flex flex-wrap items-center gap-2">
                     <UBadge :color="responseColor(response.status)" variant="soft" size="sm">
@@ -302,7 +325,7 @@
 
                   <pre
                     v-if="shouldShowShape(response.schemaSummary, response.shape)"
-                    class="mt-3 overflow-x-auto rounded-md border border-default bg-default/70 p-3 text-xs text-toned"
+                    class="mt-3 overflow-x-auto rounded-md border border-default bg-elevated/40 p-3 text-xs text-toned"
                   ><code>{{ response.shape }}</code></pre>
 
                   <div v-else-if="!response.schemaSummary" class="mt-2 text-sm text-toned">
@@ -317,15 +340,20 @@
         </UCard>
       </div>
     </template>
+
+    <TryItModal v-model:open="tryOpen" :route="activeTryRoute" :backend="tryBackend" />
   </main>
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue';
+import { computed, onMounted, ref, watch } from 'vue';
 import { useHead } from '#app';
-import { awaitElement, parse_api_response } from '~/utils';
+import PageHeader from '~/components/PageHeader.vue';
+import TryItModal from '~/components/TryItModal.vue';
+import { awaitElement, notification, parse_api_response, request } from '~/utils';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import type {
+  Backend,
   GenericError,
   OpenAPIDocument,
   OpenAPIMediaType,
@@ -335,6 +363,9 @@ import type {
   OpenAPIReference,
   OpenAPIRequestBody,
   OpenAPIResponse,
+  OpenAPIRouteEntry,
+  OpenAPIRouteParameter,
+  OpenAPIRouteRequestBody,
   OpenAPISchema,
 } from '~/types';
 
@@ -352,24 +383,6 @@ type BackendItem = {
   file: string;
 };
 
-type RouteParameterItem = {
-  key: string;
-  name: string;
-  location: string;
-  description: string;
-  required: boolean;
-  schemaSummary: string;
-  shape: string;
-};
-
-type RouteRequestBodyItem = {
-  description: string;
-  required: boolean;
-  mediaType: string;
-  schemaSummary: string;
-  shape: string;
-};
-
 type RouteResponseItem = {
   status: string;
   label: string;
@@ -380,16 +393,8 @@ type RouteResponseItem = {
   shape: string;
 };
 
-type RouteEntry = {
-  key: string;
+type RouteEntry = OpenAPIRouteEntry & {
   method: RouteMethod;
-  path: string;
-  summary: string;
-  operationId: string;
-  tags: Array<string>;
-  deprecated: boolean;
-  parameters: Array<RouteParameterItem>;
-  requestBody: RouteRequestBodyItem | null;
   responses: Array<RouteResponseItem>;
 };
 
@@ -437,6 +442,33 @@ const spec = ref<OpenAPIDocument | null>(null);
 const error = ref<string>('');
 const isLoading = ref<boolean>(true);
 const expandedRoutes = ref<Record<string, boolean>>({});
+const tryOpen = ref<boolean>(false);
+const activeTryRoute = ref<RouteEntry | null>(null);
+const configuredBackends = ref<Array<Backend>>([]);
+const tryBackendName = ref<string>('');
+
+type TryBackendOption = {
+  value: string;
+  label: string;
+};
+
+const tryBackendItems = computed<Array<TryBackendOption>>(() => {
+  return configuredBackends.value
+    .filter((backend) => backend.type === selectedBackend.value)
+    .map((backend) => ({ value: backend.name, label: backend.name }));
+});
+
+const tryBackend = computed<Backend | null>(() => {
+  if (!tryBackendName.value) {
+    return null;
+  }
+
+  return (
+    configuredBackends.value.find(
+      (backend) => backend.name === tryBackendName.value && backend.type === selectedBackend.value,
+    ) ?? null
+  );
+});
 
 const activeBackend = computed<BackendItem>(() => {
   const fallback: BackendItem = backendItems[0] as BackendItem;
@@ -766,11 +798,53 @@ const schemaShape = (
   return schemaTypeLabel(normalized);
 };
 
+const valueToExampleString = (value: unknown): string => {
+  if (value === null || typeof value === 'undefined') {
+    return '';
+  }
+
+  if ('string' === typeof value) {
+    return value;
+  }
+
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+};
+
+const schemaExampleString = (schema?: OpenAPISchema | OpenAPIReference | null): string => {
+  const resolved = resolveSchema(schema);
+  if (!resolved) {
+    return '';
+  }
+
+  return valueToExampleString(resolved.example);
+};
+
+const schemaEnumList = (schema?: OpenAPISchema | OpenAPIReference | null): Array<string> => {
+  const resolved = resolveSchema(schema);
+  if (!resolved?.enum || !Array.isArray(resolved.enum)) {
+    return [];
+  }
+
+  return resolved.enum.map((value) => String(value));
+};
+
+const schemaTypeOf = (schema?: OpenAPISchema | OpenAPIReference | null): string => {
+  return resolveSchema(schema)?.type ?? '';
+};
+
+const schemaFormatOf = (schema?: OpenAPISchema | OpenAPIReference | null): string => {
+  return resolveSchema(schema)?.format ?? '';
+};
+
 const summarizeParameter = (
   routeKey: string,
   parameter: OpenAPIParameter | OpenAPIReference,
   index: number,
-): RouteParameterItem | null => {
+): OpenAPIRouteParameter | null => {
   const resolved = resolveParameter(parameter);
   if (!resolved) {
     return null;
@@ -786,12 +860,16 @@ const summarizeParameter = (
     required: true === resolved.required,
     schemaSummary: schemaTypeLabel(resolved.schema ?? schema),
     shape: schemaShape(schema ?? resolved.schema),
+    schemaType: schemaTypeOf(schema ?? resolved.schema),
+    schemaFormat: schemaFormatOf(schema ?? resolved.schema),
+    schemaEnum: schemaEnumList(schema ?? resolved.schema),
+    example: valueToExampleString(resolved.example) || schemaExampleString(schema),
   };
 };
 
 const summarizeRequestBody = (
   requestBody?: OpenAPIRequestBody | OpenAPIReference,
-): RouteRequestBodyItem | null => {
+): OpenAPIRouteRequestBody | null => {
   const resolved = resolveRequestBody(requestBody);
   if (!resolved) {
     return null;
@@ -805,6 +883,7 @@ const summarizeRequestBody = (
       mediaType: 'none',
       schemaSummary: '',
       shape: '',
+      example: '',
     };
   }
 
@@ -816,6 +895,7 @@ const summarizeRequestBody = (
     mediaType: media.mediaType,
     schemaSummary: schemaTypeLabel(media.content.schema ?? schema),
     shape: schemaShape(schema ?? media.content.schema),
+    example: valueToExampleString(media.content.example) || schemaExampleString(schema),
   };
 };
 
@@ -876,7 +956,7 @@ const routeEntries = computed<Array<RouteEntry>>(() => {
         const routeKey = `${label}:${path}`;
         const parameters = [...(pathItem.parameters ?? []), ...(operation.parameters ?? [])]
           .map((parameter, index) => summarizeParameter(routeKey, parameter, index))
-          .filter((item): item is RouteParameterItem => null !== item);
+          .filter((item): item is OpenAPIRouteParameter => null !== item);
 
         const responses = Object.entries(operation.responses ?? {})
           .map(([status, response]) => summarizeResponse(status, response))
@@ -966,6 +1046,28 @@ const toggleExpanded = (key: string): void => {
   };
 };
 
+const openTryIt = (route: RouteEntry): void => {
+  activeTryRoute.value = route;
+  tryOpen.value = true;
+};
+
+const loadConfiguredBackends = async (): Promise<void> => {
+  try {
+    const resp = await request('/backends');
+    const json = await parse_api_response<Array<Backend>>(resp);
+
+    if ('error' in json) {
+      notification('error', 'Error', `Failed to load backends. ${json.error.message}`);
+      return;
+    }
+
+    configuredBackends.value = json;
+  } catch (caughtError) {
+    const message = caughtError instanceof Error ? caughtError.message : 'Unexpected error';
+    notification('error', 'Error', `Failed to load backends. ${message}`);
+  }
+};
+
 const shouldShowShape = (summary: string, shape: string): boolean => {
   if (!shape) {
     return false;
@@ -1044,4 +1146,19 @@ const responseColor = (status: string): 'success' | 'warning' | 'error' | 'neutr
 };
 
 watch(selectedBackend, async () => await loadSpec(), { immediate: true });
+
+watch(tryBackendItems, (items: Array<TryBackendOption>) => {
+  if (items.length > 0 && !items.some((item) => item.value === tryBackendName.value)) {
+    tryBackendName.value = items[0]?.value ?? '';
+  }
+});
+
+onMounted(async () => {
+  await loadConfiguredBackends();
+
+  const first = tryBackendItems.value[0];
+  if (first && !tryBackendName.value) {
+    tryBackendName.value = first.value;
+  }
+});
 </script>
diff --git a/frontend/app/pages/history/[id]/index.vue b/frontend/app/pages/history/[id]/index.vue
index 37056ca0..2a2623cf 100644
--- a/frontend/app/pages/history/[id]/index.vue
+++ b/frontend/app/pages/history/[id]/index.vue
@@ -1,89 +1,85 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
+  <main class="w-full min-w-0 max-w-full space-y-6">
     <div class="space-y-3">
-      <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-        <div class="min-w-0 flex-1 space-y-2">
-          <div
-            class="flex flex-wrap items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-          >
-            <UIcon :name="pageShell.icon" class="size-4" />
-            <span>{{ pageShell.sectionLabel }}</span>
-            <span>/</span>
-            <NuxtLink to="/history" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
-            <span>/</span>
-            <span class="truncate text-highlighted normal-case tracking-normal">{{
-              headerTitle
-            }}</span>
-          </div>
-        </div>
-
-        <div v-if="data?.via" class="flex flex-wrap items-center justify-end gap-2">
-          <UTooltip
-            v-if="data?.files?.length > 0"
-            :text="`${data.content_exists ? 'Play media' : 'Media is inaccessible'}`"
-          >
-            <UButton
-              color="neutral"
-              variant="outline"
-              size="sm"
-              icon="i-lucide-play"
-              :disabled="!data.content_exists"
-              @click="openPlaybackModal"
-            >
-              Play
-            </UButton>
-          </UTooltip>
-
-          <UTooltip text="Toggle watch state">
-            <UButton
-              color="neutral"
-              :variant="data.watched ? 'soft' : 'outline'"
-              size="sm"
-              :icon="data.watched ? 'i-lucide-eye-off' : 'i-lucide-eye'"
-              @click="toggleWatched"
-            >
-              {{ data.watched ? 'Unwatched' : 'Watched' }}
-            </UButton>
-          </UTooltip>
-
-          <UTooltip text="View raw record payload">
-            <UButton
-              color="neutral"
-              variant="outline"
-              size="sm"
-              icon="i-lucide-bug"
-              @click="showRawData = true"
+      <PageHeader v-bind="pageShell">
+        <template #kicker>
+          <span>{{ pageShell.sectionLabel }}</span>
+          <span>/</span>
+          <NuxtLink to="/history" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
+          <span>/</span>
+          <span class="truncate text-highlighted normal-case tracking-normal">{{
+            headerTitle
+          }}</span>
+        </template>
+        <template #actions>
+          <template v-if="data?.via">
+            <UTooltip
+              v-if="data?.files?.length > 0"
+              :text="`${data.content_exists ? 'Play media' : 'Media is inaccessible'}`"
             >
-              Raw Data
-            </UButton>
-          </UTooltip>
+              <UButton
+                color="neutral"
+                variant="outline"
+                size="sm"
+                icon="i-lucide-play"
+                :disabled="!data.content_exists"
+                @click="openPlaybackModal"
+              >
+                Play
+              </UButton>
+            </UTooltip>
+
+            <UTooltip text="Toggle watch state">
+              <UButton
+                color="neutral"
+                :variant="data.watched ? 'soft' : 'outline'"
+                size="sm"
+                :icon="data.watched ? 'i-lucide-eye-off' : 'i-lucide-eye'"
+                @click="toggleWatched"
+              >
+                {{ data.watched ? 'Unwatched' : 'Watched' }}
+              </UButton>
+            </UTooltip>
+
+            <UTooltip text="View raw record payload">
+              <UButton
+                color="neutral"
+                variant="outline"
+                size="sm"
+                icon="i-lucide-bug"
+                @click="showRawData = true"
+              >
+                Raw Data
+              </UButton>
+            </UTooltip>
+
+            <UTooltip text="Delete the record">
+              <UButton
+                color="neutral"
+                variant="outline"
+                size="sm"
+                icon="i-lucide-trash-2"
+                :disabled="isDeleting || isLoading"
+                :loading="isDeleting"
+                @click="deleteItem"
+              >
+                Delete
+              </UButton>
+            </UTooltip>
 
-          <UTooltip text="Delete the record">
             <UButton
               color="neutral"
               variant="outline"
               size="sm"
-              icon="i-lucide-trash-2"
-              :disabled="isDeleting || isLoading"
-              :loading="isDeleting"
-              @click="deleteItem"
+              icon="i-lucide-refresh-cw"
+              :loading="isLoading"
+              @click="() => void loadContent(id)"
             >
-              Delete
+              Reload
             </UButton>
-          </UTooltip>
-
-          <UButton
-            color="neutral"
-            variant="outline"
-            size="sm"
-            icon="i-lucide-refresh-cw"
-            :loading="isLoading"
-            @click="() => void loadContent(id)"
-          >
-            Reload
-          </UButton>
-        </div>
-      </div>
+          </template>
+        </template>
+      </PageHeader>
 
       <div
         v-if="
@@ -246,8 +242,8 @@
       <div class="space-y-4">
         <div v-if="data?.via" class="space-y-4">
           <UCard
-            class="border border-default/70 shadow-sm"
-            :class="[data.watched ? 'ring-1 ring-success/30' : '', 'bg-default/90']"
+            class="shadow-sm"
+            :class="[data.watched ? 'ring-1 ring-success/30' : '']"
             :ui="detailCardUi"
           >
             <template #header>
@@ -658,8 +654,8 @@
               <UCard
                 v-for="(item, key) in data.metadata"
                 :key="key"
-                class="h-full border border-default/70 shadow-sm"
-                :class="[Number(item.watched) ? 'ring-1 ring-success/30' : '', 'bg-default/90']"
+                class="h-full shadow-sm"
+                :class="[Number(item.watched) ? 'ring-1 ring-success/30' : '']"
                 :ui="detailCardUi"
               >
                 <template #header>
@@ -1168,7 +1164,7 @@
 
           <UCard
             v-if="comparisonBackends.length > 0"
-            class="hidden border border-default/70 bg-default/90 shadow-sm xl:block"
+            class="hidden shadow-sm xl:block"
             :ui="detailCardUi"
           >
             <template #header>
@@ -1286,7 +1282,7 @@
                       <div
                         class="border border-default/50 px-3 py-3 text-sm text-default transition-colors"
                         :class="[
-                          0 === rowIndex % 2 ? 'bg-default' : 'bg-elevated/20',
+                          0 === rowIndex % 2 ? 'bg-elevated/40' : 'bg-elevated/20',
                           'group-hover/row:bg-elevated/50',
                           row.expandable ? 'cursor-pointer' : '',
                         ]"
@@ -1320,7 +1316,7 @@
                           false !== row.compareDiffs && entry.differs
                             ? 'bg-warning/10 ring-1 ring-inset ring-warning/20'
                             : 0 === rowIndex % 2
-                              ? 'bg-default/90'
+                              ? 'bg-elevated/40'
                               : 'bg-elevated/20',
                           false !== row.compareDiffs && entry.differs
                             ? 'group-hover/row:bg-warning/15'
@@ -1425,7 +1421,7 @@
         </div>
       </div>
 
-      <UCard class="border border-default/70 bg-default/90 shadow-sm" :ui="tipsCardUi">
+      <UCard class="shadow-sm" :ui="tipsCardUi">
         <template #header>
           <button
             type="button"
@@ -1481,6 +1477,7 @@ import { NuxtLink } from '#components';
 import { useBreakpoints, useStorage } from '@vueuse/core';
 import moment from 'moment';
 import DuplicateRecordList from '~/components/DuplicateRecordList.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import PlaybackSelection from '~/components/PlaybackSelection.vue';
 import Popover from '~/components/Popover.vue';
 import TextModal from '~/components/TextModal.vue';
diff --git a/frontend/app/pages/history/index.vue b/frontend/app/pages/history/index.vue
index 98917c2a..ad8efe00 100644
--- a/frontend/app/pages/history/index.vue
+++ b/frontend/app/pages/history/index.vue
@@ -1,18 +1,7 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <UInput
           v-if="showFilter"
           id="filter"
@@ -78,10 +67,10 @@
         >
           <span class="hidden sm:inline">Reload</span>
         </UButton>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
-    <UCard v-if="searchForm" class="border border-default/70 shadow-sm" :ui="panelCardUi">
+    <UCard v-if="searchForm" class="ws-card shadow-sm" :ui="panelCardUi">
       <template #header>
         <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
           <UIcon name="i-lucide-search" class="size-4 text-toned" />
@@ -185,7 +174,7 @@
 
     <div
       v-if="selected_ids.length > 0"
-      class="flex flex-wrap items-center justify-between gap-3 rounded-md border border-default bg-default px-3 py-3"
+      class="ws-card flex flex-wrap items-center justify-between gap-3 px-3 py-3"
     >
       <div class="flex flex-wrap items-center gap-2">
         <UBadge color="neutral" variant="soft" size="sm">{{ selected_ids.length }}</UBadge>
@@ -286,8 +275,8 @@
         class="min-h-65"
       >
         <UCard
-          class="h-full border border-default/70 shadow-sm"
-          :class="item.watched ? 'bg-default/90 ring-1 ring-success/20' : 'bg-default/90'"
+          class="h-full shadow-sm"
+          :class="item.watched ? 'ring-1 ring-success/20' : ''"
           :ui="historyCardUi"
         >
           <template #header>
@@ -351,19 +340,17 @@
               class="flex items-start justify-between gap-3 rounded-md border border-default bg-elevated/40 px-3 py-2.5"
             >
               <div
-                class="min-w-0 flex-1 cursor-pointer"
-                :class="item.expand_title ? '' : 'overflow-hidden text-ellipsis whitespace-nowrap'"
+                class="flex min-w-0 flex-1 cursor-pointer items-start gap-2 text-sm font-medium text-default"
                 @click="item.expand_title = !item.expand_title"
               >
-                <span class="inline-flex items-center gap-2 text-sm font-medium text-default">
-                  <UIcon name="i-lucide-heading" class="size-4 shrink-0 text-toned" />
-                  <NuxtLink
-                    :to="makeSearchLink('subtitle', item.content_title ?? '')"
-                    class="hover:text-primary"
-                  >
-                    {{ item.content_title }}
-                  </NuxtLink>
-                </span>
+                <UIcon name="i-lucide-heading" class="mt-0.5 size-4 shrink-0 text-toned" />
+                <NuxtLink
+                  :to="makeSearchLink('subtitle', item.content_title ?? '')"
+                  class="min-w-0 hover:text-primary"
+                  :class="item.expand_title ? 'wrap-break-word' : 'truncate'"
+                >
+                  {{ item.content_title }}
+                </NuxtLink>
               </div>
 
               <UTooltip text="Copy subtitle">
@@ -384,19 +371,17 @@
               class="flex items-start justify-between gap-3 rounded-md border border-default bg-elevated/40 px-3 py-2.5"
             >
               <div
-                class="min-w-0 flex-1 cursor-pointer"
-                :class="item.expand_path ? '' : 'overflow-hidden text-ellipsis whitespace-nowrap'"
+                class="flex min-w-0 flex-1 cursor-pointer items-start gap-2 text-sm font-medium text-default"
                 @click="item.expand_path = !item.expand_path"
               >
-                <span class="inline-flex items-center gap-2 text-sm font-medium text-default">
-                  <UIcon name="i-lucide-file-text" class="size-4 shrink-0 text-toned" />
-                  <NuxtLink
-                    :to="makeSearchLink('path', item.content_path ?? '')"
-                    class="hover:text-primary"
-                  >
-                    {{ item.content_path }}
-                  </NuxtLink>
-                </span>
+                <UIcon name="i-lucide-file-text" class="mt-0.5 size-4 shrink-0 text-toned" />
+                <NuxtLink
+                  :to="makeSearchLink('path', item.content_path ?? '')"
+                  class="min-w-0 hover:text-primary"
+                  :class="item.expand_path ? 'wrap-break-word' : 'truncate'"
+                >
+                  {{ item.content_path }}
+                </NuxtLink>
               </div>
 
               <UTooltip text="Copy file path">
@@ -495,6 +480,7 @@ import Lazy from '~/components/Lazy.vue';
 import Pager from '~/components/Pager.vue';
 import { NuxtLink } from '#components';
 import FloatingImage from '~/components/FloatingImage.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import {
   request,
diff --git a/frontend/app/pages/identities/[identity]/delete.vue b/frontend/app/pages/identities/[identity]/delete.vue
index fd618c71..22d2f008 100644
--- a/frontend/app/pages/identities/[identity]/delete.vue
+++ b/frontend/app/pages/identities/[identity]/delete.vue
@@ -1,18 +1,17 @@
 <template>
   <div class="space-y-6">
     <div class="space-y-2">
-      <div
-        class="flex flex-wrap items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-      >
-        <UIcon :name="pageShell.icon" class="size-4" />
-        <span>{{ pageShell.sectionLabel }}</span>
-        <span>/</span>
-        <NuxtLink to="/identities" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
-        <span>/</span>
-        <span class="normal-case tracking-normal">{{ id }}</span>
-        <span>/</span>
-        <span class="text-highlighted normal-case tracking-normal">Delete</span>
-      </div>
+      <PageHeader v-bind="pageShell">
+        <template #kicker>
+          <span>{{ pageShell.sectionLabel }}</span>
+          <span>/</span>
+          <NuxtLink to="/identities" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
+          <span>/</span>
+          <span class="normal-case tracking-normal">{{ id }}</span>
+          <span>/</span>
+          <span class="text-highlighted normal-case tracking-normal">Delete</span>
+        </template>
+      </PageHeader>
 
       <div class="space-y-1">
         <h1 class="text-2xl font-semibold text-highlighted">Delete identity</h1>
@@ -137,6 +136,7 @@
 import { onMounted, nextTick, ref } from 'vue';
 import { navigateTo, useRoute } from '#app';
 import { useStorage } from '@vueuse/core';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { notification, parse_api_response, request } from '~/utils';
 import { useDialog } from '~/composables/useDialog';
diff --git a/frontend/app/pages/identities/index.vue b/frontend/app/pages/identities/index.vue
index 96d11f15..3be24270 100644
--- a/frontend/app/pages/identities/index.vue
+++ b/frontend/app/pages/identities/index.vue
@@ -1,18 +1,7 @@
 <template>
   <div class="space-y-6">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <UButton
           v-if="identities.length > 0"
           color="neutral"
@@ -54,8 +43,8 @@
           @click="loadContent"
           label="Reload"
         />
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <UModal
       :open="toggleForm"
@@ -176,7 +165,7 @@
       <UCard
         v-for="identity in identities"
         :key="identity.identity"
-        class="h-full border border-default/70 shadow-sm"
+        class="h-full shadow-sm"
         :ui="identityCardUi"
       >
         <template #header>
@@ -219,7 +208,7 @@
               v-for="backend in identity.backends"
               :key="backend"
               type="button"
-              class="inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium text-primary hover:bg-primary/15"
+              class="inline-flex items-center gap-1.5 rounded-md border border-default bg-elevated/40 px-2.5 py-1 text-xs font-medium text-default hover:bg-elevated/60"
               @click="identityLink(identity.identity, `/backend/${backend}`)"
             >
               <UIcon name="i-lucide-server" class="size-3.5 shrink-0 text-toned" />
@@ -227,7 +216,9 @@
             </button>
           </div>
 
-          <UBadge v-else color="warning" variant="soft">No backends configured</UBadge>
+          <UBadge v-else color="warning" variant="soft" icon="i-lucide-triangle-alert"
+            >No backends configured</UBadge
+          >
         </div>
       </UCard>
     </div>
@@ -276,6 +267,7 @@ import { computed, nextTick, onMounted, ref } from 'vue';
 import { navigateTo, useHead, useRoute } from '#app';
 import { useStorage } from '@vueuse/core';
 import IdentityEditForm from '~/components/IdentityEditForm.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import { useDirtyCloseGuard } from '~/composables/useDirtyCloseGuard';
 import { useDirtyState } from '~/composables/useDirtyState';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
diff --git a/frontend/app/pages/identities/provision.vue b/frontend/app/pages/identities/provision.vue
index a6ffd82e..0b17df5b 100644
--- a/frontend/app/pages/identities/provision.vue
+++ b/frontend/app/pages/identities/provision.vue
@@ -1,29 +1,14 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <NuxtLink to="/identities" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
-          <span>/</span>
-          <span class="text-highlighted normal-case tracking-normal">Match &amp; Provision</span>
-        </div>
-
-        <div>
-          <p class="mt-1 text-sm text-toned">
-            Drag and drop backend members into groups to build identity associations.
-            <template v-if="expires">
-              Cached results expire {{ moment(expires).fromNow() }}.
-            </template>
-          </p>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell" :description="headerDescription">
+      <template #kicker>
+        <span>{{ pageShell.sectionLabel }}</span>
+        <span>/</span>
+        <NuxtLink to="/identities" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
+        <span>/</span>
+        <span class="text-highlighted normal-case tracking-normal">Match &amp; Provision</span>
+      </template>
+      <template #actions>
         <UButton
           color="neutral"
           variant="outline"
@@ -53,8 +38,8 @@
           @click="loadContent(true)"
           label="Reload"
         />
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <UAlert
       v-if="isLoading"
@@ -401,7 +386,7 @@
       </template>
     </UCard>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -487,6 +472,7 @@ import { navigateTo, useRoute } from '#app';
 import { NuxtLink } from '#components';
 import moment from 'moment';
 import draggable from 'vuedraggable';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { notification, parse_api_response, request } from '~/utils';
 import { useDialog } from '~/composables/useDialog';
@@ -529,6 +515,13 @@ const hasIdentities = ref<boolean>(false);
 const allowSingleBackendIdentities = ref<boolean>(false);
 const backendCount = ref<number>(0);
 const expires = ref<string | undefined>();
+const headerDescription = computed(() => {
+  let desc = 'Drag and drop backend members into groups to build identity associations.';
+  if (expires.value) {
+    desc += ` Cached results expire ${moment(expires.value).fromNow()}.`;
+  }
+  return desc;
+});
 const api_user = useStorage('api_user', 'main');
 const show_page_tips = useStorage('show_page_tips', true);
 
diff --git a/frontend/app/pages/ignore.vue b/frontend/app/pages/ignore.vue
index b15a9762..d6c7b887 100644
--- a/frontend/app/pages/ignore.vue
+++ b/frontend/app/pages/ignore.vue
@@ -1,25 +1,7 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-
-        <div>
-          <p class="mt-1 text-sm text-toned">
-            This page allows you to ignore specific <code>GUID</code> values from being processed by
-            the system.
-          </p>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <UTooltip text="Add new ignore rule">
           <UButton
             color="neutral"
@@ -43,8 +25,8 @@
             label="Reload"
           />
         </UTooltip>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <UAlert
       v-if="isLoading"
@@ -83,12 +65,7 @@
     </UAlert>
 
     <div v-else class="grid gap-4 xl:grid-cols-2">
-      <UCard
-        v-for="item in items"
-        :key="item.rule"
-        class="h-full border border-default/70 shadow-sm"
-        :ui="ruleCardUi"
-      >
+      <UCard v-for="item in items" :key="item.rule" class="h-full shadow-sm" :ui="ruleCardUi">
         <template #header>
           <div class="flex items-start justify-between gap-3">
             <div class="min-w-0 flex flex-1 items-start gap-2">
@@ -330,7 +307,7 @@
       </template>
     </UModal>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -371,6 +348,7 @@ import { computed, onMounted, ref, watch } from 'vue';
 import { useHead, useRoute } from '#app';
 import { useStorage } from '@vueuse/core';
 import moment from 'moment';
+import PageHeader from '~/components/PageHeader.vue';
 import { useDirtyCloseGuard } from '~/composables/useDirtyCloseGuard';
 import { useDialog } from '~/composables/useDialog';
 import { useDirtyState } from '~/composables/useDirtyState';
diff --git a/frontend/app/pages/index.vue b/frontend/app/pages/index.vue
index bc932d05..b9b76100 100644
--- a/frontend/app/pages/index.vue
+++ b/frontend/app/pages/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="space-y-6">
+  <div class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell" />
+
     <section class="space-y-4">
       <div class="flex flex-wrap items-start justify-between gap-3">
         <div class="space-y-1">
@@ -35,8 +37,8 @@
         <UCard
           v-for="item in lastHistory"
           :key="item.id"
-          class="h-full border border-default/70 shadow-sm"
-          :class="item.watched ? 'bg-default/90 ring-1 ring-success/20' : 'bg-default/90'"
+          class="h-full shadow-sm"
+          :class="item.watched ? 'ring-1 ring-success/20' : ''"
           :ui="historyCardUi"
         >
           <template #header>
@@ -334,6 +336,7 @@ import { NuxtLink } from '#components';
 import moment from 'moment';
 import EventView from '~/components/EventView.vue';
 import FloatingImage from '~/components/FloatingImage.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import StructuredLogLine from '~/components/StructuredLogLine.vue';
 import LogDetailsModal from '~/components/LogDetailsModal.vue';
 import Popover from '~/components/Popover.vue';
@@ -350,6 +353,7 @@ import {
 } from '~/utils';
 import type { HistoryItem, JsonObject, LogEntry, ServerJsonLogEntry } from '~/types';
 import { normalizeStructuredEntry } from '~/utils/logs';
+import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 
 type IndexLogFile = {
   type: string;
@@ -363,6 +367,7 @@ type IndexLogFile = {
 useHead({ title: 'Index' });
 
 const route = useRoute();
+const pageShell = requireTopLevelPageShell('home');
 const poster_enable = useStorage('poster_enable', true);
 const autoReloadLogs = useStorage<boolean>('auto_reload_logs', true);
 const logWrap = useStorage<Record<string, boolean>>('index_logs_wrap', {});
diff --git a/frontend/app/pages/integrity.vue b/frontend/app/pages/integrity.vue
index 42ba021a..dd9a7fb9 100644
--- a/frontend/app/pages/integrity.vue
+++ b/frontend/app/pages/integrity.vue
@@ -1,85 +1,73 @@
 <template>
   <div class="space-y-6">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-
-        <div>
-          <p class="mt-1 text-sm text-toned">
-            This page will show records with files that no longer exist on the system.
-          </p>
-        </div>
-      </div>
+    <PageHeader
+      v-bind="pageShell"
+      description="This page will show records with files that no longer exist on the system."
+    >
+      <template #actions>
+        <template v-if="isLoaded">
+          <UInput
+            v-if="showFilter"
+            id="filter"
+            v-model.lazy="filter"
+            type="search"
+            icon="i-lucide-filter"
+            placeholder="Filter displayed results."
+            size="sm"
+            class="w-full sm:w-72"
+          />
 
-      <div v-if="isLoaded" class="flex flex-wrap items-center justify-end gap-2">
-        <UInput
-          v-if="showFilter"
-          id="filter"
-          v-model.lazy="filter"
-          type="search"
-          icon="i-lucide-filter"
-          placeholder="Filter displayed results."
-          size="sm"
-          class="w-full sm:w-72"
-        />
+          <UButton
+            color="neutral"
+            :variant="showFilter ? 'soft' : 'outline'"
+            size="sm"
+            icon="i-lucide-filter"
+            @click="toggleFilter"
+          >
+            <span class="hidden sm:inline">Filter</span>
+          </UButton>
 
-        <UButton
-          color="neutral"
-          :variant="showFilter ? 'soft' : 'outline'"
-          size="sm"
-          icon="i-lucide-filter"
-          @click="toggleFilter"
-        >
-          <span class="hidden sm:inline">Filter</span>
-        </UButton>
+          <UButton
+            color="neutral"
+            :variant="selectAll ? 'soft' : 'outline'"
+            size="sm"
+            :icon="!selectAll ? 'i-lucide-square-check' : 'i-lucide-square'"
+            @click="selectAll = !selectAll"
+          >
+            <span class="hidden sm:inline">{{ !selectAll ? 'Select' : 'Unselect' }}</span>
+          </UButton>
 
-        <UButton
-          color="neutral"
-          :variant="selectAll ? 'soft' : 'outline'"
-          size="sm"
-          :icon="!selectAll ? 'i-lucide-square-check' : 'i-lucide-square'"
-          @click="selectAll = !selectAll"
-        >
-          <span class="hidden sm:inline">{{ !selectAll ? 'Select' : 'Unselect' }}</span>
-        </UButton>
+          <UTooltip v-if="isCached" text="Empty cache.">
+            <UButton
+              color="neutral"
+              variant="outline"
+              size="sm"
+              icon="i-lucide-archive"
+              :disabled="isDeleting || isLoading"
+              @click="emptyCache"
+            >
+              <span class="hidden sm:inline">Empty Cache</span>
+            </UButton>
+          </UTooltip>
 
-        <UTooltip v-if="isCached" text="Empty cache.">
           <UButton
             color="neutral"
             variant="outline"
             size="sm"
-            icon="i-lucide-archive"
-            :disabled="isDeleting || isLoading"
-            @click="emptyCache"
+            icon="i-lucide-refresh-cw"
+            :loading="isLoading"
+            :disabled="isLoading"
+            @click.prevent="loadContent"
           >
-            <span class="hidden sm:inline">Empty Cache</span>
+            <span class="hidden sm:inline">Reload</span>
           </UButton>
-        </UTooltip>
-
-        <UButton
-          color="neutral"
-          variant="outline"
-          size="sm"
-          icon="i-lucide-refresh-cw"
-          :loading="isLoading"
-          :disabled="isLoading"
-          @click.prevent="loadContent"
-        >
-          <span class="hidden sm:inline">Reload</span>
-        </UButton>
-      </div>
-    </div>
+        </template>
+      </template>
+    </PageHeader>
 
     <div
       v-if="selected_ids.length > 0"
-      class="flex flex-wrap items-center justify-between gap-3 rounded-md border border-default bg-default px-3 py-3"
+      class="flex flex-wrap items-center justify-between gap-3 rounded-md border border-default bg-elevated/30 px-3 py-3"
     >
       <div class="flex flex-wrap items-center gap-2">
         <UBadge color="neutral" variant="soft" size="sm">{{ selected_ids.length }}</UBadge>
@@ -197,8 +185,8 @@
           class="block"
         >
           <UCard
-            class="h-full border shadow-sm"
-            :class="item.watched ? 'border-success/40' : 'border-default/70'"
+            class="h-full shadow-sm"
+            :class="item.watched ? 'ring-1 ring-success/20' : ''"
             :ui="itemCardUi"
           >
             <template #header>
@@ -319,7 +307,7 @@
                     v-for="reportedBackend in item.reported_by"
                     :key="`${item.id}-rb-${reportedBackend}`"
                     :to="'/backend/' + reportedBackend"
-                    class="inline-flex items-center gap-1.5 rounded-md border border-default bg-default/60 px-2.5 py-1 text-xs font-medium text-default"
+                    class="inline-flex items-center gap-1.5 rounded-md border border-default bg-elevated/40 px-2.5 py-1 text-xs font-medium text-default"
                   >
                     <UIcon name="i-lucide-server" class="size-3.5" />
                     {{ reportedBackend }}
@@ -355,7 +343,7 @@
                       class="inline-flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs font-medium"
                       :class="
                         record.status
-                          ? 'border border-default bg-default/60 text-default'
+                          ? 'border border-default bg-elevated/40 text-default'
                           : 'border border-error/30 bg-error/10 text-error'
                       "
                     >
@@ -419,6 +407,7 @@ import {
 } from '~/utils';
 import moment from 'moment';
 import Lazy from '~/components/Lazy.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import { useSessionCache } from '~/utils/cache';
 import type { IntegrityItem } from '~/types';
 import { useDialog } from '~/composables/useDialog';
diff --git a/frontend/app/pages/logs/[filename].vue b/frontend/app/pages/logs/[filename].vue
index 9a12ef19..8ef08786 100644
--- a/frontend/app/pages/logs/[filename].vue
+++ b/frontend/app/pages/logs/[filename].vue
@@ -1,129 +1,126 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-2">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" :class="['size-4', stream ? 'animate-spin' : '']" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <NuxtLink to="/logs" class="text-toned hover:text-primary">{{
-            pageShell.pageLabel
-          }}</NuxtLink>
-          <span>/</span>
-          <span class="truncate text-highlighted normal-case tracking-normal">{{ filename }}</span>
-        </div>
-      </div>
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell" description="">
+      <template #icon>
+        <UIcon :name="pageShell.icon" :class="['size-4', stream ? 'animate-spin' : '']" />
+      </template>
+      <template #kicker>
+        <span>{{ pageShell.sectionLabel }}</span>
+        <span>/</span>
+        <NuxtLink to="/logs" class="hover:text-primary">{{ pageShell.pageLabel }}</NuxtLink>
+        <span>/</span>
+        <span class="truncate text-highlighted normal-case tracking-normal">{{ filename }}</span>
+      </template>
+      <template #actions>
+        <template v-if="!error">
+          <UTooltip v-if="!autoScroll" text="Go to bottom">
+            <UButton
+              color="neutral"
+              variant="outline"
+              size="sm"
+              icon="i-lucide-chevron-down"
+              @click="scrollToBottom"
+            >
+              Bottom
+            </UButton>
+          </UTooltip>
+
+          <UInput
+            v-if="toggleFilter"
+            v-model.lazy="query"
+            type="search"
+            placeholder="Filter log entries"
+            icon="i-lucide-filter"
+            autofocus
+            size="sm"
+            class="w-full sm:w-72"
+          />
 
-      <div v-if="!error" class="flex flex-wrap items-center justify-end gap-2">
-        <UTooltip v-if="!autoScroll" text="Go to bottom">
           <UButton
+            icon="i-lucide-filter"
+            :variant="toggleFilter ? 'soft' : 'outline'"
             color="neutral"
-            variant="outline"
             size="sm"
-            icon="i-lucide-chevron-down"
-            @click="scrollToBottom"
+            @click="toggleFilter = !toggleFilter"
           >
-            Bottom
+            Filter
           </UButton>
-        </UTooltip>
-
-        <UInput
-          v-if="toggleFilter"
-          v-model.lazy="query"
-          type="search"
-          placeholder="Filter log entries"
-          icon="i-lucide-filter"
-          autofocus
-          size="sm"
-          class="w-full sm:w-72"
-        />
 
-        <UButton
-          icon="i-lucide-filter"
-          :variant="toggleFilter ? 'soft' : 'outline'"
-          color="neutral"
-          size="sm"
-          @click="toggleFilter = !toggleFilter"
-        >
-          Filter
-        </UButton>
-
-        <USelect
-          v-model="selectedLevels"
-          :items="levelFilterItems"
-          value-key="value"
-          label-key="label"
-          multiple
-          size="sm"
-          icon="i-lucide-list-filter"
-          class="w-44 shrink-0 sm:w-48"
-          :ui="{ content: 'min-w-48' }"
-        >
-          <template #default>{{ levelFilterLabel }}</template>
-        </USelect>
-
-        <UButton
-          icon="i-lucide-wrap-text"
-          :variant="wrapLines ? 'soft' : 'outline'"
-          color="neutral"
-          size="sm"
-          @click="wrapLines = !wrapLines"
-        >
-          Wrap
-        </UButton>
-
-        <UTooltip text="Delete logfile.">
-          <UButton
-            color="neutral"
-            variant="outline"
+          <USelect
+            v-model="selectedLevels"
+            :items="levelFilterItems"
+            value-key="value"
+            label-key="label"
+            multiple
             size="sm"
-            icon="i-lucide-trash-2"
-            @click="deleteFile"
+            icon="i-lucide-list-filter"
+            class="w-44 shrink-0 sm:w-48"
+            :ui="{ content: 'min-w-48' }"
           >
-            Delete
-          </UButton>
-        </UTooltip>
+            <template #default>{{ levelFilterLabel }}</template>
+          </USelect>
 
-        <UTooltip text="Download file.">
           <UButton
+            icon="i-lucide-wrap-text"
+            :variant="wrapLines ? 'soft' : 'outline'"
             color="neutral"
-            variant="outline"
             size="sm"
-            icon="i-lucide-download"
-            :loading="isDownloading"
-            @click="downloadFile"
+            @click="wrapLines = !wrapLines"
           >
-            Download
+            Wrap
           </UButton>
-        </UTooltip>
 
-        <UTooltip text="Copy text">
-          <UDropdownMenu :items="copyMenuItems" :content="{ align: 'end' }" :modal="false">
+          <UTooltip text="Delete logfile.">
             <UButton
               color="neutral"
               variant="outline"
               size="sm"
-              icon="i-lucide-copy"
-              trailing-icon="i-lucide-chevron-down"
+              icon="i-lucide-trash-2"
+              @click="deleteFile"
             >
-              Copy
+              Delete
             </UButton>
-          </UDropdownMenu>
-        </UTooltip>
-
-        <UButton
-          icon="i-lucide-refresh-cw"
-          color="neutral"
-          variant="outline"
-          size="sm"
-          @click="reloadLog"
-        >
-          Refresh
-        </UButton>
-      </div>
-    </div>
+          </UTooltip>
+
+          <UTooltip text="Download file.">
+            <UButton
+              color="neutral"
+              variant="outline"
+              size="sm"
+              icon="i-lucide-download"
+              :loading="isDownloading"
+              @click="downloadFile"
+            >
+              Download
+            </UButton>
+          </UTooltip>
+
+          <UTooltip text="Copy text">
+            <UDropdownMenu :items="copyMenuItems" :content="{ align: 'end' }" :modal="false">
+              <UButton
+                color="neutral"
+                variant="outline"
+                size="sm"
+                icon="i-lucide-copy"
+                trailing-icon="i-lucide-chevron-down"
+              >
+                Copy
+              </UButton>
+            </UDropdownMenu>
+          </UTooltip>
+
+          <UButton
+            icon="i-lucide-refresh-cw"
+            color="neutral"
+            variant="outline"
+            size="sm"
+            @click="reloadLog"
+          >
+            Refresh
+          </UButton>
+        </template>
+      </template>
+    </PageHeader>
 
     <UAlert
       v-if="error"
@@ -246,6 +243,7 @@ import { fetchEventSource } from '@microsoft/fetch-event-source';
 import moment from 'moment';
 import EventView from '~/components/EventView.vue';
 import LogDetailsModal from '~/components/LogDetailsModal.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import StructuredLogLine from '~/components/StructuredLogLine.vue';
 import { useDialog } from '~/composables/useDialog';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
diff --git a/frontend/app/pages/logs/index.vue b/frontend/app/pages/logs/index.vue
index 9059e887..2137dac4 100644
--- a/frontend/app/pages/logs/index.vue
+++ b/frontend/app/pages/logs/index.vue
@@ -1,18 +1,7 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <UInput
           v-if="toggleFilter || query"
           id="filter"
@@ -49,8 +38,8 @@
             <span class="hidden sm:inline">Reload</span>
           </UButton>
         </UTooltip>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <UAlert
       v-if="isLoading"
@@ -84,7 +73,7 @@
       <UCard
         v-for="item in filterItems"
         :key="item.filename"
-        class="h-full border border-default/70 shadow-sm"
+        class="ws-card h-full shadow-sm"
         :ui="logCardUi"
       >
         <template #header>
@@ -137,6 +126,7 @@
 import { computed, onMounted, ref, watch } from 'vue';
 import { useHead, useRoute } from '#app';
 import moment from 'moment';
+import PageHeader from '~/components/PageHeader.vue';
 import type { LogItem } from '~/types';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import {
diff --git a/frontend/app/pages/parity.vue b/frontend/app/pages/parity.vue
index d279c474..0ba4a257 100644
--- a/frontend/app/pages/parity.vue
+++ b/frontend/app/pages/parity.vue
@@ -1,25 +1,10 @@
 <template>
   <div class="space-y-6">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-
-        <div>
-          <p class="mt-1 text-sm text-toned">
-            This page shows local database records not being reported by the specified number of
-            backends.
-          </p>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+    <PageHeader
+      v-bind="pageShell"
+      description="This page shows local database records not being reported by the specified number of backends."
+    >
+      <template #actions>
         <UInput
           v-if="showFilter"
           id="filter"
@@ -87,8 +72,8 @@
         >
           <span class="hidden sm:inline">Reload</span>
         </UButton>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <Pager
       v-if="total && last_page > 1"
@@ -100,7 +85,7 @@
 
     <div
       v-if="selected_ids.length > 0"
-      class="flex flex-wrap items-center justify-between gap-3 rounded-md border border-default bg-default px-3 py-3"
+      class="flex flex-wrap items-center justify-between gap-3 rounded-md border border-default bg-elevated/30 px-3 py-3"
     >
       <div class="flex flex-wrap items-center gap-2">
         <UBadge color="neutral" variant="soft" size="sm">{{ selected_ids.length }}</UBadge>
@@ -170,8 +155,8 @@
         class="block"
       >
         <UCard
-          class="h-full border shadow-sm"
-          :class="item.watched ? 'border-success/40' : 'border-default/70'"
+          class="h-full shadow-sm"
+          :class="item.watched ? 'ring-1 ring-success/20' : ''"
           :ui="itemCardUi"
         >
           <template #header>
@@ -214,72 +199,68 @@
 
           <div class="space-y-3">
             <div
-              class="flex items-start gap-2 rounded-md border border-default bg-elevated/20 px-3 py-2 text-sm text-default"
+              class="flex items-start justify-between gap-3 rounded-md border border-default bg-elevated/40 px-3 py-2.5"
             >
-              <button
-                type="button"
-                class="mt-0.5 shrink-0 text-toned hover:text-primary"
-                @click="item.expand_title = !item?.expand_title"
-              >
-                <UIcon name="i-lucide-heading" class="size-4" />
-              </button>
               <div
-                class="min-w-0 flex-1"
-                :class="item?.expand_title ? 'wrap-break-word' : 'truncate'"
+                class="flex min-w-0 flex-1 cursor-pointer items-start gap-2 text-sm font-medium text-default"
+                @click="item.expand_title = !item?.expand_title"
               >
+                <UIcon name="i-lucide-heading" class="mt-0.5 size-4 shrink-0 text-toned" />
                 <NuxtLink
                   :to="makeSearchLink('subtitle', item?.content_title || item.title)"
-                  class="hover:text-primary"
+                  class="min-w-0 hover:text-primary"
+                  :class="item?.expand_title ? 'wrap-break-word' : 'truncate'"
                 >
                   {{ item?.content_title || item.title }}
                 </NuxtLink>
               </div>
-              <UButton
-                color="neutral"
-                variant="ghost"
-                size="xs"
-                square
-                icon="i-lucide-copy"
-                @click="copyText(item?.content_title ?? item.title, false)"
-              />
+
+              <UTooltip text="Copy title">
+                <UButton
+                  color="neutral"
+                  variant="ghost"
+                  size="sm"
+                  square
+                  icon="i-lucide-copy"
+                  aria-label="Copy title"
+                  @click="copyText(item?.content_title ?? item.title, false)"
+                />
+              </UTooltip>
             </div>
 
             <div
-              class="flex items-start gap-2 rounded-md border border-default bg-elevated/20 px-3 py-2 text-sm text-default"
+              class="flex items-start justify-between gap-3 rounded-md border border-default bg-elevated/40 px-3 py-2.5"
             >
-              <button
-                type="button"
-                class="mt-0.5 shrink-0 text-toned hover:text-primary"
-                @click="item.expand_path = !item?.expand_path"
-              >
-                <UIcon name="i-lucide-file-text" class="size-4" />
-              </button>
               <div
-                class="min-w-0 flex-1"
-                :class="item?.expand_path ? 'wrap-break-word' : 'truncate'"
+                class="flex min-w-0 flex-1 cursor-pointer items-start gap-2 text-sm font-medium text-default"
+                @click="item.expand_path = !item?.expand_path"
               >
+                <UIcon name="i-lucide-file-text" class="mt-0.5 size-4 shrink-0 text-toned" />
                 <NuxtLink
                   v-if="item?.content_path"
                   :to="makeSearchLink('path', item.content_path)"
-                  class="hover:text-primary"
+                  class="min-w-0 hover:text-primary"
+                  :class="item?.expand_path ? 'wrap-break-word' : 'truncate'"
                 >
                   {{ item.content_path }}
                 </NuxtLink>
                 <span v-else>No path found.</span>
               </div>
-              <UButton
-                color="neutral"
-                variant="ghost"
-                size="xs"
-                square
-                icon="i-lucide-copy"
-                @click="copyText(item?.content_path || '', false)"
-              />
+
+              <UTooltip text="Copy file path">
+                <UButton
+                  color="neutral"
+                  variant="ghost"
+                  size="sm"
+                  square
+                  icon="i-lucide-copy"
+                  aria-label="Copy file path"
+                  @click="copyText(item?.content_path || '', false)"
+                />
+              </UTooltip>
             </div>
 
-            <div
-              class="rounded-md border border-default bg-elevated/20 px-3 py-2 text-sm text-default"
-            >
+            <div class="rounded-md border border-default bg-elevated/40 px-3 py-2.5">
               <div class="mb-2 flex items-center gap-2 font-medium text-highlighted">
                 <UIcon name="i-lucide-server" class="size-4 text-toned" />
                 <span>Has metadata from</span>
@@ -290,7 +271,7 @@
                   v-for="reportedBackend in item.reported_by"
                   :key="`${item.id}-rb-${reportedBackend}`"
                   :to="'/backend/' + reportedBackend"
-                  class="inline-flex items-center gap-1.5 rounded-md border border-default bg-default/60 px-2.5 py-1 text-xs font-medium text-default"
+                  class="inline-flex items-center gap-1.5 rounded-md border border-default bg-elevated/40 px-2.5 py-1 text-xs font-medium text-default"
                 >
                   <UIcon name="i-lucide-server" class="size-3.5" />
                   {{ reportedBackend }}
@@ -309,9 +290,9 @@
           </div>
 
           <template #footer>
-            <div class="grid grid-cols-2 gap-2">
+            <div class="grid grid-cols-2 gap-2.5">
               <div
-                class="flex items-center justify-center gap-2 rounded-md border border-default bg-elevated/40 px-3 py-2 text-sm text-default"
+                class="flex items-center justify-center gap-2 rounded-md border border-default bg-elevated/40 px-3 py-2 text-center text-sm font-medium text-default"
               >
                 <UIcon
                   :name="item.watched ? 'i-lucide-eye' : 'i-lucide-eye-off'"
@@ -322,7 +303,7 @@
                 }}</span>
               </div>
               <div
-                class="flex items-center justify-center gap-2 rounded-md border border-default bg-elevated/40 px-3 py-2 text-sm text-default"
+                class="flex items-center justify-center gap-2 rounded-md border border-default bg-elevated/40 px-3 py-2 text-center text-sm font-medium text-default"
               >
                 <UIcon name="i-lucide-calendar" class="size-4 text-toned" />
                 <UTooltip
@@ -337,7 +318,7 @@
       </Lazy>
     </div>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -395,6 +376,7 @@ import { ref, computed, watch, onMounted, onBeforeUnmount } from 'vue';
 import { useHead, useRoute, useRouter } from '#app';
 import { useStorage } from '@vueuse/core';
 import Lazy from '~/components/Lazy.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import Pager from '~/components/Pager.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { useSessionCache } from '~/utils/cache';
@@ -456,7 +438,7 @@ const cache = useSessionCache(api_user.value);
 const itemCardUi = {
   header: 'p-4',
   body: 'px-4 pb-4 pt-0',
-  footer: 'border-t border-default px-4 py-4',
+  footer: 'px-4 pb-4 pt-0',
 };
 
 const tipsCardUi = {
diff --git a/frontend/app/pages/processes.vue b/frontend/app/pages/processes.vue
index 271f71ac..a563eccb 100644
--- a/frontend/app/pages/processes.vue
+++ b/frontend/app/pages/processes.vue
@@ -1,24 +1,7 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-
-        <div>
-          <p class="mt-1 text-sm text-toned">
-            This page gives you overview of all the processes that are currently running.
-          </p>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <UInput
           v-if="showFilter || filter"
           id="filter"
@@ -51,8 +34,8 @@
         >
           <span class="hidden sm:inline">Reload</span>
         </UButton>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <UAlert
       v-if="items.length < 1 || filteredItems.length < 1"
@@ -68,7 +51,7 @@
       :ui="isLoading ? { icon: 'animate-spin' } : undefined"
     />
 
-    <UCard v-else :ui="tableCardUi" class="border border-default/70 bg-default/90 shadow-sm">
+    <UCard v-else :ui="tableCardUi" class="shadow-sm">
       <UTable
         :data="filteredItems"
         :columns="columns"
@@ -100,6 +83,7 @@ import { computed, onMounted, ref } from 'vue';
 import { useHead, useRoute } from '#app';
 import type { TableColumn } from '@nuxt/ui';
 import { UButton, UTooltip } from '#components';
+import PageHeader from '~/components/PageHeader.vue';
 import { useDialog } from '~/composables/useDialog';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { awaitElement, notification, parse_api_response, request } from '~/utils';
diff --git a/frontend/app/pages/prune.vue b/frontend/app/pages/prune.vue
index 5b40b40a..6f981abf 100644
--- a/frontend/app/pages/prune.vue
+++ b/frontend/app/pages/prune.vue
@@ -1,18 +1,7 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <UTooltip text="Reload pruners">
           <UButton
             color="neutral"
@@ -27,8 +16,8 @@
             <span class="hidden sm:inline">Reload</span>
           </UButton>
         </UTooltip>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <UAlert
       v-if="isLoading"
@@ -53,7 +42,7 @@
       <UCard
         v-for="pruner in pruners"
         :key="pruner.name"
-        class="h-full border border-default/70 bg-default/90 shadow-sm"
+        class="h-full shadow-sm"
         :class="pruner.enabled ? '' : 'opacity-85'"
         :ui="prunerCardUi"
       >
@@ -181,7 +170,7 @@
       </UCard>
     </div>
 
-    <UCard class="border border-default/70 bg-default/90 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -221,6 +210,7 @@ import { navigateTo, useHead, useRoute } from '#app';
 import { useStorage } from '@vueuse/core';
 import cronstrue from 'cronstrue';
 import moment from 'moment';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import type { PrunerItem } from '~/types';
 import {
diff --git a/frontend/app/pages/purge_cache.vue b/frontend/app/pages/purge_cache.vue
index 1bd49d6a..290b666f 100644
--- a/frontend/app/pages/purge_cache.vue
+++ b/frontend/app/pages/purge_cache.vue
@@ -1,15 +1,6 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="space-y-1">
-      <div
-        class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-      >
-        <UIcon :name="pageShell.icon" class="size-4" />
-        <span>{{ pageShell.sectionLabel }}</span>
-        <span>/</span>
-        <span>{{ pageShell.pageLabel }}</span>
-      </div>
-    </div>
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell" />
 
     <UAlert
       v-if="error"
@@ -35,7 +26,7 @@
       :ui="{ icon: 'animate-spin' }"
     />
 
-    <UCard class="border border-default/70 shadow-sm" :ui="panelCardUi">
+    <UCard class="shadow-sm" :ui="panelCardUi">
       <template #header>
         <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
           <div class="min-w-0 flex-1 space-y-2">
@@ -74,6 +65,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { navigateTo, useHead, useRoute } from '#app';
+import PageHeader from '~/components/PageHeader.vue';
 import { useDialog } from '~/composables/useDialog';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { notification, parse_api_response, request } from '~/utils';
diff --git a/frontend/app/pages/report.vue b/frontend/app/pages/report.vue
index 7be3d534..fda2f055 100644
--- a/frontend/app/pages/report.vue
+++ b/frontend/app/pages/report.vue
@@ -1,111 +1,799 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
+        <UButton
+          color="neutral"
+          variant="outline"
+          size="sm"
+          icon="i-lucide-copy"
+          :disabled="null === report || isLoading"
+          @click="copyReport"
+        >
+          Copy
+        </UButton>
+
+        <UButton
+          color="neutral"
+          variant="outline"
+          size="sm"
+          icon="i-lucide-refresh-cw"
+          :loading="isLoading"
+          :disabled="isLoading"
+          @click="void load(true)"
         >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
+          Refresh
+        </UButton>
+      </template>
+    </PageHeader>
+
+    <div
+      v-if="null === report && isLoading"
+      class="ws-card flex min-h-72 items-center justify-center"
+    >
+      <div class="flex flex-col items-center gap-3 text-center text-toned">
+        <UIcon name="i-lucide-loader-circle" class="size-10 animate-spin text-info" />
+        <div class="space-y-1">
+          <p class="text-sm font-medium text-default">Loading</p>
+          <p class="text-xs">Collecting system, backend, and task diagnostics.</p>
         </div>
       </div>
+    </div>
 
-      <div v-if="data.length > 0" class="flex flex-wrap items-center justify-end gap-2">
-        <UTooltip text="Scroll to top">
-          <UButton
-            color="neutral"
-            variant="outline"
-            size="sm"
-            leading-icon="i-lucide-chevron-up"
-            aria-label="Scroll report to top"
-            @click="scrollToTop"
-          >
-            <span class="hidden sm:inline">Scroll Up</span>
-          </UButton>
-        </UTooltip>
+    <UAlert
+      v-else-if="null === report && null !== error"
+      color="error"
+      variant="soft"
+      icon="i-lucide-triangle-alert"
+      title="Failed to load report"
+      :description="error"
+    />
+
+    <template v-else-if="null !== report">
+      <section class="space-y-3">
+        <button
+          type="button"
+          class="flex w-full items-center justify-between gap-3 text-left"
+          @click="toggleSection('system')"
+        >
+          <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
+            <UIcon name="i-lucide-gauge" class="size-4 text-toned" />
+            <span>System Status</span>
+          </div>
+          <UIcon
+            name="i-lucide-chevron-right"
+            :class="[
+              'size-4 text-toned transition-transform',
+              isSectionOpen('system') ? 'rotate-90' : '',
+            ]"
+          />
+        </button>
+
+        <div v-if="isSectionOpen('system')" class="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
+          <StatCard
+            v-for="item in statusCards"
+            :key="item.label"
+            :label="item.label"
+            :value="item.value"
+            :hint="item.hint"
+            :icon="item.icon"
+            :color="item.color"
+          />
+        </div>
+      </section>
+
+      <section class="space-y-3">
+        <button
+          type="button"
+          class="flex w-full items-center justify-between gap-3 text-left"
+          @click="toggleSection('runtime')"
+        >
+          <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
+            <UIcon name="i-lucide-server" class="size-4 text-toned" />
+            <span>Runtime</span>
+          </div>
+          <UIcon
+            name="i-lucide-chevron-right"
+            :class="[
+              'size-4 text-toned transition-transform',
+              isSectionOpen('runtime') ? 'rotate-90' : '',
+            ]"
+          />
+        </button>
 
-        <UTooltip text="Scroll to bottom">
-          <UButton
+        <div v-if="isSectionOpen('runtime')" class="grid gap-3 sm:grid-cols-2 xl:grid-cols-3">
+          <StatCard
+            v-for="item in runtimeCards"
+            :key="item.label"
+            :label="item.label"
+            :value="item.value"
+            :hint="item.hint"
+            :icon="item.icon"
             color="neutral"
-            variant="outline"
-            size="sm"
-            leading-icon="i-lucide-chevron-down"
-            aria-label="Scroll report to bottom"
-            @click="scrollToBottom"
+            value-wrap
+          />
+        </div>
+      </section>
+
+      <section v-if="report.backends.length > 0" class="space-y-4">
+        <button
+          type="button"
+          class="flex w-full items-center justify-between gap-3 text-left"
+          @click="toggleSection('backends')"
+        >
+          <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
+            <UIcon name="i-lucide-database" class="size-4 text-toned" />
+            <span>Backends ({{ report.backends.length }})</span>
+          </div>
+          <UIcon
+            name="i-lucide-chevron-right"
+            :class="[
+              'size-4 text-toned transition-transform',
+              isSectionOpen('backends') ? 'rotate-90' : '',
+            ]"
+          />
+        </button>
+
+        <div v-if="isSectionOpen('backends')" class="space-y-4">
+          <div v-for="group in backendsByUser" :key="group.user" class="space-y-3">
+            <button
+              type="button"
+              class="flex w-full items-center justify-between gap-3 text-left"
+              @click="toggleUser(group.user)"
+            >
+              <div class="flex items-center gap-2">
+                <UIcon name="i-lucide-user" class="size-4 text-toned" />
+                <span class="text-sm font-medium text-highlighted">{{ group.user }}</span>
+                <UBadge color="neutral" variant="outline" size="sm">
+                  {{ group.backends.length }}
+                </UBadge>
+              </div>
+              <UIcon
+                name="i-lucide-chevron-right"
+                :class="[
+                  'size-4 text-toned transition-transform',
+                  isUserOpen(group.user) ? 'rotate-90' : '',
+                ]"
+              />
+            </button>
+
+            <div v-if="isUserOpen(group.user)" class="space-y-3">
+              <UAlert
+                v-if="group.backends.length === 0"
+                color="warning"
+                variant="soft"
+                icon="i-lucide-server-off"
+                title="No backends configured"
+                description=""
+              />
+
+              <div v-else class="grid gap-4 lg:grid-cols-2 2xl:grid-cols-3">
+                <article
+                  v-for="backend in group.backends"
+                  :key="`${backend.user}@${backend.name}`"
+                  class="ws-card p-4 shadow-sm"
+                >
+                  <div class="space-y-3">
+                    <div class="flex flex-wrap items-center justify-between gap-2">
+                      <div class="flex items-center gap-2">
+                        <span
+                          class="flex size-8 items-center justify-center rounded-md bg-elevated ring-1 ring-inset ring-default"
+                        >
+                          <UIcon name="i-lucide-server" class="size-4 text-toned" />
+                        </span>
+                        <div class="min-w-0">
+                          <p class="text-sm font-semibold text-default">{{ backend.name }}</p>
+                          <p class="text-xs text-toned">{{ ucFirst(backend.type) }}</p>
+                        </div>
+                      </div>
+
+                      <span
+                        class="inline-flex items-center gap-1 rounded-md border px-2 py-1 text-xs font-medium"
+                        :class="
+                          null !== backend.version
+                            ? 'border-success/30 bg-success/10 text-success'
+                            : 'border-error/30 bg-error/10 text-error'
+                        "
+                      >
+                        <UIcon
+                          :name="
+                            null !== backend.version
+                              ? 'i-lucide-badge-check'
+                              : 'i-lucide-circle-alert'
+                          "
+                          class="size-3"
+                        />
+                        {{ null !== backend.version ? backend.version : 'Unreachable' }}
+                      </span>
+                    </div>
+
+                    <div class="flex flex-wrap gap-1.5">
+                      <span
+                        v-for="chip in backendChips(backend)"
+                        :key="chip.label"
+                        class="inline-flex items-center gap-1 rounded-md border px-2 py-1 text-xs"
+                        :class="chip.class"
+                      >
+                        <UIcon :name="chip.icon" class="size-3" />
+                        {{ chip.label }}
+                      </span>
+                    </div>
+
+                    <div
+                      v-if="hasSyncDates(backend)"
+                      class="flex flex-wrap gap-x-4 gap-y-1 text-xs text-toned"
+                    >
+                      <span v-if="backend.export.enabled">
+                        Export:
+                        {{
+                          backend.export.last_sync ? formatDate(backend.export.last_sync) : 'Never'
+                        }}
+                      </span>
+                      <span v-if="backend.import.metadata_refresh">
+                        Import:
+                        {{
+                          backend.import.last_sync ? formatDate(backend.import.last_sync) : 'Never'
+                        }}
+                      </span>
+                    </div>
+
+                    <div v-if="Object.keys(backend.options).length > 0">
+                      <button
+                        type="button"
+                        class="flex items-center gap-1.5 text-xs font-medium text-toned hover:text-default"
+                        @click="toggleDetail(`opts-${backend.user}@${backend.name}`)"
+                      >
+                        <UIcon
+                          name="i-lucide-chevron-right"
+                          :class="[
+                            'size-3.5 transition-transform',
+                            isDetailOpen(`opts-${backend.user}@${backend.name}`) ? 'rotate-90' : '',
+                          ]"
+                        />
+                        Custom options ({{ Object.keys(backend.options).length }})
+                      </button>
+                      <pre
+                        v-if="isDetailOpen(`opts-${backend.user}@${backend.name}`)"
+                        class="mt-2 overflow-x-auto rounded-md border border-default bg-elevated/40 p-2 text-xs text-default"
+                        >{{ JSON.stringify(backend.options, null, 2) }}</pre
+                      >
+                    </div>
+                  </div>
+                </article>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section v-if="report.tasks.length > 0" class="space-y-3">
+        <button
+          type="button"
+          class="flex w-full items-center justify-between gap-3 text-left"
+          @click="toggleSection('tasks')"
+        >
+          <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
+            <UIcon name="i-lucide-calendar-clock" class="size-4 text-toned" />
+            <span>Tasks ({{ report.tasks.length }})</span>
+          </div>
+          <UIcon
+            name="i-lucide-chevron-right"
+            :class="[
+              'size-4 text-toned transition-transform',
+              isSectionOpen('tasks') ? 'rotate-90' : '',
+            ]"
+          />
+        </button>
+
+        <div v-if="isSectionOpen('tasks')" class="grid gap-4 lg:grid-cols-2 2xl:grid-cols-3">
+          <article v-for="task in report.tasks" :key="task.name" class="ws-card p-4 shadow-sm">
+            <div class="space-y-3">
+              <div class="flex flex-wrap items-center justify-between gap-2">
+                <p class="text-sm font-semibold text-default">{{ ucFirst(task.name) }}</p>
+                <span
+                  class="inline-flex items-center gap-1 rounded-md border px-2 py-1 text-xs font-medium"
+                  :class="
+                    task.enabled
+                      ? 'border-success/30 bg-success/10 text-success'
+                      : 'border-default bg-elevated/40 text-toned'
+                  "
+                >
+                  <UIcon
+                    :name="task.enabled ? 'i-lucide-check' : 'i-lucide-minus'"
+                    class="size-3"
+                  />
+                  {{ task.enabled ? 'Enabled' : 'Disabled' }}
+                </span>
+              </div>
+
+              <div v-if="task.enabled" class="space-y-1.5 text-xs text-toned">
+                <div v-if="task.args" class="flex items-center gap-2">
+                  <UIcon name="i-lucide-terminal" class="size-3.5 shrink-0" />
+                  <code class="text-default">{{ task.args }}</code>
+                </div>
+                <div v-if="task.timer" class="flex items-center gap-2">
+                  <UIcon name="i-lucide-clock" class="size-3.5 shrink-0" />
+                  <code class="text-default">{{ task.timer }}</code>
+                </div>
+                <div v-if="task.next_run" class="flex items-center gap-2">
+                  <UIcon name="i-lucide-arrow-right" class="size-3.5 shrink-0" />
+                  <span>{{ task.next_run }}</span>
+                </div>
+              </div>
+
+              <div
+                v-if="task.error"
+                class="flex items-center gap-2 rounded-md border border-error/30 bg-error/10 px-3 py-2 text-xs text-error"
+              >
+                <UIcon name="i-lucide-circle-alert" class="size-3.5 shrink-0" />
+                <span>{{ task.error }}</span>
+              </div>
+            </div>
+          </article>
+        </div>
+      </section>
+
+      <section class="space-y-3">
+        <button
+          type="button"
+          class="flex w-full items-center justify-between gap-3 text-left"
+          @click="toggleSection('suppression')"
+        >
+          <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
+            <UIcon name="i-lucide-filter-off" class="size-4 text-toned" />
+            <span>Log Suppression</span>
+          </div>
+          <UIcon
+            name="i-lucide-chevron-right"
+            :class="[
+              'size-4 text-toned transition-transform',
+              isSectionOpen('suppression') ? 'rotate-90' : '',
+            ]"
+          />
+        </button>
+
+        <div v-if="isSectionOpen('suppression')" class="ws-card p-4 shadow-sm">
+          <div class="flex items-center justify-between gap-4">
+            <div class="flex items-center gap-2">
+              <span
+                class="inline-flex size-2.5 rounded-full"
+                :class="report.suppression.file_exists ? 'bg-success' : 'bg-muted'"
+              />
+              <p class="text-sm text-default">
+                suppress.yaml
+                {{ report.suppression.file_exists ? 'exists' : 'does not exist' }}
+              </p>
+            </div>
+            <span
+              v-if="report.suppression.rules && Object.keys(report.suppression.rules).length > 0"
+              class="inline-flex items-center gap-1 rounded-md border border-default bg-elevated/40 px-2 py-1 text-xs text-toned"
+            >
+              {{ Object.keys(report.suppression.rules).length }} rule(s)
+            </span>
+          </div>
+
+          <div
+            v-if="report.suppression.error"
+            class="mt-3 flex items-center gap-2 rounded-md border border-error/30 bg-error/10 px-3 py-2 text-xs text-error"
           >
-            <span class="hidden sm:inline">Scroll Down</span>
-          </UButton>
-        </UTooltip>
+            <UIcon name="i-lucide-circle-alert" class="size-3.5 shrink-0" />
+            <span>{{ report.suppression.error }}</span>
+          </div>
 
-        <UTooltip text="Copy report">
-          <UButton
-            color="neutral"
-            variant="outline"
-            size="sm"
-            leading-icon="i-lucide-copy"
-            aria-label="Copy report"
-            @click="copyReport"
+          <div
+            v-if="report.suppression.rules && Object.keys(report.suppression.rules).length > 0"
+            class="mt-3"
           >
-            <span class="hidden sm:inline">Copy Report</span>
-          </UButton>
-        </UTooltip>
-      </div>
-    </div>
+            <button
+              type="button"
+              class="flex items-center gap-1.5 text-xs font-medium text-toned hover:text-default"
+              @click="toggleDetail('suppression-rules')"
+            >
+              <UIcon
+                name="i-lucide-chevron-right"
+                :class="[
+                  'size-3.5 transition-transform',
+                  isDetailOpen('suppression-rules') ? 'rotate-90' : '',
+                ]"
+              />
+              View rules
+            </button>
+            <pre
+              v-if="isDetailOpen('suppression-rules')"
+              class="mt-2 overflow-x-auto rounded-md border border-default bg-elevated/40 p-2 text-xs text-default"
+              >{{ JSON.stringify(report.suppression.rules, null, 2) }}</pre
+            >
+          </div>
+        </div>
+      </section>
 
-    <UAlert
-      v-if="data.length < 1"
-      color="info"
-      variant="soft"
-      icon="i-lucide-loader-circle"
-      title="Loading"
-      description="Generating the report. Please wait..."
-      :ui="{ icon: 'animate-spin' }"
-    />
+      <section class="space-y-3">
+        <button
+          type="button"
+          class="flex w-full items-center justify-between gap-3 text-left"
+          @click="toggleSection('logs')"
+        >
+          <div class="flex items-center gap-2 text-sm font-semibold text-highlighted">
+            <UIcon name="i-lucide-scroll-text" class="size-4 text-toned" />
+            <span>Recent Logs</span>
+          </div>
+          <UIcon
+            name="i-lucide-chevron-right"
+            :class="[
+              'size-4 text-toned transition-transform',
+              isSectionOpen('logs') ? 'rotate-90' : '',
+            ]"
+          />
+        </button>
 
-    <UCard v-else class="border border-default/70 shadow-sm" :ui="{ body: 'p-0' }">
-      <pre
-        ref="reportViewport"
-        class="max-h-[70vh] min-h-[60vh] overflow-y-auto bg-elevated p-4 text-sm text-default wrap-pre whitespace-pre-wrap wrap-break-word"
-      ><code><span v-for="(item, index) in data" :key="index" class="block">{{ item }}</span></code></pre>
-    </UCard>
+        <div
+          v-if="isSectionOpen('logs')"
+          class="ws-card ws-terminal-panel ws-terminal-panel-lg bg-elevated"
+        >
+          <template v-for="group in logGroups" :key="group.type">
+            <div class="border-b border-default/50 px-4 py-1.5 text-xs font-medium text-toned">
+              --- {{ group.type }} logs ---
+            </div>
+            <pre
+              class="whitespace-pre-wrap wrap-break-word px-4 py-2 text-xs leading-5 text-default"
+            ><code><span
+  v-for="(entry, i) in group.entries"
+  :key="i"
+  class="block"
+  :class="{ 'text-toned': entry.separator }"
+>{{ entry.separator ? '.....' : `${entry.datetime} ${entry.level} [${entry.logger}] ${entry.message}` }}</span></code></pre>
+          </template>
+
+          <div v-if="totalLogEntries === 0" class="px-4 py-8 text-center text-sm text-toned">
+            No log entries found.
+          </div>
+        </div>
+      </section>
+    </template>
   </main>
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref } from 'vue';
-import { useHead, useRoute } from '#app';
+import { computed, onMounted, ref } from 'vue';
+import { useHead } from '#app';
+import PageHeader from '~/components/PageHeader.vue';
+import StatCard from '~/components/StatCard.vue';
 import { useDialog } from '~/composables/useDialog';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
-import { copyText, parse_api_response, request } from '~/utils';
+import type { SystemReport, SystemReportBackend } from '~/types';
+import { copyText, parse_api_response, request, ucFirst } from '~/utils';
 
 useHead({ title: 'System Report' });
 
 const pageShell = requireTopLevelPageShell('report');
-
-const route = useRoute();
 const dialog = useDialog();
 
-const data = ref<Array<string>>([]);
-const reportViewport = ref<HTMLElement | null>(null);
+const report = ref<SystemReport | null>(null);
+const isLoading = ref(false);
+const error = ref<string | null>(null);
+
+const collapsedUsers = ref<Record<string, boolean>>({});
+const collapsedSections = ref<Record<string, boolean>>({});
+const expandedDetails = ref<Record<string, boolean>>({});
+
+const isSectionOpen = (id: string): boolean => !collapsedSections.value[id];
+const toggleSection = (id: string): void => {
+  collapsedSections.value[id] = !collapsedSections.value[id];
+};
+
+const isUserOpen = (user: string): boolean => !collapsedUsers.value[user];
+const toggleUser = (user: string): void => {
+  collapsedUsers.value[user] = !collapsedUsers.value[user];
+};
 
-const loadReport = async (): Promise<void> => {
-  const response = await request(`/system/report`);
-  const json = await parse_api_response<Array<string>>(response);
-  if ('error' in json) {
+const isDetailOpen = (id: string): boolean => true === expandedDetails.value[id];
+const toggleDetail = (id: string): void => {
+  expandedDetails.value[id] = !expandedDetails.value[id];
+};
+
+const load = async (force: boolean = false): Promise<void> => {
+  if (true === isLoading.value) {
     return;
   }
 
-  if (route.name !== 'report') {
+  if (null !== report.value && !force) {
     return;
   }
 
-  data.value = json;
+  isLoading.value = true;
+  error.value = null;
+
+  try {
+    const response = await request('/system/report');
+    const json = await parse_api_response<SystemReport>(response);
+
+    if ('error' in json) {
+      error.value = json.error.message;
+      return;
+    }
+
+    report.value = json;
+  } catch (e: unknown) {
+    error.value = e instanceof Error ? e.message : 'Failed to load report.';
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+type StatusCard = {
+  label: string;
+  value: string;
+  hint: string;
+  icon: string;
+  color: 'success' | 'error' | 'warning' | 'neutral';
+};
+
+type ChipInfo = {
+  label: string;
+  icon: string;
+  class: string;
+};
+
+const statusCards = computed<Array<StatusCard>>(() => {
+  if (null === report.value) {
+    return [];
+  }
+
+  const sys = report.value.system;
+
+  return [
+    {
+      label: 'Scheduler',
+      value: sys.scheduler_running ? 'Running' : 'Stopped',
+      hint: sys.scheduler_message,
+      icon: sys.scheduler_running ? 'i-lucide-circle-check' : 'i-lucide-circle-x',
+      color: sys.scheduler_running ? 'success' : 'error',
+    },
+    {
+      label: 'Database',
+      value: sys.database_migrated ? 'Migrated' : 'Pending',
+      hint: sys.database_migrated ? 'Schema up to date.' : 'Migrations pending.',
+      icon: sys.database_migrated ? 'i-lucide-database' : 'i-lucide-database',
+      color: sys.database_migrated ? 'success' : 'error',
+    },
+    {
+      label: 'Config',
+      value: sys.env_file_exists ? '.env found' : 'No .env',
+      hint: sys.env_file_exists ? 'Environment file loaded.' : 'Using default configuration.',
+      icon: 'i-lucide-file-cog',
+      color: sys.env_file_exists ? 'success' : 'warning',
+    },
+    {
+      label: 'Container',
+      value: sys.in_container ? 'Yes' : 'No',
+      hint: sys.in_container ? 'Running in container.' : 'Running natively.',
+      icon: sys.in_container ? 'i-lucide-box' : 'i-lucide-monitor',
+      color: 'neutral',
+    },
+  ];
+});
+
+const runtimeCards = computed<Array<StatusCard>>(() => {
+  if (null === report.value) {
+    return [];
+  }
+
+  const sys = report.value.system;
+
+  return [
+    {
+      label: 'Version',
+      value: sys.version,
+      hint: 'WatchState build.',
+      icon: 'i-lucide-tag',
+      color: 'neutral',
+    },
+    {
+      label: 'PHP',
+      value: `${sys.sapi}/${sys.php_version}`,
+      hint: 'Runtime.',
+      icon: 'i-lucide-code',
+      color: 'neutral',
+    },
+    {
+      label: 'Timezone',
+      value: sys.timezone,
+      hint: 'Server timezone.',
+      icon: 'i-lucide-globe',
+      color: 'neutral',
+    },
+    {
+      label: 'Data path',
+      value: sys.data_path,
+      hint: 'Config and database.',
+      icon: 'i-lucide-folder',
+      color: 'neutral',
+    },
+    {
+      label: 'Temp path',
+      value: sys.temp_path,
+      hint: 'Logs and cache.',
+      icon: 'i-lucide-folder-open',
+      color: 'neutral',
+    },
+    {
+      label: 'Generated at',
+      value: report.value.generated_at,
+      hint: 'Report timestamp.',
+      icon: 'i-lucide-clock',
+      color: 'neutral',
+    },
+  ];
+});
+
+const backendsByUser = computed(() => {
+  if (null === report.value) {
+    return [];
+  }
+
+  return report.value.users.map((user) => ({
+    user,
+    backends: report.value!.backends.filter((b) => b.user === user),
+  }));
+});
+
+const logGroups = computed(() => {
+  if (null === report.value) {
+    return [];
+  }
+
+  return report.value.logs.filter((group) => group.entries.length > 0);
+});
+
+const totalLogEntries = computed(() => {
+  if (null === report.value) {
+    return 0;
+  }
+
+  return report.value.logs.reduce((total, group) => total + group.entries.length, 0);
+});
+
+const hasSyncDates = (backend: SystemReportBackend): boolean => {
+  return (
+    (true === backend.export.enabled &&
+      (null !== backend.export.last_sync || null !== backend.export.playlist_last_sync)) ||
+    (true === backend.import.metadata_refresh &&
+      (null !== backend.import.last_sync || null !== backend.import.playlist_last_sync))
+  );
+};
+
+const formatDate = (timestamp: number): string => {
+  return new Date(timestamp * 1000).toISOString();
 };
 
+const backendChips = (backend: SystemReportBackend): Array<ChipInfo> => {
+  const chips: Array<ChipInfo> = [];
+
+  const onClass = 'border-success/30 bg-success/10 text-success';
+  const offClass = 'border-default bg-elevated/40 text-toned';
+
+  chips.push({
+    label: backend.https ? 'HTTPS' : 'HTTP',
+    icon: backend.https ? 'i-lucide-lock' : 'i-lucide-unlock',
+    class: backend.https ? onClass : offClass,
+  });
+
+  chips.push({
+    label: backend.has_uuid ? 'UUID' : 'No UUID',
+    icon: backend.has_uuid ? 'i-lucide-fingerprint' : 'i-lucide-fingerprint',
+    class: backend.has_uuid ? onClass : offClass,
+  });
+
+  chips.push({
+    label: backend.has_user ? 'User' : 'No User',
+    icon: backend.has_user ? 'i-lucide-user-check' : 'i-lucide-user-x',
+    class: backend.has_user ? onClass : offClass,
+  });
+
+  chips.push({
+    label: backend.export.enabled ? 'Export' : 'No Export',
+    icon: backend.export.enabled ? 'i-lucide-upload' : 'i-lucide-upload',
+    class: backend.export.enabled ? onClass : offClass,
+  });
+
+  chips.push({
+    label: backend.import.enabled ? 'Import' : 'No Import',
+    icon: backend.import.enabled ? 'i-lucide-download' : 'i-lucide-download',
+    class: backend.import.enabled ? onClass : offClass,
+  });
+
+  return chips;
+};
+
+const shareText = computed(() => {
+  if (null === report.value) {
+    return '';
+  }
+
+  const r = report.value;
+  const lines: Array<string> = [
+    'WatchState System Report',
+    `Generated: ${r.generated_at}`,
+    '',
+    'System Status',
+    `- Version: ${r.system.version}`,
+    `- PHP: ${r.system.sapi}/${r.system.php_version}`,
+    `- Timezone: ${r.system.timezone}`,
+    `- Data path: ${r.system.data_path}`,
+    `- Temp path: ${r.system.temp_path}`,
+    `- Database migrated: ${r.system.database_migrated ? 'Yes' : 'No'}`,
+    `- .env exists: ${r.system.env_file_exists ? 'Yes' : 'No'}`,
+    `- Scheduler: ${r.system.scheduler_running ? 'Yes' : 'No'} - ${r.system.scheduler_message}`,
+    `- Container: ${r.system.in_container ? 'Yes' : 'No'}`,
+  ];
+
+  if (r.backends.length > 0) {
+    lines.push('', 'Backends');
+    for (const b of r.backends) {
+      lines.push(`[ ${ucFirst(b.type)} (${b.version ?? 'Unknown'}) ==> ${b.user}@${b.name} ]`);
+      lines.push(`- HTTPS: ${b.https ? 'Yes' : 'No'}`);
+      lines.push(`- UUID: ${b.has_uuid ? 'Yes' : 'No'}`);
+      lines.push(`- User: ${b.has_user ? 'Yes' : 'No'}`);
+      lines.push(
+        `- Export: ${b.export.enabled ? 'Enabled' : 'Disabled'}${
+          b.export.enabled && b.export.last_sync ? ` (last: ${formatDate(b.export.last_sync)})` : ''
+        }`,
+      );
+      lines.push(
+        `- Import: ${b.import.enabled ? 'Enabled' : 'Disabled'}${
+          b.import.metadata_refresh && b.import.last_sync
+            ? ` (last: ${formatDate(b.import.last_sync)})`
+            : ''
+        }`,
+      );
+      const opts = Object.keys(b.options);
+      if (opts.length > 0) {
+        lines.push(`- Options: ${JSON.stringify(b.options)}`);
+      }
+    }
+  }
+
+  if (r.tasks.length > 0) {
+    lines.push('', 'Tasks');
+    for (const t of r.tasks) {
+      lines.push(`[ ${ucFirst(t.name)} ]`);
+      lines.push(`- Enabled: ${t.enabled ? 'Yes' : 'No'}`);
+      if (t.enabled) {
+        if (t.args) lines.push(`- Args: ${t.args}`);
+        if (t.timer) lines.push(`- Timer: ${t.timer}`);
+        if (t.next_run) lines.push(`- Next run: ${t.next_run}`);
+        if (t.error) lines.push(`- Error: ${t.error}`);
+      }
+    }
+  }
+
+  lines.push('', 'Log Suppression');
+  lines.push(`- File exists: ${r.suppression.file_exists ? 'Yes' : 'No'}`);
+  if (r.suppression.error) {
+    lines.push(`- Error: ${r.suppression.error}`);
+  } else if (r.suppression.rules) {
+    lines.push(`- Rules: ${JSON.stringify(r.suppression.rules)}`);
+  }
+
+  if (totalLogEntries.value > 0) {
+    lines.push('', 'Logs');
+    for (const group of logGroups.value) {
+      lines.push(`---  ${group.type} logs ---`);
+      for (const entry of group.entries) {
+        lines.push(
+          entry.separator
+            ? '.....'
+            : `${entry.datetime} ${entry.level} [${entry.logger}] ${entry.message}`,
+        );
+      }
+    }
+  }
+
+  return lines.join('\n');
+});
+
 const copyReport = async (): Promise<void> => {
-  if (data.value.length < 1) {
+  if (!shareText.value) {
     return;
   }
 
@@ -114,27 +802,17 @@ const copyReport = async (): Promise<void> => {
     confirmText: 'Copy Report',
     confirmColor: 'warning',
     message:
-      'While we try to make sure no sensitive information is leaked via the report, it is possible that something might be missed. Please review the report before posting it. If you notice any sensitive information, please report it to the developers so we can fix it.',
+      'While we try to make sure no sensitive information is leaked via the report, it is possible that something might be missed. Please review the report before posting it.',
   });
 
   if (true !== status) {
     return;
   }
 
-  copyText(data.value.join('\n'));
-};
-
-const scrollToTop = () => {
-  if (reportViewport.value) {
-    reportViewport.value.scrollTo({ top: 0, behavior: 'smooth' });
-  }
-};
-
-const scrollToBottom = () => {
-  if (reportViewport.value) {
-    reportViewport.value.scrollTo({ top: reportViewport.value.scrollHeight, behavior: 'smooth' });
-  }
+  copyText(shareText.value);
 };
 
-onMounted(async () => await loadReport());
+onMounted(() => {
+  void load(true);
+});
 </script>
diff --git a/frontend/app/pages/reset.vue b/frontend/app/pages/reset.vue
index cf365b26..0054c4ce 100644
--- a/frontend/app/pages/reset.vue
+++ b/frontend/app/pages/reset.vue
@@ -1,15 +1,6 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="space-y-1">
-      <div
-        class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-      >
-        <UIcon :name="pageShell.icon" class="size-4" />
-        <span>{{ pageShell.sectionLabel }}</span>
-        <span>/</span>
-        <span>{{ pageShell.pageLabel }}</span>
-      </div>
-    </div>
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell" />
 
     <UAlert
       v-if="error"
@@ -35,7 +26,7 @@
       :ui="{ icon: 'animate-spin' }"
     />
 
-    <UCard class="border border-default/70 shadow-sm" :ui="panelCardUi">
+    <UCard class="shadow-sm" :ui="panelCardUi">
       <template #header>
         <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
           <div class="min-w-0 flex-1 space-y-2">
@@ -75,6 +66,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { navigateTo, useHead, useRoute } from '#app';
+import PageHeader from '~/components/PageHeader.vue';
 import { useDialog } from '~/composables/useDialog';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { notification, parse_api_response, request } from '~/utils';
diff --git a/frontend/app/pages/suppression.vue b/frontend/app/pages/suppression.vue
index 3b4f56ac..27645897 100644
--- a/frontend/app/pages/suppression.vue
+++ b/frontend/app/pages/suppression.vue
@@ -1,24 +1,7 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-
-        <div>
-          <p class="mt-1 text-sm text-toned">
-            This page allows you to suppress logs from being shown or recorded.
-          </p>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <UButton
           color="neutral"
           variant="outline"
@@ -38,8 +21,8 @@
           @click="loadContent"
           label="Reload"
         />
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
     <UAlert
       v-if="isLoading"
@@ -78,12 +61,7 @@
     </UAlert>
 
     <div v-else class="grid gap-4 xl:grid-cols-2">
-      <UCard
-        v-for="item in items"
-        :key="String(item.id)"
-        class="h-full border border-default/70 shadow-sm"
-        :ui="ruleCardUi"
-      >
+      <UCard v-for="item in items" :key="String(item.id)" class="h-full shadow-sm" :ui="ruleCardUi">
         <template #header>
           <div class="flex items-center justify-between gap-3">
             <div class="inline-flex items-center gap-2 text-base font-semibold text-highlighted">
@@ -243,7 +221,7 @@
       </template>
     </UModal>
 
-    <UCard class="border border-default/70 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -292,6 +270,7 @@
 import { computed, onMounted, ref, watch } from 'vue';
 import { useHead, useRoute } from '#app';
 import { useStorage } from '@vueuse/core';
+import PageHeader from '~/components/PageHeader.vue';
 import { useDirtyCloseGuard } from '~/composables/useDirtyCloseGuard';
 import { useDialog } from '~/composables/useDialog';
 import { useDirtyState } from '~/composables/useDirtyState';
diff --git a/frontend/app/pages/tasks.vue b/frontend/app/pages/tasks.vue
index 58b3a61f..59ca5b2f 100644
--- a/frontend/app/pages/tasks.vue
+++ b/frontend/app/pages/tasks.vue
@@ -1,18 +1,7 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="min-w-0 space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
         <UTooltip text="Reload tasks">
           <UButton
             color="neutral"
@@ -27,15 +16,10 @@
             <span class="hidden sm:inline">Reload</span>
           </UButton>
         </UTooltip>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
-    <UCard
-      v-if="queued.length > 0"
-      id="queued_tasks"
-      class="border border-default/70 bg-default/90 shadow-sm"
-      :ui="queuedCardUi"
-    >
+    <UCard v-if="queued.length > 0" id="queued_tasks" class="shadow-sm" :ui="queuedCardUi">
       <template #header>
         <div class="inline-flex items-center gap-2 text-sm font-semibold text-highlighted">
           <UIcon name="i-lucide-loader-circle" class="size-4 animate-spin text-toned" />
@@ -53,7 +37,7 @@
             v-for="task in queued"
             :key="`queued-${task}`"
             :to="`#${task}`"
-            class="inline-flex items-center gap-1.5 rounded-md border border-default bg-default/60 px-2.5 py-1 text-xs font-medium text-default hover:bg-default/80"
+            class="inline-flex items-center gap-1.5 rounded-md border border-default bg-elevated/40 px-2.5 py-1 text-xs font-medium text-default hover:bg-elevated/60"
           >
             <UIcon name="i-lucide-clock-3" class="size-3.5" />
             <span class="capitalize">{{ task }}</span>
@@ -86,7 +70,7 @@
         v-for="task in tasks"
         :id="task.name"
         :key="task.name"
-        class="h-full border border-default/70 bg-default/90 shadow-sm"
+        class="h-full shadow-sm"
         :class="task.enabled ? '' : 'opacity-85'"
         :ui="taskCardUi"
       >
@@ -285,7 +269,7 @@
       </UCard>
     </div>
 
-    <UCard class="border border-default/70 bg-default/90 shadow-sm" :ui="tipsCardUi">
+    <UCard class="shadow-sm" :ui="tipsCardUi">
       <template #header>
         <button
           type="button"
@@ -347,6 +331,7 @@ import { useStorage } from '@vueuse/core';
 import cronstrue from 'cronstrue';
 import moment from 'moment';
 import EventView from '~/components/EventView.vue';
+import PageHeader from '~/components/PageHeader.vue';
 import { useDialog } from '~/composables/useDialog';
 import type { GenericError, GenericResponse, TaskItem } from '~/types';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
diff --git a/frontend/app/pages/tools/plex_token.vue b/frontend/app/pages/tools/plex_token.vue
deleted file mode 100644
index 4ab874a6..00000000
--- a/frontend/app/pages/tools/plex_token.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-<template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="space-y-1">
-      <div
-        class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-      >
-        <UIcon :name="pageShell.icon" class="size-4" />
-        <span>{{ pageShell.sectionLabel }}</span>
-        <span>/</span>
-        <span>{{ pageShell.pageLabel }}</span>
-      </div>
-
-      <div>
-        <p class="mt-1 text-sm text-toned">
-          Validate whether a Plex token can communicate with the <code>plex.tv</code> API.
-        </p>
-      </div>
-    </div>
-
-    <UCard class="border border-default/70 bg-default/90 shadow-sm" :ui="cardUi">
-      <template #header>
-        <div class="inline-flex items-center gap-2 text-base font-semibold text-highlighted">
-          <UIcon name="i-lucide-key-round" class="size-4 shrink-0 text-toned" />
-          <span>X-Plex-Token</span>
-        </div>
-      </template>
-
-      <form class="space-y-4" @submit.prevent="validateToken">
-        <UAlert
-          v-if="success"
-          color="success"
-          variant="soft"
-          icon="i-lucide-circle-check"
-          title="Validation succeeded"
-          :description="success"
-          close
-          @update:open="success = ''"
-        />
-
-        <UAlert
-          v-if="error"
-          color="error"
-          variant="soft"
-          icon="i-lucide-triangle-alert"
-          title="Validation failed"
-          :description="error"
-          close
-          @update:open="error = ''"
-        />
-
-        <UFormField label="" name="plex-token" required>
-          <div class="flex flex-col gap-3 sm:flex-row sm:items-start">
-            <UInput
-              v-model="token"
-              required
-              :type="false === exposeToken ? 'password' : 'text'"
-              placeholder="X-Plex-Token"
-              icon="i-lucide-key-round"
-              class="w-full"
-              :disabled="isLoading"
-            />
-
-            <UTooltip text="Toggle token visibility">
-              <UButton
-                type="button"
-                color="neutral"
-                variant="outline"
-                size="sm"
-                :icon="exposeToken ? 'i-lucide-eye-off' : 'i-lucide-eye'"
-                :aria-label="exposeToken ? 'Hide token' : 'Show token'"
-                class="whitespace-nowrap"
-                :disabled="isLoading"
-                @click="exposeToken = !exposeToken"
-              />
-            </UTooltip>
-          </div>
-
-          <p class="mt-2 text-sm text-toned">
-            Need a token?
-            <NuxtLink
-              target="_blank"
-              to="https://support.plex.tv/articles/204059436-finding-an-authentication-token-x-plex-token/"
-              class="text-primary"
-            >
-              Read the Plex article
-            </NuxtLink>
-            .
-          </p>
-        </UFormField>
-      </form>
-
-      <template #footer>
-        <div class="flex flex-wrap items-center justify-end gap-2">
-          <UButton
-            color="primary"
-            variant="solid"
-            size="sm"
-            icon="i-lucide-circle-check"
-            :loading="isLoading"
-            :disabled="!token || isLoading"
-            @click="validateToken"
-          >
-            {{ isLoading ? 'Validating...' : 'Validate Token' }}
-          </UButton>
-        </div>
-      </template>
-    </UCard>
-  </main>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import { useHead } from '#app';
-import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
-import { parse_api_response, request } from '~/utils';
-import type { GenericResponse } from '~/types';
-
-useHead({ title: 'Validate Plex Token' });
-
-const pageShell = requireTopLevelPageShell('plex-token');
-
-const isLoading = ref<boolean>(false);
-const token = ref<string>('');
-const error = ref<string>('');
-const success = ref<string>('');
-const exposeToken = ref<boolean>(false);
-
-const cardUi = {
-  header: 'p-4',
-  body: 'px-4 pb-4 pt-0',
-  footer: 'px-4 pb-4 pt-0',
-};
-
-const validateToken = async (): Promise<void> => {
-  error.value = '';
-  success.value = '';
-
-  if (!token.value) {
-    error.value = 'Please enter a valid token.';
-    return;
-  }
-
-  try {
-    isLoading.value = true;
-
-    const response = await request('/backends/validate/token/plex', {
-      method: 'POST',
-      body: JSON.stringify({ token: token.value }),
-    });
-
-    const resp = await parse_api_response<GenericResponse>(response);
-
-    if ('error' in resp) {
-      error.value = resp.error.message;
-      return;
-    }
-
-    success.value = resp.info.message;
-  } catch (caughtError: unknown) {
-    const message = caughtError instanceof Error ? caughtError.message : 'Unexpected error';
-    error.value = `An error occurred while validating the token. ${message}`;
-  } finally {
-    isLoading.value = false;
-  }
-};
-</script>
diff --git a/frontend/app/pages/url_check.vue b/frontend/app/pages/url_check.vue
index 29a5862d..3ff2d22b 100644
--- a/frontend/app/pages/url_check.vue
+++ b/frontend/app/pages/url_check.vue
@@ -1,19 +1,8 @@
 <template>
-  <main class="w-full min-w-0 max-w-full space-y-4">
-    <div class="flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between">
-      <div class="space-y-1">
-        <div
-          class="flex items-center gap-2 text-xs font-medium uppercase tracking-[0.2em] text-toned"
-        >
-          <UIcon :name="pageShell.icon" class="size-4" />
-          <span>{{ pageShell.sectionLabel }}</span>
-          <span>/</span>
-          <span>{{ pageShell.pageLabel }}</span>
-        </div>
-      </div>
-
-      <div v-if="hasResponse" class="flex flex-wrap items-center justify-end gap-2">
-        <UTooltip text="Copy request and response">
+  <main class="w-full min-w-0 max-w-full space-y-6">
+    <PageHeader v-bind="pageShell">
+      <template #actions>
+        <UTooltip v-if="hasResponse" text="Copy request and response">
           <UButton
             color="neutral"
             variant="outline"
@@ -24,10 +13,10 @@
             <span class="hidden sm:inline">Copy</span>
           </UButton>
         </UTooltip>
-      </div>
-    </div>
+      </template>
+    </PageHeader>
 
-    <UCard class="border border-default/70 bg-default/90 shadow-sm" :ui="formCardUi">
+    <UCard class="shadow-sm" :ui="formCardUi">
       <template #header>
         <div class="inline-flex items-center gap-2 text-base font-semibold text-highlighted">
           <UIcon name="i-lucide-send" class="size-4 shrink-0 text-toned" />
@@ -182,7 +171,7 @@
     </UCard>
 
     <div v-if="hasResponse" class="grid gap-4 xl:grid-cols-[minmax(0,18rem)_minmax(0,1fr)]">
-      <UCard class="border border-default/70 bg-default/90 shadow-sm" :ui="summaryCardUi">
+      <UCard class="shadow-sm" :ui="summaryCardUi">
         <template #header>
           <div class="inline-flex items-center gap-2 text-sm font-semibold text-highlighted">
             <UIcon name="i-lucide-activity" class="size-4 text-toned" />
@@ -222,7 +211,7 @@
         </div>
       </UCard>
 
-      <UCard class="border border-default/70 bg-default/90 shadow-sm" :ui="resultCardUi">
+      <UCard class="shadow-sm" :ui="resultCardUi">
         <template #header>
           <div class="inline-flex items-center gap-2 text-sm font-semibold text-highlighted">
             <UIcon name="i-lucide-panels-top-left" class="size-4 text-toned" />
@@ -288,6 +277,7 @@
 import { computed, nextTick, ref, watch } from 'vue';
 import { useHead } from '#app';
 import type { TableColumn } from '@nuxt/ui';
+import PageHeader from '~/components/PageHeader.vue';
 import { requireTopLevelPageShell } from '~/utils/topLevelNavigation';
 import { copyText, notification, parse_api_response, request } from '~/utils';
 import { useDialog } from '~/composables/useDialog';
@@ -332,7 +322,7 @@ const templates = ref<Array<{ id: number; key: string; override: Item }>>([
       url: 'http://[ip:port]/system/Info',
       headers: [
         { key: 'Accept', value: 'application/json' },
-        { key: 'X-MediaBrowser-Token', value: '[API_KEY]' },
+        { key: 'Authorization', value: 'MediaBrowser Token="[API_KEY]"' },
       ],
     },
   },
@@ -389,10 +379,19 @@ const templates = ref<Array<{ id: number; key: string; override: Item }>>([
       url: 'http://[ip:port]/items',
       headers: [
         { key: 'Accept', value: 'application/json' },
-        { key: 'X-MediaBrowser-Token', value: '[API_KEY]' },
+        { key: 'Authorization', value: 'MediaBrowser Token="[API_KEY]"' },
       ],
     },
   },
+  {
+    id: 7,
+    key: 'Plex.tv: Validate Token',
+    override: {
+      method: 'GET',
+      url: 'https://plex.tv/api/v2/user',
+      headers: [{ key: 'X-Plex-Token', value: '[PLEX_TOKEN]' }],
+    },
+  },
 ]);
 const methods = ref<Array<string>>(['GET', 'POST', 'PUT', 'PATCH', 'HEAD', 'DELETE']);
 
diff --git a/frontend/app/types/index.d.ts b/frontend/app/types/index.d.ts
index dd3422d7..37a5d001 100644
--- a/frontend/app/types/index.d.ts
+++ b/frontend/app/types/index.d.ts
@@ -166,6 +166,15 @@ export type PlayerSubtitleDeliveryFormat = 'vtt' | 'ass';
 
 export type PlayerSubtitleDeliveryMode = 'burned' | 'soft';
 
+export interface WatchStatePageHeaderProps {
+  icon?: string;
+  sectionLabel?: string;
+  pageLabel?: string;
+  description?: string;
+  contentClass?: string;
+  headingClass?: string;
+}
+
 export interface PlayerSubtitleTrack {
   id: string;
   source: string;
@@ -1477,3 +1486,185 @@ export interface OpenAPIPathItem {
   patch?: OpenAPIOperation;
   trace?: OpenAPIOperation;
 }
+
+/**
+ * Backend spec keys exposed by the OpenAPI browser.
+ */
+export type OpenAPIBackendKey = 'plex' | 'jellyfin' | 'emby';
+
+/**
+ * Summarized OpenAPI parameter used by the route browser and the "try it out" modal.
+ */
+export interface OpenAPIRouteParameter {
+  key: string;
+  name: string;
+  location: string;
+  description: string;
+  required: boolean;
+  schemaSummary: string;
+  shape: string;
+  schemaType: string;
+  schemaFormat: string;
+  schemaEnum: Array<string>;
+  example: string;
+}
+
+/**
+ * Summarized OpenAPI request body used by the route browser and the "try it out" modal.
+ */
+export interface OpenAPIRouteRequestBody {
+  description: string;
+  required: boolean;
+  mediaType: string;
+  schemaSummary: string;
+  shape: string;
+  example: string;
+}
+
+/**
+ * Flattened OpenAPI operation used by the route browser and the "try it out" modal.
+ */
+export interface OpenAPIRouteEntry {
+  key: string;
+  method: string;
+  path: string;
+  summary: string;
+  operationId: string;
+  tags: Array<string>;
+  deprecated: boolean;
+  parameters: Array<OpenAPIRouteParameter>;
+  requestBody: OpenAPIRouteRequestBody | null;
+}
+
+/**
+ * Request side of the proxy exchange envelope returned by /backend/{name}/proxy.
+ */
+export interface ProxyExchangeRequest {
+  method: string;
+  url: string;
+  headers: Record<string, string>;
+}
+
+/**
+ * Response side of the proxy exchange envelope returned by /backend/{name}/proxy.
+ */
+export interface ProxyExchangeResponse {
+  status: number;
+  headers: Record<string, string>;
+  body: string;
+}
+
+/**
+ * Exchange envelope returned by the backend proxy and the system URL checker.
+ *
+ * Matches the shape produced by {@link https://watchstate.dev/api POST /v1/api/backend/{name}/proxy}
+ * and POST /v1/api/system/url/check, so the same response viewer can render either payload.
+ */
+export interface ProxyExchange {
+  request: ProxyExchangeRequest;
+  response: ProxyExchangeResponse;
+}
+
+/**
+ * System report response from /api/system/report endpoint.
+ */
+export interface SystemReport {
+  /** ISO 8601 generation timestamp */
+  generated_at: string;
+  /** System runtime information */
+  system: SystemReportSystem;
+  /** List of configured user names */
+  users: Array<string>;
+  /** Backend diagnostics */
+  backends: Array<SystemReportBackend>;
+  /** Log suppression rules */
+  suppression: SystemReportSuppression;
+  /** Scheduled tasks */
+  tasks: Array<SystemReportTask>;
+  /** Recent log entries grouped by type and day */
+  logs: Array<SystemReportLog>;
+}
+
+/**
+ * System runtime info block.
+ */
+export interface SystemReportSystem {
+  version: string;
+  php_version: string;
+  sapi: string;
+  timezone: string;
+  data_path: string;
+  temp_path: string;
+  database_migrated: boolean;
+  env_file_exists: boolean;
+  scheduler_running: boolean;
+  scheduler_message: string;
+  in_container: boolean;
+}
+
+/**
+ * Backend diagnostics entry.
+ */
+export interface SystemReportBackend {
+  name: string;
+  user: string;
+  type: string;
+  version: string | null;
+  https: boolean;
+  has_uuid: boolean;
+  has_user: boolean;
+  export: {
+    enabled: boolean;
+    last_sync: number | null;
+    playlist_last_sync: number | null;
+  };
+  import: {
+    enabled: boolean;
+    metadata_refresh: boolean;
+    last_sync: number | null;
+    playlist_last_sync: number | null;
+  };
+  options: Record<string, unknown>;
+  sample_entries?: Array<Record<string, unknown>>;
+}
+
+/**
+ * Log suppression rules block.
+ */
+export interface SystemReportSuppression {
+  file_exists: boolean;
+  rules: Record<string, unknown> | null;
+  error: string | null;
+}
+
+/**
+ * Scheduled task entry.
+ */
+export interface SystemReportTask {
+  name: string;
+  enabled: boolean;
+  args: string | null;
+  timer: string | null;
+  next_run: string | null;
+  error: string | null;
+}
+
+/**
+ * Log section grouped by type (merging today and yesterday).
+ */
+export interface SystemReportLog {
+  /** Log type: 'app', 'access', or 'task' */
+  type: string;
+  entries: Array<SystemReportLogEntry>;
+}
+
+/**
+ * Individual log entry in a report log section.
+ */
+export interface SystemReportLogEntry {
+  datetime: string;
+  level: string;
+  logger: string;
+  message: string;
+  separator?: boolean;
+}
diff --git a/frontend/app/utils/topLevelNavigation.ts b/frontend/app/utils/topLevelNavigation.ts
index 095499d1..153860ab 100644
--- a/frontend/app/utils/topLevelNavigation.ts
+++ b/frontend/app/utils/topLevelNavigation.ts
@@ -23,7 +23,6 @@ type TopLevelEntryId =
   | 'duplicate'
   | 'url-check'
   | 'env'
-  | 'plex-token'
   | 'custom'
   | 'ignore'
   | 'suppression'
@@ -56,11 +55,13 @@ type TopLevelNavigationDefinition = {
   label: string;
   pageLabel?: string;
   breadcrumbSectionLabel?: string;
+  description?: string;
   icon: string;
   to?: string;
   href?: string;
   target?: string;
   matchPath?: string;
+  additionalMatchPaths?: Array<string>;
   exactMatch?: boolean;
   excludeMatchPaths?: Array<string>;
   visible?: (context: TopLevelNavigationContext) => boolean;
@@ -87,6 +88,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Home',
     pageLabel: 'Home',
     breadcrumbSectionLabel: 'Overview',
+    description: 'Recent activities.',
     icon: 'i-lucide-house',
     to: '/',
     matchPath: '/',
@@ -97,6 +99,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'History',
     pageLabel: 'History',
     breadcrumbSectionLabel: 'Activity',
+    description: 'Tracked play-state changes across backends.',
     icon: 'i-lucide-history',
     to: '/history',
     matchPath: '/history',
@@ -107,6 +110,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Events',
     pageLabel: 'Events',
     breadcrumbSectionLabel: 'Activity',
+    description: 'Inspect recent events and their status.',
     icon: 'i-lucide-calendar-days',
     to: '/events',
     matchPath: '/events',
@@ -117,9 +121,11 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Backends',
     pageLabel: 'Backends',
     breadcrumbSectionLabel: 'Configuration',
+    description: 'Manage backend connections.',
     icon: 'i-lucide-server',
     to: '/backends',
     matchPath: '/backends',
+    additionalMatchPaths: ['/backend'],
   },
   {
     id: 'env',
@@ -127,6 +133,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Environment',
     pageLabel: 'Environment',
     breadcrumbSectionLabel: 'Configuration',
+    description: 'Edit configuration variables.',
     icon: 'i-lucide-sliders-horizontal',
     to: '/env',
     matchPath: '/env',
@@ -137,6 +144,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Custom GUIDs',
     pageLabel: 'Custom GUIDs',
     breadcrumbSectionLabel: 'Configuration',
+    description: 'Map custom GUIDs between backends.',
     icon: 'i-lucide-map',
     to: '/custom',
     matchPath: '/custom',
@@ -147,6 +155,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Ignore Rules',
     pageLabel: 'Ignore Rules',
     breadcrumbSectionLabel: 'Configuration',
+    description: 'Exclude specific GUIDs from processing.',
     icon: 'i-lucide-ban',
     to: '/ignore',
     matchPath: '/ignore',
@@ -157,6 +166,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Identities',
     pageLabel: 'Identities',
     breadcrumbSectionLabel: 'Configuration',
+    description: 'Manage user identities.',
     icon: 'i-lucide-users',
     to: '/identities',
     matchPath: '/identities',
@@ -167,6 +177,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Tasks',
     pageLabel: 'Tasks',
     breadcrumbSectionLabel: 'Operations',
+    description: 'Run and inspect scheduled tasks.',
     icon: 'i-lucide-list-checks',
     to: '/tasks',
     matchPath: '/tasks',
@@ -177,6 +188,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Logs',
     pageLabel: 'Logs',
     breadcrumbSectionLabel: 'Operations',
+    description: 'Application, task, and access logs.',
     icon: 'i-lucide-scroll-text',
     to: '/logs',
     matchPath: '/logs',
@@ -187,6 +199,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Console',
     pageLabel: 'Console',
     breadcrumbSectionLabel: 'Operations',
+    description: 'Run CLI commands.',
     icon: 'i-lucide-terminal',
     to: '/console',
     matchPath: '/console',
@@ -197,6 +210,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Backups',
     pageLabel: 'Backups',
     breadcrumbSectionLabel: 'Operations',
+    description: 'Download and restore database snapshots.',
     icon: 'i-lucide-hard-drive-download',
     to: '/backup',
     matchPath: '/backup',
@@ -207,6 +221,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'System Report',
     pageLabel: 'System Report',
     breadcrumbSectionLabel: 'Diagnostics',
+    description: 'Diagnostic report for submitting bugs.',
     icon: 'i-lucide-flag',
     to: '/report',
     matchPath: '/report',
@@ -217,6 +232,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Data Parity',
     pageLabel: 'Data Parity',
     breadcrumbSectionLabel: 'Diagnostics',
+    description: 'Check data consistency across backends.',
     icon: 'i-lucide-database',
     to: '/parity',
     matchPath: '/parity',
@@ -227,6 +243,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Files Integrity',
     pageLabel: 'Files Integrity',
     breadcrumbSectionLabel: 'Diagnostics',
+    description: 'Verify local media files still exist.',
     icon: 'i-lucide-file-check-2',
     to: '/integrity',
     matchPath: '/integrity',
@@ -237,6 +254,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Duplicate Refs',
     pageLabel: 'Duplicate Refs',
     breadcrumbSectionLabel: 'Diagnostics',
+    description: 'Find duplicate history records.',
     icon: 'i-lucide-copy',
     to: '/duplicate',
     matchPath: '/duplicate',
@@ -247,26 +265,18 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'URL Checker',
     pageLabel: 'URL Checker',
     breadcrumbSectionLabel: 'Diagnostics',
+    description: 'Test WatchState reachability.',
     icon: 'i-lucide-link',
     to: '/url_check',
     matchPath: '/url_check',
   },
-  {
-    id: 'plex-token',
-    section: 'diagnostics',
-    label: 'Plex Token',
-    pageLabel: 'Plex Token',
-    breadcrumbSectionLabel: 'Diagnostics',
-    icon: 'i-lucide-key-round',
-    to: '/tools/plex_token',
-    matchPath: '/tools/plex_token',
-  },
   {
     id: 'processes',
     section: 'system',
     label: 'Processes',
     pageLabel: 'Processes',
     breadcrumbSectionLabel: 'System',
+    description: 'Show active processes.',
     icon: 'i-lucide-cpu',
     to: '/processes',
     matchPath: '/processes',
@@ -277,6 +287,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Suppression',
     pageLabel: 'Suppression',
     breadcrumbSectionLabel: 'System',
+    description: 'Filter out noisy log entries.',
     icon: 'i-lucide-bug-off',
     to: '/suppression',
     matchPath: '/suppression',
@@ -287,6 +298,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Purge Cache',
     pageLabel: 'Purge Cache',
     breadcrumbSectionLabel: 'System',
+    description: 'Clear cached data.',
     icon: 'i-lucide-trash-2',
     to: '/purge_cache',
     matchPath: '/purge_cache',
@@ -297,6 +309,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Reset',
     pageLabel: 'Reset',
     breadcrumbSectionLabel: 'System',
+    description: 'Reset the application state.',
     icon: 'i-lucide-rotate-ccw',
     to: '/reset',
     matchPath: '/reset',
@@ -307,6 +320,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Prune',
     pageLabel: 'Prune',
     breadcrumbSectionLabel: 'System',
+    description: 'Remove old or orphaned records.',
     icon: 'i-lucide-scissors',
     to: '/prune',
     matchPath: '/prune',
@@ -317,6 +331,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Guides',
     pageLabel: 'Guides',
     breadcrumbSectionLabel: 'Help',
+    description: 'User guides and documentation.',
     icon: 'i-lucide-circle-help',
     to: '/help',
     matchPath: '/help',
@@ -328,6 +343,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'API',
     pageLabel: 'API',
     breadcrumbSectionLabel: 'Help',
+    description: 'WatchState API documentation.',
     icon: 'i-lucide-book-open',
     to: '/help/api',
     matchPath: '/help/api',
@@ -338,6 +354,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'OpenAPI',
     pageLabel: 'OpenAPI',
     breadcrumbSectionLabel: 'Help',
+    description: 'Media servers OpenAPI specification.',
     icon: 'i-lucide-braces',
     to: '/help/openapi',
     matchPath: '/help/openapi',
@@ -348,6 +365,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'README',
     pageLabel: 'README',
     breadcrumbSectionLabel: 'Help',
+    description: 'Project overview and setup instructions.',
     icon: 'i-lucide-file-text',
     to: '/help/readme',
     matchPath: '/help/readme',
@@ -358,6 +376,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'FAQ',
     pageLabel: 'FAQ',
     breadcrumbSectionLabel: 'Help',
+    description: 'Frequently asked questions.',
     icon: 'i-lucide-circle-help',
     to: '/help/faq',
     matchPath: '/help/faq',
@@ -368,6 +387,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'News',
     pageLabel: 'News',
     breadcrumbSectionLabel: 'Help',
+    description: 'Project news history.',
     icon: 'i-lucide-newspaper',
     to: '/help/news',
     matchPath: '/help/news',
@@ -378,6 +398,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'Changelog',
     pageLabel: 'Changelog',
     breadcrumbSectionLabel: 'Help',
+    description: 'Application changelog.',
     icon: 'i-lucide-scroll-text',
     to: '/changelog',
     matchPath: '/changelog',
@@ -388,6 +409,7 @@ const TOP_LEVEL_NAVIGATION: Array<TopLevelNavigationDefinition> = [
     label: 'GitHub',
     pageLabel: 'GitHub',
     breadcrumbSectionLabel: 'Help',
+    description: 'Project source code and issue tracker.',
     icon: 'i-lucide-github',
     href: 'https://github.com/arabcoders/watchstate',
     target: '_blank',
@@ -442,6 +464,7 @@ export const getTopLevelPageShell = (
       icon: string;
       sectionLabel: string;
       pageLabel: string;
+      description: string;
     }
   | undefined => {
   const entry = getTopLevelNavigationEntryById(id, context);
@@ -453,6 +476,7 @@ export const getTopLevelPageShell = (
     icon: entry.icon,
     sectionLabel: entry.breadcrumbSectionLabel ?? entry.sectionLabel,
     pageLabel: entry.pageLabel ?? entry.label,
+    description: entry.description ?? '',
   };
 };
 
@@ -463,6 +487,7 @@ export const requireTopLevelPageShell = (
   icon: string;
   sectionLabel: string;
   pageLabel: string;
+  description: string;
 } => {
   const shell = getTopLevelPageShell(id, context);
 
diff --git a/frontend/bun.lock b/frontend/bun.lock
index fca520b6..5992f1f6 100644
--- a/frontend/bun.lock
+++ b/frontend/bun.lock
@@ -5,41 +5,41 @@
     "": {
       "name": "nuxt-app",
       "dependencies": {
-        "@iconify-json/lucide": "^1.2.111",
-        "@microsoft/fetch-event-source": "^2.0.1",
-        "@noble/hashes": "^2.2.0",
-        "@nuxt/eslint": "^1.15.2",
-        "@nuxt/eslint-config": "^1.15.2",
-        "@nuxt/ui": "^4.8.2",
-        "@pinia/nuxt": "^0.11.3",
-        "@vueuse/core": "^14.3.0",
-        "@vueuse/nuxt": "^14.3.0",
-        "@xterm/addon-fit": "^0.11.0",
-        "@xterm/xterm": "^6.0.0",
-        "assjs": "^0.1.7",
-        "cronstrue": "^3.14.0",
-        "hls.js": "^1.6.16",
-        "marked": "^18.0.5",
-        "marked-alert": "^2.1.2",
-        "marked-base-url": "^1.1.9",
-        "marked-gfm-heading-id": "^4.1.4",
-        "moment": "^2.30.1",
-        "nuxt": "^4.4.7",
-        "pinia": "^3.0.4",
-        "tailwindcss": "^4.3.0",
-        "vue": "^3.5.35",
-        "vue-router": "^5.1.0",
-        "vuedraggable": "^4.1.0",
+        "@iconify-json/lucide": "latest",
+        "@microsoft/fetch-event-source": "latest",
+        "@noble/hashes": "latest",
+        "@nuxt/eslint": "latest",
+        "@nuxt/eslint-config": "latest",
+        "@nuxt/ui": "latest",
+        "@pinia/nuxt": "latest",
+        "@vueuse/core": "latest",
+        "@vueuse/nuxt": "latest",
+        "@xterm/addon-fit": "latest",
+        "@xterm/xterm": "latest",
+        "assjs": "latest",
+        "cronstrue": "latest",
+        "hls.js": "latest",
+        "marked": "latest",
+        "marked-alert": "latest",
+        "marked-base-url": "latest",
+        "marked-gfm-heading-id": "latest",
+        "moment": "latest",
+        "nuxt": "latest",
+        "pinia": "latest",
+        "tailwindcss": "latest",
+        "vue": "latest",
+        "vue-router": "latest",
+        "vuedraggable": "latest",
       },
       "devDependencies": {
-        "@types/bun": "^1.3.14",
-        "@types/node": "25.6.0",
-        "@typescript-eslint/parser": "^8.60.1",
-        "eslint": "^10.4.1",
-        "oxfmt": "^0.47.0",
-        "typescript": "^6.0.3",
-        "vue-eslint-parser": "^10.4.1",
-        "vue-tsc": "^3.3.3",
+        "@types/bun": "latest",
+        "@types/node": "latest",
+        "@typescript-eslint/parser": "latest",
+        "eslint": "latest",
+        "oxfmt": "latest",
+        "typescript": "latest",
+        "vue-eslint-parser": "latest",
+        "vue-tsc": "latest",
       },
     },
   },
@@ -223,7 +223,7 @@
 
     "@humanwhocodes/retry": ["@humanwhocodes/retry@0.4.3", "", {}, "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ=="],
 
-    "@iconify-json/lucide": ["@iconify-json/lucide@1.2.111", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-S6oXom2YOKuXFxWofhHa2oq++Z3WeZ78dRFDA7aEEJqyNCJlQd1UGAfN8u2gD2NzvYotmm+j5kH678viWfZbGQ=="],
+    "@iconify-json/lucide": ["@iconify-json/lucide@1.2.113", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-hfHPXZmLAsZkEfSd4kKRPMRM2HOQz1k11XWtSReEWeecOM+nLtZlfHAzv8nSsrJw2scLz3DKqosNMNXd3mP60Q=="],
 
     "@iconify/collections": ["@iconify/collections@1.0.691", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-n6dqyILpgspOZ0vCgfAKlh2vKaCNxKHMCZlQnZZoi5cygpPlNBHbxlJ4MKTzVRMXAa7aTKV2M8ZiEjIX3B++rw=="],
 
@@ -291,21 +291,21 @@
 
     "@nuxt/fonts": ["@nuxt/fonts@0.14.0", "", { "dependencies": { "@nuxt/devtools-kit": "^3.2.1", "@nuxt/kit": "^4.2.2", "consola": "^3.4.2", "defu": "^6.1.4", "fontless": "^0.2.1", "h3": "^1.15.5", "magic-regexp": "^0.10.0", "ofetch": "^1.5.1", "pathe": "^2.0.3", "sirv": "^3.0.2", "tinyglobby": "^0.2.15", "ufo": "^1.6.3", "unifont": "^0.7.4", "unplugin": "^3.0.0", "unstorage": "^1.17.4" } }, "sha512-4uXQl9fa5F4ibdgU8zomoOcyMdnwgdem+Pi8JEqeDYI5yPR32Kam6HnuRr47dTb97CstaepAvXPWQUUHMtjsFQ=="],
 
-    "@nuxt/icon": ["@nuxt/icon@2.2.2", "", { "dependencies": { "@iconify/collections": "^1.0.679", "@iconify/types": "^2.0.0", "@iconify/utils": "^3.1.1", "@iconify/vue": "^5.0.0", "@nuxt/devtools-kit": "^3.2.4", "@nuxt/kit": "^4.4.4", "consola": "^3.4.2", "local-pkg": "^1.1.2", "mlly": "^1.8.2", "ohash": "^2.0.11", "pathe": "^2.0.3", "picomatch": "^4.0.4", "std-env": "^4.1.0", "tinyglobby": "^0.2.16" } }, "sha512-K9wINW21M9x5GcKF5JEXzPKAT/Kfxl/vdnEyppw54hh5qoLcdi5HmsYoTfDP9gbJ6Z1T6IdH5JxBWk72HMe1Zg=="],
+    "@nuxt/icon": ["@nuxt/icon@2.2.3", "", { "dependencies": { "@iconify/collections": "^1.0.691", "@iconify/types": "^2.0.0", "@iconify/utils": "^3.1.3", "@iconify/vue": "^5.0.1", "@nuxt/devtools-kit": "^3.2.4", "@nuxt/kit": "^4.4.6", "consola": "^3.4.2", "local-pkg": "^1.2.1", "mlly": "^1.8.2", "ohash": "^2.0.11", "picomatch": "^4.0.4", "std-env": "^4.1.0", "tinyglobby": "^0.2.17", "ufo": "^1.6.4" } }, "sha512-2HWDoMRWGSOWl7fu8wvvLTjoiaEwM7tSDww+6n4yVrNzKJFNAOLpYB9UevEf0CrK32q2JuA7TZnVpdwiPPdQSQ=="],
 
     "@nuxt/kit": ["@nuxt/kit@4.4.8", "", { "dependencies": { "c12": "^3.3.4", "consola": "^3.4.2", "defu": "^6.1.7", "destr": "^2.0.5", "errx": "^0.1.0", "exsolve": "^1.0.8", "ignore": "^7.0.5", "jiti": "^2.7.0", "klona": "^2.0.6", "mlly": "^1.8.2", "ohash": "^2.0.11", "pathe": "^2.0.3", "pkg-types": "^2.3.1", "rc9": "^3.0.1", "scule": "^1.3.0", "semver": "^7.8.1", "tinyglobby": "^0.2.17", "ufo": "^1.6.4", "unctx": "^2.5.0", "untyped": "^2.0.0" } }, "sha512-ZUlZ5iYfyfJFDPluhn6ZxFWcsuxWbLnZBc8w3MAROcQ4lYfZ+qFpALBLSNlpc0zhOa++33EE+5PEbOAdVIY+dw=="],
 
     "@nuxt/nitro-server": ["@nuxt/nitro-server@4.4.8", "", { "dependencies": { "@nuxt/devalue": "^2.0.2", "@nuxt/kit": "4.4.8", "@unhead/vue": "^2.1.15", "@vue/shared": "^3.5.35", "consola": "^3.4.2", "defu": "^6.1.7", "destr": "^2.0.5", "devalue": "^5.8.1", "errx": "^0.1.0", "escape-string-regexp": "^5.0.0", "exsolve": "^1.0.8", "h3": "^1.15.11", "impound": "^1.1.5", "klona": "^2.0.6", "mocked-exports": "^0.1.1", "nitropack": "^2.13.4", "nypm": "^0.6.6", "ohash": "^2.0.11", "pathe": "^2.0.3", "rou3": "^0.8.1", "std-env": "^4.1.0", "ufo": "^1.6.4", "unctx": "^2.5.0", "unstorage": "^1.17.5", "vue": "^3.5.35", "vue-bundle-renderer": "^2.2.0", "vue-devtools-stub": "^0.1.0" }, "peerDependencies": { "@babel/plugin-proposal-decorators": "^7.25.0", "@babel/plugin-syntax-typescript": "^7.25.0", "@rollup/plugin-babel": "^6.0.0 || ^7.0.0", "nuxt": "^4.4.8" }, "optionalPeers": ["@babel/plugin-proposal-decorators", "@babel/plugin-syntax-typescript", "@rollup/plugin-babel"] }, "sha512-cc1fxgSx34Htesx3JBO+hMhbqd6VljXDC06P+UOA5z53cR224TmEFYT/MUuZDkrtt4qLnSG8yq0IxhEM3NCUlw=="],
 
-    "@nuxt/schema": ["@nuxt/schema@4.4.7", "", { "dependencies": { "@vue/shared": "^3.5.35", "defu": "^6.1.7", "pathe": "^2.0.3", "pkg-types": "^2.3.1", "std-env": "^4.1.0" } }, "sha512-jcyXJlOR/GmxDQHrIEdEevUCUuBv7B6GCQXIBt4oKTCasIwWgGuqo48IM35RsxdQVTb4tBohnqJbS2lKJlCBWg=="],
+    "@nuxt/schema": ["@nuxt/schema@4.4.8", "", { "dependencies": { "@vue/shared": "^3.5.35", "defu": "^6.1.7", "pathe": "^2.0.3", "pkg-types": "^2.3.1", "std-env": "^4.1.0" } }, "sha512-igfWuMF0x0Pmx/XwhPwH/bcXgbuwNnjUjqxCAsY6VQhmGKo0e9soJq3Q0ohj+rBkBfX6o2ysTP1/t2M82aK4qA=="],
 
     "@nuxt/telemetry": ["@nuxt/telemetry@2.8.0", "", { "dependencies": { "citty": "^0.2.1", "consola": "^3.4.2", "ofetch": "^2.0.0-alpha.3", "rc9": "^3.0.0", "std-env": "^4.0.0" }, "peerDependencies": { "@nuxt/kit": ">=3.0.0" }, "bin": { "nuxt-telemetry": "bin/nuxt-telemetry.mjs" } }, "sha512-zAwXY24KYvpLTmiV+osagd2EHkfs5IF+7oDZYTQoit5r0kPlwaCNlzHp5I/wUAWT4LBw6lG8gZ6bWidAdv/erQ=="],
 
-    "@nuxt/ui": ["@nuxt/ui@4.8.2", "", { "dependencies": { "@floating-ui/dom": "^1.7.6", "@iconify/vue": "^5.0.1", "@internationalized/date": "^3.12.2", "@internationalized/number": "^3.6.7", "@nuxt/fonts": "^0.14.0", "@nuxt/icon": "^2.2.2", "@nuxt/kit": "^4.4.7", "@nuxt/schema": "^4.4.7", "@nuxtjs/color-mode": "^3.5.2", "@standard-schema/spec": "^1.1.0", "@tailwindcss/postcss": "^4.3.0", "@tailwindcss/vite": "^4.3.0", "@tanstack/vue-table": "^8.21.3", "@tanstack/vue-virtual": "^3.13.26", "@tiptap/core": "^3.24.0", "@tiptap/extension-bubble-menu": "^3.24.0", "@tiptap/extension-code": "^3.24.0", "@tiptap/extension-collaboration": "^3.24.0", "@tiptap/extension-drag-handle": "^3.24.0", "@tiptap/extension-drag-handle-vue-3": "^3.24.0", "@tiptap/extension-floating-menu": "^3.24.0", "@tiptap/extension-horizontal-rule": "^3.24.0", "@tiptap/extension-image": "^3.24.0", "@tiptap/extension-mention": "^3.24.0", "@tiptap/extension-node-range": "^3.24.0", "@tiptap/extension-placeholder": "^3.24.0", "@tiptap/markdown": "^3.24.0", "@tiptap/pm": "^3.24.0", "@tiptap/starter-kit": "^3.24.0", "@tiptap/suggestion": "^3.24.0", "@tiptap/vue-3": "^3.24.0", "@unhead/vue": "^2.1.15", "@vueuse/core": "^14.3.0", "@vueuse/integrations": "^14.3.0", "@vueuse/shared": "^14.3.0", "colortranslator": "^5.0.0", "consola": "^3.4.2", "defu": "^6.1.7", "embla-carousel-auto-height": "^8.6.0", "embla-carousel-auto-scroll": "^8.6.0", "embla-carousel-autoplay": "^8.6.0", "embla-carousel-class-names": "^8.6.0", "embla-carousel-fade": "^8.6.0", "embla-carousel-vue": "^8.6.0", "embla-carousel-wheel-gestures": "^8.1.0", "fuse.js": "^7.4.0", "hookable": "^6.1.1", "knitwork": "^1.3.0", "magic-string": "^0.30.21", "mlly": "^1.8.2", "motion-v": "^2.2.1", "ohash": "^2.0.11", "pathe": "^2.0.3", "reka-ui": "2.9.9", "scule": "^1.3.0", "tailwind-merge": "^3.6.0", "tailwind-variants": "^3.2.2", "tailwindcss": "^4.3.0", "tinyglobby": "^0.2.17", "ufo": "^1.6.4", "unplugin": "^3.0.0", "unplugin-auto-import": "^21.0.0", "unplugin-vue-components": "^32.1.0", "vaul-vue": "0.4.1", "vue-component-type-helpers": "^3.3.3" }, "peerDependencies": { "@inertiajs/vue3": "^2.0.7 || ^3.0.0", "@nuxt/content": "^3.0.0", "joi": "^18.0.0", "superstruct": "^2.0.0", "typescript": "^5.6.3 || ^6.0.0", "valibot": "^1.0.0", "vue-router": "^4.5.0 || ^5.0.0", "yup": "^1.7.0", "zod": "^3.24.0 || ^4.0.0" }, "optionalPeers": ["@inertiajs/vue3", "@nuxt/content", "joi", "superstruct", "valibot", "vue-router", "yup", "zod"], "bin": { "nuxt-ui": "cli/index.mjs" } }, "sha512-ieBBUXKuHGGcNStDe8vQ/6mN03RPugveBPk6bFhsWygsiCVc9igrhB/kAXflae6jA5uc+sFx2HwDPpZumayciA=="],
+    "@nuxt/ui": ["@nuxt/ui@4.9.0", "", { "dependencies": { "@floating-ui/dom": "^1.7.6", "@iconify/vue": "^5.0.1", "@internationalized/date": "^3.12.2", "@internationalized/number": "^3.6.7", "@nuxt/fonts": "^0.14.0", "@nuxt/icon": "^2.2.3", "@nuxt/kit": "^4.4.8", "@nuxt/schema": "^4.4.8", "@nuxtjs/color-mode": "^4.0.1", "@standard-schema/spec": "^1.1.0", "@tailwindcss/postcss": "^4.3.1", "@tailwindcss/vite": "^4.3.1", "@tanstack/vue-table": "^8.21.3", "@tanstack/vue-virtual": "^3.13.28", "@tiptap/core": "^3.26.1", "@tiptap/extension-bubble-menu": "^3.26.1", "@tiptap/extension-code": "^3.26.1", "@tiptap/extension-collaboration": "^3.26.1", "@tiptap/extension-drag-handle": "^3.26.1", "@tiptap/extension-drag-handle-vue-3": "^3.26.1", "@tiptap/extension-floating-menu": "^3.26.1", "@tiptap/extension-horizontal-rule": "^3.26.1", "@tiptap/extension-image": "^3.26.1", "@tiptap/extension-mention": "^3.26.1", "@tiptap/extension-node-range": "^3.26.1", "@tiptap/extension-placeholder": "^3.26.1", "@tiptap/markdown": "^3.26.1", "@tiptap/pm": "^3.26.1", "@tiptap/starter-kit": "^3.26.1", "@tiptap/suggestion": "^3.26.1", "@tiptap/vue-3": "^3.26.1", "@unhead/vue": "^2.1.15", "@vueuse/core": "^14.3.0", "@vueuse/integrations": "^14.3.0", "@vueuse/shared": "^14.3.0", "colortranslator": "^5.0.0", "consola": "^3.4.2", "defu": "^6.1.7", "embla-carousel-auto-height": "^8.6.0", "embla-carousel-auto-scroll": "^8.6.0", "embla-carousel-autoplay": "^8.6.0", "embla-carousel-class-names": "^8.6.0", "embla-carousel-fade": "^8.6.0", "embla-carousel-vue": "^8.6.0", "embla-carousel-wheel-gestures": "^8.1.0", "fuse.js": "^7.4.2", "hookable": "^6.1.1", "knitwork": "^1.3.0", "magic-string": "^0.30.21", "mlly": "^1.8.2", "motion-v": "^2.3.0", "ohash": "^2.0.11", "pathe": "^2.0.3", "reka-ui": "2.9.10", "scule": "^1.3.0", "tailwind-merge": "^3.6.0", "tailwind-variants": "^3.2.2", "tailwindcss": "^4.3.1", "tinyglobby": "^0.2.17", "ufo": "^1.6.4", "unplugin": "^3.0.0", "unplugin-auto-import": "^21.0.0", "unplugin-vue-components": "^32.1.0", "vaul-vue": "0.4.1", "vue-component-type-helpers": "^3.3.5" }, "peerDependencies": { "@inertiajs/vue3": "^2.0.7 || ^3.0.0", "@nuxt/content": "^3.0.0", "joi": "^18.0.0", "superstruct": "^2.0.0", "typescript": "^5.6.3 || ^6.0.0", "valibot": "^1.0.0", "vue-router": "^4.5.0 || ^5.0.0", "yup": "^1.7.0", "zod": "^3.24.0 || ^4.0.0" }, "optionalPeers": ["@inertiajs/vue3", "@nuxt/content", "joi", "superstruct", "valibot", "vue-router", "yup", "zod"], "bin": { "nuxt-ui": "cli/index.mjs" } }, "sha512-ufcG2UsX6/SMqh/oa4pIKM5AHDDK1ZWRTe6f4+Y5/xFUh1TBD25o4eb35BGFap16Uy/iIow1ih8g8h8wcw1Wcg=="],
 
     "@nuxt/vite-builder": ["@nuxt/vite-builder@4.4.8", "", { "dependencies": { "@nuxt/kit": "4.4.8", "@rollup/plugin-replace": "^6.0.3", "@vitejs/plugin-vue": "^6.0.7", "@vitejs/plugin-vue-jsx": "^5.1.5", "autoprefixer": "^10.5.0", "consola": "^3.4.2", "cssnano": "^8.0.1", "defu": "^6.1.7", "escape-string-regexp": "^5.0.0", "exsolve": "^1.0.8", "get-port-please": "^3.2.0", "jiti": "^2.7.0", "knitwork": "^1.3.0", "magic-string": "^0.30.21", "mlly": "^1.8.2", "mocked-exports": "^0.1.1", "nypm": "^0.6.6", "pathe": "^2.0.3", "pkg-types": "^2.3.1", "postcss": "^8.5.15", "seroval": "^1.5.4", "std-env": "^4.1.0", "ufo": "^1.6.4", "unenv": "^2.0.0-rc.24", "vite": "^7.3.3", "vite-node": "^5.3.0", "vite-plugin-checker": "^0.14.1", "vue-bundle-renderer": "^2.2.0" }, "peerDependencies": { "@babel/plugin-proposal-decorators": "^7.25.0", "@babel/plugin-syntax-jsx": "^7.25.0", "nuxt": "4.4.8", "rolldown": "^1.0.0-beta.38", "rollup-plugin-visualizer": "^6.0.0 || ^7.0.1", "vue": "^3.3.4" }, "optionalPeers": ["@babel/plugin-proposal-decorators", "@babel/plugin-syntax-jsx", "rolldown", "rollup-plugin-visualizer"] }, "sha512-54M/k6qVY85Qeoe1m/lPZ0SANGJEbI50r5uYgh3XT942ENve3K5Nk6TMYp8i5wGGC4TWvPea+1mlCrp8rjsXag=="],
 
-    "@nuxtjs/color-mode": ["@nuxtjs/color-mode@3.5.2", "", { "dependencies": { "@nuxt/kit": "^3.13.2", "pathe": "^1.1.2", "pkg-types": "^1.2.1", "semver": "^7.6.3" } }, "sha512-cC6RfgZh3guHBMLLjrBB2Uti5eUoGM9KyauOaYS9ETmxNWBMTvpgjvSiSJp1OFljIXPIqVTJ3xtJpSNZiO3ZaA=="],
+    "@nuxtjs/color-mode": ["@nuxtjs/color-mode@4.0.1", "", { "dependencies": { "@nuxt/kit": "^4.4.6", "exsolve": "^1.0.8", "pathe": "^2.0.3", "pkg-types": "^2.3.1", "semver": "^7.8.1" } }, "sha512-eiA7hWXi5zNHaYKyJFCGF6i0wFZtuvR7KDXZ6jiSvwxjCpRFwphrw0MOSmNfArTSSsT1wpW+/2H92cejeVfUlg=="],
 
     "@oxc-minify/binding-android-arm-eabi": ["@oxc-minify/binding-android-arm-eabi@0.133.0", "", { "os": "android", "cpu": "arm" }, "sha512-D8M1+nqwLaACHZsld/t6f+cE4N97XOu5iQ88f1ZaYH4ptFzFrXo5N7wUKACTI4xmNUD+6W0Y4Apk5U2r8HLdBQ=="],
 
@@ -429,43 +429,43 @@
 
     "@oxc-transform/binding-win32-x64-msvc": ["@oxc-transform/binding-win32-x64-msvc@0.133.0", "", { "os": "win32", "cpu": "x64" }, "sha512-cADrfLvc/VeyvpvQS+t5ktqfyqyyGANZC5NHp++JAElacfXqq/+k8bYkjqMWzNZ3HxkJtL1qDHfZZCA9+4hlSQ=="],
 
-    "@oxfmt/binding-android-arm-eabi": ["@oxfmt/binding-android-arm-eabi@0.47.0", "", { "os": "android", "cpu": "arm" }, "sha512-KrMQRdMi/upr81qT4ijK6X6BNp6jqpMY7FwILQnwIy9QLc3qpnhUx5rsCLGzn4ewsCQ0CNAspN2ogmP1GXLyLw=="],
+    "@oxfmt/binding-android-arm-eabi": ["@oxfmt/binding-android-arm-eabi@0.55.0", "", { "os": "android", "cpu": "arm" }, "sha512-+rFDOqQe5LOWgxrAJaZgLRudr6GQm0wGI6gtu7vVkrdLGjNMUSGbAlaCr8j7F2H2Er97vYQCU8WDb30onqMM1g=="],
 
-    "@oxfmt/binding-android-arm64": ["@oxfmt/binding-android-arm64@0.47.0", "", { "os": "android", "cpu": "arm64" }, "sha512-r4ixS/PeUpAFKgrpDoZ5pSkthjZzVzKd95525Aazj+aOv9H4ulK5zYHGb7wFY5n5kZxHK8TbOJUZgoEb1ohddQ=="],
+    "@oxfmt/binding-android-arm64": ["@oxfmt/binding-android-arm64@0.55.0", "", { "os": "android", "cpu": "arm64" }, "sha512-ctulLq8s3x8Zmvw6+iccB09TIKERAklRSmbJ10gk8mlAn05qZxoyo52dj3Hi9IJcmDSwF54fQaTVh2CbL6PInw=="],
 
-    "@oxfmt/binding-darwin-arm64": ["@oxfmt/binding-darwin-arm64@0.47.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-CLWxiKpMl+195cm09CuaWEhJK0CirRkoMa07aR9+9AFPat2LfIKtwx1JqxZM0MTvcMe6+adlJNdVL6jdInvq3g=="],
+    "@oxfmt/binding-darwin-arm64": ["@oxfmt/binding-darwin-arm64@0.55.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-xDQczLH9pw/RBk1h/GH0qcGMm8hQtmtVHBNLSH3lk1gEIR09hZ4L+mJQl4VqiVAvPK9VG9PYrWWuSQLt7xTbiA=="],
 
-    "@oxfmt/binding-darwin-x64": ["@oxfmt/binding-darwin-x64@0.47.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-Xq5fjTYDC50faUeLSm0rZdBqoTgleXEdD7NpJdARtQIczkCJn3xNjMUSQQkUmh4CtxkKTNL68lytcOK3e/osgg=="],
+    "@oxfmt/binding-darwin-x64": ["@oxfmt/binding-darwin-x64@0.55.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-JaNoFCkF2CJdGgpPSMbuO9HVyXyoNGIhMHPvp6NYAjeVKw9XEYc0HcUWJLPQa3Q69WV5wMa9m5jPMJPtbLtcRg=="],
 
-    "@oxfmt/binding-freebsd-x64": ["@oxfmt/binding-freebsd-x64@0.47.0", "", { "os": "freebsd", "cpu": "x64" }, "sha512-QOU9ZIJ52p5askcEC0QJvvr8trHAWoonul8bgISo6gYUL3s50zkqafBYcNAr9LJZQbsZtPfIWHk9+5+nUp1qJQ=="],
+    "@oxfmt/binding-freebsd-x64": ["@oxfmt/binding-freebsd-x64@0.55.0", "", { "os": "freebsd", "cpu": "x64" }, "sha512-DNbszhpg6S2MIzax5azdHFTTBIVkR5xr8yyRZuA4yoDAwOkzIp3tmldgKZM2+VlT+hJIG0xUksA+elISzMEAfA=="],
 
-    "@oxfmt/binding-linux-arm-gnueabihf": ["@oxfmt/binding-linux-arm-gnueabihf@0.47.0", "", { "os": "linux", "cpu": "arm" }, "sha512-oJxDM1aBhPvz9gmElBv8UpxyiqhwfjcbrSxT5F0xtuUzY6dQI27/AQPIt3eu3Z5Yvn0kQl5R7MA3Z+MbnRvCBw=="],
+    "@oxfmt/binding-linux-arm-gnueabihf": ["@oxfmt/binding-linux-arm-gnueabihf@0.55.0", "", { "os": "linux", "cpu": "arm" }, "sha512-2snoaoRfFFyGnbOcKUK36rREBYxe/Xgz3uHbiA5zbCB/s6R4DQj4mHqYAaWWhgizCUSDxV8cE9zAZ0XleNpKGw=="],
 
-    "@oxfmt/binding-linux-arm-musleabihf": ["@oxfmt/binding-linux-arm-musleabihf@0.47.0", "", { "os": "linux", "cpu": "arm" }, "sha512-g8Lh50VS4ibGz2q6v7r9UZY4D0dM16SdrFYOMzhqIoCwGcai8VMIRUAcqn1/jlCsOOzUXJ741+kCeJt0cofakQ=="],
+    "@oxfmt/binding-linux-arm-musleabihf": ["@oxfmt/binding-linux-arm-musleabihf@0.55.0", "", { "os": "linux", "cpu": "arm" }, "sha512-q1aktHF/WRpSK81BX1dE/9vWrS2jGw1Nax2kb4DBLGAewubCLcoNyp4Zl/NSMgbv3vUS46Z33wIQkBVYOP3PYg=="],
 
-    "@oxfmt/binding-linux-arm64-gnu": ["@oxfmt/binding-linux-arm64-gnu@0.47.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-YrNT1vQ0asaXoRbrvYENPqmBfOQ9Xr8enPNOULeYfg44VjCcrUowFy5QZr+WawE0zyP8cH9e9Gxxg0fDEFzhcg=="],
+    "@oxfmt/binding-linux-arm64-gnu": ["@oxfmt/binding-linux-arm64-gnu@0.55.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-VD0y36aENezl/3tsclA/4G53Cc7iV+7Uoh7gz4yvcOTaEYBtJpQsE6PKDGTtUtOvGS4kv51ybfXY/nWZejO5IA=="],
 
-    "@oxfmt/binding-linux-arm64-musl": ["@oxfmt/binding-linux-arm64-musl@0.47.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-IxtQC/sbBi4ubbY+MdwdanRWrG9InQJVZqyMsBa5IUaQcnSg86gQme574HxXMC1p4bo4YhV99zQ+wNnGCvEgzw=="],
+    "@oxfmt/binding-linux-arm64-musl": ["@oxfmt/binding-linux-arm64-musl@0.55.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-r8xlKJFcsRmn0H5jZrdORae6RX9jDBrZVvOoxF+bCQtampQJClv80aZEHsv+NsLsp2KCE5ql79O7DpPVzYWpXA=="],
 
-    "@oxfmt/binding-linux-ppc64-gnu": ["@oxfmt/binding-linux-ppc64-gnu@0.47.0", "", { "os": "linux", "cpu": "ppc64" }, "sha512-EWXEhOMbWO0q6eJSbu0QLkU8cKi0ljlYLngeDs2Ocu/pm1rrLwyQiYzlFbdnMRURI4w9ndr1sI9rSbhlJ5o23Q=="],
+    "@oxfmt/binding-linux-ppc64-gnu": ["@oxfmt/binding-linux-ppc64-gnu@0.55.0", "", { "os": "linux", "cpu": "ppc64" }, "sha512-GRKv/HXHcwIVld/WU61rF0g0R16hl5EJ+ScKdpjevT57lnLnagj/U2YUbXf2mT+2Pg1uCzWC+mvGicPV3CDdLQ=="],
 
-    "@oxfmt/binding-linux-riscv64-gnu": ["@oxfmt/binding-linux-riscv64-gnu@0.47.0", "", { "os": "linux", "cpu": "none" }, "sha512-tZrjS11TUiDuEpRaqdk8K9F9xETRyKXfuZKmdeW+Gj7coBnm7+8sBEfyt033EAFEQSlkniAXvBLh+Qja2ioGBQ=="],
+    "@oxfmt/binding-linux-riscv64-gnu": ["@oxfmt/binding-linux-riscv64-gnu@0.55.0", "", { "os": "linux", "cpu": "none" }, "sha512-rdv57enTiPtpSYRMKfAiEbQb0Puw5t9N7isVinDoo5qeLDScro2gznmZqSgSWbVZRzLisTeCTW8Qwgw0bOHv3A=="],
 
-    "@oxfmt/binding-linux-riscv64-musl": ["@oxfmt/binding-linux-riscv64-musl@0.47.0", "", { "os": "linux", "cpu": "none" }, "sha512-KBFy+2CFKUCZzYwX2ZOPQKck1vjQbz+hextuc19G4r0WRJwadfAeuQMQRQvB+Ivc8brlbOVg7et8K7E467440g=="],
+    "@oxfmt/binding-linux-riscv64-musl": ["@oxfmt/binding-linux-riscv64-musl@0.55.0", "", { "os": "linux", "cpu": "none" }, "sha512-7v1nNrlD43VY6+sYQ6efYyb3lE6QY182304PD/768ZxTjOmFd/3dQa3u/nGBUAXYdGSWOQc5N3PnS0QzUXyEIA=="],
 
-    "@oxfmt/binding-linux-s390x-gnu": ["@oxfmt/binding-linux-s390x-gnu@0.47.0", "", { "os": "linux", "cpu": "s390x" }, "sha512-REUPFKVGSiK99B+9eaPhluEVglzaoj/SMykNC5SUiV2RSsBfV5lWN7Y0iCIc251Wz3GaeAGZsJ/zj3gjarxdFg=="],
+    "@oxfmt/binding-linux-s390x-gnu": ["@oxfmt/binding-linux-s390x-gnu@0.55.0", "", { "os": "linux", "cpu": "s390x" }, "sha512-f4lJLUSPOgScjFl9LiflKCTocyNRwE25JmTMbN4XQdDjoZzEHjqf3wA3VESF1/csg7i8m7+EQLbrZyYDqe10UQ=="],
 
-    "@oxfmt/binding-linux-x64-gnu": ["@oxfmt/binding-linux-x64-gnu@0.47.0", "", { "os": "linux", "cpu": "x64" }, "sha512-KVftVSVEDeIfRW3TIeLe3aNI/iY4m1fu5mDwHcisKMZSCMKLkrhFsjowC7o9RoqNPxbbglm2+/6KAKBIts2t0Q=="],
+    "@oxfmt/binding-linux-x64-gnu": ["@oxfmt/binding-linux-x64-gnu@0.55.0", "", { "os": "linux", "cpu": "x64" }, "sha512-MihqiPziJNoWy4MqNSV+jVA1g+07iQDjZiR0vaCaDoPgFEiJpCMsxamktzLV07cEeQsSJ04vQaU4CzCQwIvtDA=="],
 
-    "@oxfmt/binding-linux-x64-musl": ["@oxfmt/binding-linux-x64-musl@0.47.0", "", { "os": "linux", "cpu": "x64" }, "sha512-DTsmGEaA2860Aq5VUyDO8/MT9NFxwVL93RnRYmpMwK6DsSkThmvEpqoUDDljziEpAedMRG19SCogrNbINSbLUQ=="],
+    "@oxfmt/binding-linux-x64-musl": ["@oxfmt/binding-linux-x64-musl@0.55.0", "", { "os": "linux", "cpu": "x64" }, "sha512-Yqghym7KYAVjP9MmSrNZiDeerMuoejNjo0r3ox5H3GDKk8eAfl8VyJm9i+pWCLDCTnAbcTUMMN2ZKjUYXH1v3g=="],
 
-    "@oxfmt/binding-openharmony-arm64": ["@oxfmt/binding-openharmony-arm64@0.47.0", "", { "os": "none", "cpu": "arm64" }, "sha512-8r5BDro7fLOBoq1JXHLVSs55OlrxQhEso4HVo0TcY7OXJUPYfjPoOaYL5us+yIwqyP9rQwN+rxuiNFSmaxSuOQ=="],
+    "@oxfmt/binding-openharmony-arm64": ["@oxfmt/binding-openharmony-arm64@0.55.0", "", { "os": "none", "cpu": "arm64" }, "sha512-s5SDvVVSbyQl1V5UU3Yl12M+XLUQ3rl5SglNqgAA2K4PXUtQhyNSS00wivONPEnNo5W01rCou8WkDNyvI/RGHg=="],
 
-    "@oxfmt/binding-win32-arm64-msvc": ["@oxfmt/binding-win32-arm64-msvc@0.47.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-qtz/gzm8IjSPUlseZ0ofW8zyHLoZsuP5HTfcGGkWkUblB89JT8GNYH3ICqjbDsqsGqXum0/ZndXTFplSdXFIcg=="],
+    "@oxfmt/binding-win32-arm64-msvc": ["@oxfmt/binding-win32-arm64-msvc@0.55.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-7p9FB5R32tw2KyyNX3wpQrR2WHwEHvMEiBlGXxeTCaRMCVNx3UtFMAUbaQ/pRNWIrEUZmYhJ6tcUH52uPTRYjQ=="],
 
-    "@oxfmt/binding-win32-ia32-msvc": ["@oxfmt/binding-win32-ia32-msvc@0.47.0", "", { "os": "win32", "cpu": "ia32" }, "sha512-5vIcdcIDE7nCx+MXN6sm8kbC4zajDB31E86rez4i45iHNH/2NjdKlJ720xcHTr3eeiMcttCGPHPhE1TjtBDGZw=="],
+    "@oxfmt/binding-win32-ia32-msvc": ["@oxfmt/binding-win32-ia32-msvc@0.55.0", "", { "os": "win32", "cpu": "ia32" }, "sha512-ZYqj3fDnOT1IaVGMP5kpmkQl4F3tQIm2ZyAxvqkJYmI0xgWWak4ss4XYwv3VDfM+TWXeC9K4uQ/wW5jm/5XABA=="],
 
-    "@oxfmt/binding-win32-x64-msvc": ["@oxfmt/binding-win32-x64-msvc@0.47.0", "", { "os": "win32", "cpu": "x64" }, "sha512-Sr59Y5ms54ONBjxFeWhVlGyQcHXxcl9DxC23f6yXlRkcos7LXBLoO+KDfxexjHIOZh7cWqrWduzvUjJ+pHp8cQ=="],
+    "@oxfmt/binding-win32-x64-msvc": ["@oxfmt/binding-win32-x64-msvc@0.55.0", "", { "os": "win32", "cpu": "x64" }, "sha512-eEYT5tivGnGbPHuOHuQpi6CGLObhh0re/5jcNQHihD2GRYkTM85dyi5a19zjP8Q00t1uqAx+/QGLUGdHeqzWyg=="],
 
     "@package-json/types": ["@package-json/types@0.0.12", "", {}, "sha512-uu43FGU34B5VM9mCNjXCwLaGHYjXdNincqKLaraaCW+7S2+SmiBg1Nv8bPnmschrIfZmfKNY9f3fC376MRrObw=="],
 
@@ -593,119 +593,119 @@
 
     "@swc/helpers": ["@swc/helpers@0.5.20", "", { "dependencies": { "tslib": "^2.8.0" } }, "sha512-2egEBHUMasdypIzrprsu8g+OEVd7Vp2MM3a2eVlM/cyFYto0nGz5BX5BTgh/ShZZI9ed+ozEq+Ngt+rgmUs8tw=="],
 
-    "@tailwindcss/node": ["@tailwindcss/node@4.3.0", "", { "dependencies": { "@jridgewell/remapping": "^2.3.5", "enhanced-resolve": "^5.21.0", "jiti": "^2.6.1", "lightningcss": "1.32.0", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.3.0" } }, "sha512-aFb4gUhFOgdh9AXo4IzBEOzBkkAxm9VigwDJnMIYv3lcfXCJVesNfbEaBl4BNgVRyid92AmdviqwBUBRKSeY3g=="],
+    "@tailwindcss/node": ["@tailwindcss/node@4.3.1", "", { "dependencies": { "@jridgewell/remapping": "^2.3.5", "enhanced-resolve": "5.21.6", "jiti": "^2.7.0", "lightningcss": "1.32.0", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.3.1" } }, "sha512-6NDaqRoAMSXD1mr/RXu0HBvNE9a2n5tHPsxu9XHLws8o4Twes5rBM2205SUUiJ9goAtadrN6xTGX0UDEwp/N4A=="],
 
-    "@tailwindcss/oxide": ["@tailwindcss/oxide@4.3.0", "", { "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.3.0", "@tailwindcss/oxide-darwin-arm64": "4.3.0", "@tailwindcss/oxide-darwin-x64": "4.3.0", "@tailwindcss/oxide-freebsd-x64": "4.3.0", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.0", "@tailwindcss/oxide-linux-arm64-gnu": "4.3.0", "@tailwindcss/oxide-linux-arm64-musl": "4.3.0", "@tailwindcss/oxide-linux-x64-gnu": "4.3.0", "@tailwindcss/oxide-linux-x64-musl": "4.3.0", "@tailwindcss/oxide-wasm32-wasi": "4.3.0", "@tailwindcss/oxide-win32-arm64-msvc": "4.3.0", "@tailwindcss/oxide-win32-x64-msvc": "4.3.0" } }, "sha512-F7HZGBeN9I0/AuuJS5PwcD8xayx5ri5GhjYUDBEVYUkexyA/giwbDNjRVrxSezE3T250OU2K/wp/ltWx3UOefg=="],
+    "@tailwindcss/oxide": ["@tailwindcss/oxide@4.3.1", "", { "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.3.1", "@tailwindcss/oxide-darwin-arm64": "4.3.1", "@tailwindcss/oxide-darwin-x64": "4.3.1", "@tailwindcss/oxide-freebsd-x64": "4.3.1", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.1", "@tailwindcss/oxide-linux-arm64-gnu": "4.3.1", "@tailwindcss/oxide-linux-arm64-musl": "4.3.1", "@tailwindcss/oxide-linux-x64-gnu": "4.3.1", "@tailwindcss/oxide-linux-x64-musl": "4.3.1", "@tailwindcss/oxide-wasm32-wasi": "4.3.1", "@tailwindcss/oxide-win32-arm64-msvc": "4.3.1", "@tailwindcss/oxide-win32-x64-msvc": "4.3.1" } }, "sha512-yVPyo8RNkabVr3O2EhHEE0Rewu7YKzc1DhIqfL46LKveFrmu9XbDazNOJY7/GRuvw1h6u3utWnR29H/p5JPlgA=="],
 
-    "@tailwindcss/oxide-android-arm64": ["@tailwindcss/oxide-android-arm64@4.3.0", "", { "os": "android", "cpu": "arm64" }, "sha512-TJPiq67tKlLuObP6RkwvVGDoxCMBVtDgKkLfa/uyj7/FyxvQwHS+UOnVrXXgbEsfUaMgiVvC4KbJnRr26ho4Ng=="],
+    "@tailwindcss/oxide-android-arm64": ["@tailwindcss/oxide-android-arm64@4.3.1", "", { "os": "android", "cpu": "arm64" }, "sha512-SVlyf61g374l5cHyg8x9kf5xmLcOaxvOTsbsqDnSsDJaKOEFZ7GCvi84VAVGpxojYOs1+3K6M0UjXfqPU8vmOQ=="],
 
-    "@tailwindcss/oxide-darwin-arm64": ["@tailwindcss/oxide-darwin-arm64@4.3.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-oMN/WZRb+SO37BmUElEgeEWuU8E/HXRkiODxJxLe1UTHVXLrdVSgfaJV7pSlhRGMSOiXLuxTIjfsF3wYvz8cgQ=="],
+    "@tailwindcss/oxide-darwin-arm64": ["@tailwindcss/oxide-darwin-arm64@4.3.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-hVnWLwv+e/l7c4WKyVtHVrIPvYdqWHjRB3MDIqARynzFtnQg85kmQEFCbV9Ja0VVx4xXTIiDWY60Y7iz/iNoDA=="],
 
-    "@tailwindcss/oxide-darwin-x64": ["@tailwindcss/oxide-darwin-x64@4.3.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-N6CUmu4a6bKVADfw77p+iw6Yd9Q3OBhe0veaDX+QazfuVYlQsHfDgxBrsjQ/IW+zywL8mTrNd0SdJT/zgtvMdA=="],
+    "@tailwindcss/oxide-darwin-x64": ["@tailwindcss/oxide-darwin-x64@4.3.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-Cf7abu0WVgbhU7ANgPUnSAvm7nCvMweusHb8FnaHlLfv/Caq4GYaEZg7ZImzzmjx4lIAfuS8q+eLIS7A7IzxIg=="],
 
-    "@tailwindcss/oxide-freebsd-x64": ["@tailwindcss/oxide-freebsd-x64@4.3.0", "", { "os": "freebsd", "cpu": "x64" }, "sha512-zDL5hBkQdH5C6MpqbK3gQAgP80tsMwSI26vjOzjJtNCMUo0lFgOItzHKBIupOZNQxt3ouPH7RPhvNhiTfCe5CQ=="],
+    "@tailwindcss/oxide-freebsd-x64": ["@tailwindcss/oxide-freebsd-x64@4.3.1", "", { "os": "freebsd", "cpu": "x64" }, "sha512-ZZqzX2Y+GXtXXfqSfpJhDm60OoZfvLHLCgm+J7NVqgHHJjG/m9ugZI77RwTsVd4fnBJuCFP6Ae6kTJb71UdS8g=="],
 
-    "@tailwindcss/oxide-linux-arm-gnueabihf": ["@tailwindcss/oxide-linux-arm-gnueabihf@4.3.0", "", { "os": "linux", "cpu": "arm" }, "sha512-R06HdNi7A7OEoMsf6d4tjZ71RCWnZQPHj2mnotSFURjNLdBC+cIgXQ7l81CqeoiQftjf6OOblxXMInMgN2VzMA=="],
+    "@tailwindcss/oxide-linux-arm-gnueabihf": ["@tailwindcss/oxide-linux-arm-gnueabihf@4.3.1", "", { "os": "linux", "cpu": "arm" }, "sha512-/Ah/xik0LaMYfv9DZ0S/t4pBlBNYOcqtRwusjgovHkvT8ixueWCLyJjsaF5kQIckjb4IT8Q6K6p/iPmZMixYgg=="],
 
-    "@tailwindcss/oxide-linux-arm64-gnu": ["@tailwindcss/oxide-linux-arm64-gnu@4.3.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-qTJHELX8jetjhRQHCLilkVLmybpzNQAtaI/gaoVoidn/ufbNDbAo8KlK2J+yPoc8wQxvDxCmh/5lr8nC1+lTbg=="],
+    "@tailwindcss/oxide-linux-arm64-gnu": ["@tailwindcss/oxide-linux-arm64-gnu@4.3.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-gqdFoVJlw444GvpnheZLHmvTzSxI/cOUUh2KSNejQjTcYkW062SVD+En0rUgD+QV91bz1XGIGtt1HJd48xUGbQ=="],
 
-    "@tailwindcss/oxide-linux-arm64-musl": ["@tailwindcss/oxide-linux-arm64-musl@4.3.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-Z6sukiQsngnWO+l39X4pPbiWT81IC+PLKF+PHxIlyZbGNb9MODfYlXEVlFvej5BOZInWX01kVyzeLvHsXhfczQ=="],
+    "@tailwindcss/oxide-linux-arm64-musl": ["@tailwindcss/oxide-linux-arm64-musl@4.3.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-Bwv9KwOvE0VKa86xPFif9b9c3Y1NxOV1P0gLti/IYaWEsQYZXDlxfGEtA8mdDZ7SG3wyNXAWYT5SIn3giL57oA=="],
 
-    "@tailwindcss/oxide-linux-x64-gnu": ["@tailwindcss/oxide-linux-x64-gnu@4.3.0", "", { "os": "linux", "cpu": "x64" }, "sha512-DRNdQRpSGzRGfARVuVkxvM8Q12nh19l4BF/G7zGA1oe+9wcC6saFBHTISrpIcKzhiXtSrlSrluCfvMuledoCTQ=="],
+    "@tailwindcss/oxide-linux-x64-gnu": ["@tailwindcss/oxide-linux-x64-gnu@4.3.1", "", { "os": "linux", "cpu": "x64" }, "sha512-Ymi8O8T15HYQdOUWUtTI6ldN0neHP85FC+Qz32xTcZ7iJXtem/x8ITev0o1e9e5rkqj4lONZfTRLvkmin1+tKg=="],
 
-    "@tailwindcss/oxide-linux-x64-musl": ["@tailwindcss/oxide-linux-x64-musl@4.3.0", "", { "os": "linux", "cpu": "x64" }, "sha512-Z0IADbDo8bh6I7h2IQMx601AdXBLfFpEdUotft86evd/8ZPflZe9COPO8Q1vw+pfLWIUo9zN/JGZvwuAJqduqg=="],
+    "@tailwindcss/oxide-linux-x64-musl": ["@tailwindcss/oxide-linux-x64-musl@4.3.1", "", { "os": "linux", "cpu": "x64" }, "sha512-M+P/91qJ6uILLw4k2G93GMDRAXj61SMvFQYt39AqvUqYgExXpLL5aepfns7sj4HiAQeolirQF9E0lzRvdf4zPQ=="],
 
-    "@tailwindcss/oxide-wasm32-wasi": ["@tailwindcss/oxide-wasm32-wasi@4.3.0", "", { "dependencies": { "@emnapi/core": "^1.10.0", "@emnapi/runtime": "^1.10.0", "@emnapi/wasi-threads": "^1.2.1", "@napi-rs/wasm-runtime": "^1.1.4", "@tybys/wasm-util": "^0.10.1", "tslib": "^2.8.1" }, "cpu": "none" }, "sha512-HNZGOUxEmElksYR7S6sC5jTeNGpobAsy9u7Gu0AskJ8/20FR9GqebUyB+HBcU/ax6BHuiuJi+Oda4B+YX6H1yA=="],
+    "@tailwindcss/oxide-wasm32-wasi": ["@tailwindcss/oxide-wasm32-wasi@4.3.1", "", { "dependencies": { "@emnapi/core": "^1.10.0", "@emnapi/runtime": "^1.10.0", "@emnapi/wasi-threads": "^1.2.1", "@napi-rs/wasm-runtime": "^1.1.4", "@tybys/wasm-util": "^0.10.2", "tslib": "^2.8.1" }, "cpu": "none" }, "sha512-zsM8uOeqvVGHsAXsJxsT28ttosFahLJKCLOTUBqRAtKnVgGSRitds9T432QiT8b77Yga7JIBkulIRRlJPtYhRA=="],
 
-    "@tailwindcss/oxide-win32-arm64-msvc": ["@tailwindcss/oxide-win32-arm64-msvc@4.3.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-Pe+RPVTi1T+qymuuRpcdvwSVZjnll/f7n8gBxMMh3xLTctMDKqpdfGimbMyioqtLhUYZxdJ9wGNhV7MKHvgZsQ=="],
+    "@tailwindcss/oxide-win32-arm64-msvc": ["@tailwindcss/oxide-win32-arm64-msvc@4.3.1", "", { "os": "win32", "cpu": "arm64" }, "sha512-aiNvSq9BsVk8V513lDKlrCFAgf8qBMPZTpgEhInL+NwQqs97mYmupVMrPrgBBSL8Pv/0zXu9MrMF9rMun1ZeNg=="],
 
-    "@tailwindcss/oxide-win32-x64-msvc": ["@tailwindcss/oxide-win32-x64-msvc@4.3.0", "", { "os": "win32", "cpu": "x64" }, "sha512-Mvrf2kXW/yeW/OTezZlCGOirXRcUuLIBx/5Y12BaPM7wJoryG6dfS/NJL8aBPqtTEx/Vm4T4vKzFUcKDT+TKUA=="],
+    "@tailwindcss/oxide-win32-x64-msvc": ["@tailwindcss/oxide-win32-x64-msvc@4.3.1", "", { "os": "win32", "cpu": "x64" }, "sha512-xDEyu1rg290472FEGaKHnzyDyh5QH+AlWvsU5hMoMtPpzmKlRI0jaYKCgSHDYtaQWZOYbMaduSyCwFwY4n1HmA=="],
 
-    "@tailwindcss/postcss": ["@tailwindcss/postcss@4.3.0", "", { "dependencies": { "@alloc/quick-lru": "^5.2.0", "@tailwindcss/node": "4.3.0", "@tailwindcss/oxide": "4.3.0", "postcss": "^8.5.10", "tailwindcss": "4.3.0" } }, "sha512-Jm05Tjx+9yCLGv5qw1c+84Psds8MnyrEQYCB+FFk2lgGiUjlRqdxke4mVTuYrj2xnVZqKim2Apr5ySuQRYAw/w=="],
+    "@tailwindcss/postcss": ["@tailwindcss/postcss@4.3.1", "", { "dependencies": { "@alloc/quick-lru": "^5.2.0", "@tailwindcss/node": "4.3.1", "@tailwindcss/oxide": "4.3.1", "postcss": "8.5.15", "tailwindcss": "4.3.1" } }, "sha512-dNJuNbdEJT/SWRuXTYP1WSamelsz3ztkUsdtWQPjrexysrTpaEPM40P/71knXiXLYEojqPOEGitVLLpPMS5T6A=="],
 
-    "@tailwindcss/vite": ["@tailwindcss/vite@4.3.0", "", { "dependencies": { "@tailwindcss/node": "4.3.0", "@tailwindcss/oxide": "4.3.0", "tailwindcss": "4.3.0" }, "peerDependencies": { "vite": "^5.2.0 || ^6 || ^7 || ^8" } }, "sha512-t6J3OrB5Fc0ExuhohouH0fWUGMYL6PTLhW+E7zIk/pdbnJARZDCwjBznFnkh5ynRnIRSI4YjtTH0t6USjJISrw=="],
+    "@tailwindcss/vite": ["@tailwindcss/vite@4.3.1", "", { "dependencies": { "@tailwindcss/node": "4.3.1", "@tailwindcss/oxide": "4.3.1", "tailwindcss": "4.3.1" }, "peerDependencies": { "vite": "^5.2.0 || ^6 || ^7 || ^8" } }, "sha512-hItDHuIIlEV61R+faXu66s1K36aTurO/Qw0e45Vskz57gXl9pWOT6eg3zmcEui6CZXddbN7zd41bwmvag4JGwQ=="],
 
     "@tanstack/table-core": ["@tanstack/table-core@8.21.3", "", {}, "sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg=="],
 
-    "@tanstack/virtual-core": ["@tanstack/virtual-core@3.16.0", "", {}, "sha512-Er2N7q3WOiH6y2JLxsxNX+u2/sLqSsL0bxFgDjuiPiA7vKhZRm+IzcS17vRee3GNXr64UsesA5CAp9yTiIYw9A=="],
+    "@tanstack/virtual-core": ["@tanstack/virtual-core@3.17.1", "", {}, "sha512-VZyW2Uiml5tmBZwPGrSD3Sz73OxzljQMCmzYHsUTPEuTsERf5xwa+uWb01xEzkz3ZSYTjj8NEb/mKHvgKxyZdA=="],
 
     "@tanstack/vue-table": ["@tanstack/vue-table@8.21.3", "", { "dependencies": { "@tanstack/table-core": "8.21.3" }, "peerDependencies": { "vue": ">=3.2" } }, "sha512-rusRyd77c5tDPloPskctMyPLFEQUeBzxdQ+2Eow4F7gDPlPOB1UnnhzfpdvqZ8ZyX2rRNGmqNnQWm87OI2OQPw=="],
 
-    "@tanstack/vue-virtual": ["@tanstack/vue-virtual@3.13.26", "", { "dependencies": { "@tanstack/virtual-core": "3.16.0" }, "peerDependencies": { "vue": "^2.7.0 || ^3.0.0" } }, "sha512-4TmREKi8rKiQC8E2XVEMMgzWbrgHNYolkBgYTXVK1kqXmXRGz6xPWgBq20GUYWUDDhit94+g0ricUQKpZhWRmg=="],
+    "@tanstack/vue-virtual": ["@tanstack/vue-virtual@3.13.29", "", { "dependencies": { "@tanstack/virtual-core": "3.17.1" }, "peerDependencies": { "vue": "^2.7.0 || ^3.0.0" } }, "sha512-MWb9tNHjpar3sP34b8+3A4I5j9akveoPXIYqqp7/ipyWd49a/kso+1S1LqEmAVR/+g/k1WWTJC4ktvdCGWgXYQ=="],
 
-    "@tiptap/core": ["@tiptap/core@3.24.0", "", { "peerDependencies": { "@tiptap/pm": "3.24.0" } }, "sha512-GTAsXAI32p4hEZgPzvUv2RPrObxamy9AFhmhG10fXSvN/cDUs8naEYVIqDV3Sh99jMwQEbTFKW1E1mcspsY6ow=="],
+    "@tiptap/core": ["@tiptap/core@3.27.0", "", { "peerDependencies": { "@tiptap/pm": "3.27.0" } }, "sha512-X53TQUq2xYn21FOC526GlVIycnDkiN9XPYO/NEsg3hXS/SUs1Q6ZLtaM8y3Ox7d+bnTW6CpWKlfyvUWp3scKEw=="],
 
-    "@tiptap/extension-blockquote": ["@tiptap/extension-blockquote@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0" } }, "sha512-DgwEEJ1GbDQcT054ynxoaZGmB9apGeUklPrinq9o6xdLHpdg+bO9HCQzggdB8n21VLLglb8jfAEWsVNwh3eASQ=="],
+    "@tiptap/extension-blockquote": ["@tiptap/extension-blockquote@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0" } }, "sha512-xQvy+n1m4oxv/QLjWdg+FrrKpkyQqU1qbLjVQTdQP/kczqvaJhjzbJFBc38K0vvzMUvBKH0x6sr3GQVl4D84wg=="],
 
-    "@tiptap/extension-bold": ["@tiptap/extension-bold@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0" } }, "sha512-CujogYaynasklFKHADUseuvj8X2FnWktTCCo3Hl+nlyRvBTmm5TK2aqiamg3v2P4dBh3O6a70mo8BfRJPuiR1g=="],
+    "@tiptap/extension-bold": ["@tiptap/extension-bold@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0" } }, "sha512-GbnnDVbChgp9KWv+6EBuNNYEvNVbtLPYXPm809DQPi7rvb2SI/LOzLgWgVKByQqhoh498WWVBhsg/pvQ9Va9tw=="],
 
-    "@tiptap/extension-bubble-menu": ["@tiptap/extension-bubble-menu@3.24.0", "", { "dependencies": { "@floating-ui/dom": "^1.0.0" }, "peerDependencies": { "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0" } }, "sha512-jRXD+JPu9ayvq78g8hsCxx4q/qUFtrdfIYirRSf5YUseuuUbtfrq83AsGabcygpUTefjJkMQoXNITkh6294Ggw=="],
+    "@tiptap/extension-bubble-menu": ["@tiptap/extension-bubble-menu@3.27.0", "", { "dependencies": { "@floating-ui/dom": "^1.0.0" }, "peerDependencies": { "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0" } }, "sha512-cy52iePYfzaUUBg3S+00KN+18KMZH+UIlE4wRTEBW/c7OA6M/nkrVkxHYfKeJ3OEbZsRYv+GiRzASchDJVVTZg=="],
 
-    "@tiptap/extension-bullet-list": ["@tiptap/extension-bullet-list@3.24.0", "", { "peerDependencies": { "@tiptap/extension-list": "3.24.0" } }, "sha512-IOpAm5c4XVVVvkOef+V9XYMVpea+3MgBpCQgn83UQRlwO9eIMwmcyxOznu7gQPQVShTEpkt4T6uK+ZN9o8meIA=="],
+    "@tiptap/extension-bullet-list": ["@tiptap/extension-bullet-list@3.27.0", "", { "peerDependencies": { "@tiptap/extension-list": "3.27.0" } }, "sha512-86x8y0IzhOnRLnq5P9eTE/kgs6j383fTME+h0uNfOFfkQmzR4GLph8nkdGraormzI3+GKQUQaO4k/6bE+PSVpg=="],
 
-    "@tiptap/extension-code": ["@tiptap/extension-code@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0" } }, "sha512-MAQtrPRQ+HRmcGotWbksdIGeH1gqayFAdvi4lNGeFT7taHXP1o1XD7CQp7iYIKmg8IU4/MQ+RdetSfuC1A9edQ=="],
+    "@tiptap/extension-code": ["@tiptap/extension-code@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0" } }, "sha512-lKJqy75GRxiNncaaBs9lutsEuVQR7AKZGFfy9Sg2nRTweWLpD6eNhSHI4N04EJvTIjxZjHAe9fGU50ZhS2ONiA=="],
 
-    "@tiptap/extension-code-block": ["@tiptap/extension-code-block@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0" } }, "sha512-NZglw4oHoH6oJ5+HvxxQCYk+wODJmsxzUpRQdsOmje08sekQH+Zt9i4UKimBhg4urpd5r+dKXTslab9a5eQ86w=="],
+    "@tiptap/extension-code-block": ["@tiptap/extension-code-block@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0" } }, "sha512-t4cQ093ZRumHG954WKwAVYoZC6bkDrZCP9uqjHWUe1wBMzhqAWQ1OuHfaHpMnzsrdtm/svDO9rB26zBTQ0yZ/Q=="],
 
-    "@tiptap/extension-collaboration": ["@tiptap/extension-collaboration@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0", "@tiptap/y-tiptap": "^3.0.4", "yjs": "^13" } }, "sha512-PF9rFZrZtgr7xemnzQaU1uScUz4GwDjE+vLMosugUJxaoz/zSsHRXQ00dHM32MKxBzbWg3A4ZQTHB7YzAtyl3Q=="],
+    "@tiptap/extension-collaboration": ["@tiptap/extension-collaboration@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0", "@tiptap/y-tiptap": "^3.0.5", "yjs": "^13" } }, "sha512-IzLOp6mUL0UBMYO37g2cWtx277nz9cdEUJOSH9KzG8MsftnL5teGnVIcqaLoXu+t11yY0kXlqL9rO8S3qPRMNA=="],
 
-    "@tiptap/extension-document": ["@tiptap/extension-document@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0" } }, "sha512-yxgM3+yXy2XZzEwH43y2Kp8D1BkblxEWLXqo0YCoAKtxyKCcEaT8kdlf70kS7D0+VSzYU4D0iN7VdQIYHcL2mA=="],
+    "@tiptap/extension-document": ["@tiptap/extension-document@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0" } }, "sha512-xE+rUAPAA+65Usxbn5OoPVh0I0FSPz5dYprj+uo1mogPgqpcPLGVNMMoRLZ4WdiZ3I451d5+U7CUynIjD/iikw=="],
 
-    "@tiptap/extension-drag-handle": ["@tiptap/extension-drag-handle@3.24.0", "", { "dependencies": { "@floating-ui/dom": "^1.6.13" }, "peerDependencies": { "@tiptap/core": "3.24.0", "@tiptap/extension-collaboration": "3.24.0", "@tiptap/extension-node-range": "3.24.0", "@tiptap/pm": "3.24.0", "@tiptap/y-tiptap": "^3.0.2" } }, "sha512-DMW2Dx89aS28+FXlpl5nlkZT4dhqdaAO6W76qXVUPIHFvO5yWP0q5UzAPGW5JEBOI+LxWj0AkTDMrX0XrLw9oA=="],
+    "@tiptap/extension-drag-handle": ["@tiptap/extension-drag-handle@3.27.0", "", { "dependencies": { "@floating-ui/dom": "^1.6.13" }, "peerDependencies": { "@tiptap/core": "3.27.0", "@tiptap/extension-collaboration": "3.27.0", "@tiptap/extension-node-range": "3.27.0", "@tiptap/pm": "3.27.0", "@tiptap/y-tiptap": "^3.0.5" } }, "sha512-UHkGeSDZ53PJwdnIPgBLqdflZlQ/thR5O34jid3gdapAR+4W3DwGvAHcAYKBNqqIj8LpuZZIFKBvn749adgc8A=="],
 
-    "@tiptap/extension-drag-handle-vue-3": ["@tiptap/extension-drag-handle-vue-3@3.24.0", "", { "peerDependencies": { "@tiptap/extension-drag-handle": "3.24.0", "@tiptap/pm": "3.24.0", "@tiptap/vue-3": "3.24.0", "vue": "^3.0.0" } }, "sha512-tk9yKgGPYMRAKeCtEdza532EZzbIID7pO6sSLqmteyDH3MxuaJZLhi6tqRheWm55SlPTTJzAUZuY8EchzPpC7g=="],
+    "@tiptap/extension-drag-handle-vue-3": ["@tiptap/extension-drag-handle-vue-3@3.27.0", "", { "peerDependencies": { "@tiptap/extension-drag-handle": "3.27.0", "@tiptap/pm": "3.27.0", "@tiptap/vue-3": "3.27.0", "vue": "^3.0.0" } }, "sha512-1/nXUvtJNvrglwbHohMQ55jQTVuaCp37nBN/xONp00x3WxznXyjSq+/Yuo4PwYniqQSl1Ry6Qb4ff2515jKkxQ=="],
 
-    "@tiptap/extension-dropcursor": ["@tiptap/extension-dropcursor@3.24.0", "", { "peerDependencies": { "@tiptap/extensions": "3.24.0" } }, "sha512-Dbv1c5LnvG3PT+yEbCNroyOeeUkHq9wcir2pbC7wri7g7d2sCi0+HvKH0MAxLwY3j5NJJSiSyG2ypMaXOAs4sg=="],
+    "@tiptap/extension-dropcursor": ["@tiptap/extension-dropcursor@3.27.0", "", { "peerDependencies": { "@tiptap/extensions": "3.27.0" } }, "sha512-unWa4Fs2p081Dh/VC9rShby6MqVuom5FdOuLa3JKio6PufsT+Arb87yP6bdsiyUHmWb8ZXXGtxzlCTEt/bm/TA=="],
 
-    "@tiptap/extension-floating-menu": ["@tiptap/extension-floating-menu@3.24.0", "", { "peerDependencies": { "@floating-ui/dom": "^1.0.0", "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0" } }, "sha512-7QEbf3mUzFAkejjQGX9f0L507oMtnOBRwHt2skUTR+9yXgudsN8zaDBSSRHLeMWGk9b7L293ZMA6zCRrZaHrfA=="],
+    "@tiptap/extension-floating-menu": ["@tiptap/extension-floating-menu@3.27.0", "", { "peerDependencies": { "@floating-ui/dom": "^1.0.0", "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0" } }, "sha512-S9NV/3f1IFkPtIUClLUsJj98AOL3PrYMhPAH/b7SFtsvvfp2QXfL+I12ykPqOcPmj4KXw0Zc40E0QKg67M3pjw=="],
 
-    "@tiptap/extension-gapcursor": ["@tiptap/extension-gapcursor@3.24.0", "", { "peerDependencies": { "@tiptap/extensions": "3.24.0" } }, "sha512-CzCP5/jni5RFwW9jCfBO6auh83GbaioMTpSk6tyR3sd+CbwlBcUdsJFGJkbaRdiSS9dgIyi+6hRbhjpYdHcp+w=="],
+    "@tiptap/extension-gapcursor": ["@tiptap/extension-gapcursor@3.27.0", "", { "peerDependencies": { "@tiptap/extensions": "3.27.0" } }, "sha512-tHIUQmtebBytVpd2f5oCUMAivdN5Yj8zRDpkA5uT3x38s9OdXLjLLYZHDD7b0ANQnN0r1vkxPXi9YF6+2XWZvA=="],
 
-    "@tiptap/extension-hard-break": ["@tiptap/extension-hard-break@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0" } }, "sha512-T/ZEBiHQPMyTqDvXG0tiqBToNeuSemIPmNtdoGSgBN/degVl7VJZqQIrLIvOUHfjf3QkRs7TE/mcqTJsIboO/g=="],
+    "@tiptap/extension-hard-break": ["@tiptap/extension-hard-break@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0" } }, "sha512-/DDTnvuW1/3qGfX5VKEFwTDHV1/ks5jMFXgMPlHXb/ASo+kb4HEohzuUYcO74Y3vtU2zENWJ2UBqsJ96TkjgOA=="],
 
-    "@tiptap/extension-heading": ["@tiptap/extension-heading@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0" } }, "sha512-GCSgapIzQPqEGNcVGE0/Pcjg5wITMLYJlrS3GGVw7BPmECJwgexcoOsEwkxtzJnXT/HpFXbvOFW43sM0KeHSjg=="],
+    "@tiptap/extension-heading": ["@tiptap/extension-heading@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0" } }, "sha512-KDN/8RyL3/VoXpSzRtNQ3hsreBUbHgMGmpqJpRvbykQ6wJ/W421uHfZR/hCsB3RNRB0kHZJdw4hDLfP73Ff6Ig=="],
 
-    "@tiptap/extension-horizontal-rule": ["@tiptap/extension-horizontal-rule@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0" } }, "sha512-DFzWJTrb23x+qssLLs85vEyho8ItUGp3RY9XUsVTIAGZn5IsoUw8wMsvIBlH1ux4Ch7gLchtcD6kpTdMdrL9kw=="],
+    "@tiptap/extension-horizontal-rule": ["@tiptap/extension-horizontal-rule@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0" } }, "sha512-04Xga9CqIqzKb1cqDk9AV9pTbtleqF+o8X3bb3n7HDgplYHxLjHId6RCzhfSZU6U8VZZF/RJQ1jbTebeYqGSBw=="],
 
-    "@tiptap/extension-image": ["@tiptap/extension-image@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0" } }, "sha512-mH+bvsX2cPKuZzV7YMQi4FV2YbDP+Kmq36bY+Bwi/x4mYUc8u0cjQxcu8RzLO7GtsgUJPxGMwfkQxmDqXFLZvw=="],
+    "@tiptap/extension-image": ["@tiptap/extension-image@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0" } }, "sha512-hHJpuWH+7eMgP3LmZaoDGxbLYVeMMENk3NCRVZHHwsKo3vu7EwCtSiz42C1LiK8E5SPNAMUigdj3LUzQ0rUWmw=="],
 
-    "@tiptap/extension-italic": ["@tiptap/extension-italic@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0" } }, "sha512-mf3cbNlbMPUNj3IyUkIke+o3ZpOUrtVeY5Yqs5IM/VhkUUh/PdIzqw74VuqEAJ0Z4oZ6nNDHeYLrl3Be1j99lQ=="],
+    "@tiptap/extension-italic": ["@tiptap/extension-italic@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0" } }, "sha512-z/EomYhfaf9oxtYz4+yxaIO6cw9Sa2CVw7jsnGR0jf0CZk6B+5iTbNeJDMxpSeYg+dAPOWYiO8vWOeKM0gYPFQ=="],
 
-    "@tiptap/extension-link": ["@tiptap/extension-link@3.24.0", "", { "dependencies": { "linkifyjs": "^4.3.3" }, "peerDependencies": { "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0" } }, "sha512-MwMoNGG2mL5XGFV1tEGunBRglwsIbW+ZOB2QnKiv+Mcbi2JCWMrorndJZBqpVPR5nM+Bef2KnpchEJmYlQLvKQ=="],
+    "@tiptap/extension-link": ["@tiptap/extension-link@3.27.0", "", { "dependencies": { "linkifyjs": "^4.3.3" }, "peerDependencies": { "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0" } }, "sha512-c0fxb1cccM/1JNk7HOoJytKJ9kcpKPeGq86FNHQkqf+Bn+IzPgLb8Q3W89lOp33NlCOx2xiSrUFMBWcPX34z8A=="],
 
-    "@tiptap/extension-list": ["@tiptap/extension-list@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0" } }, "sha512-GcxDVMMmDGj7OFTBrV7JpVgr5wxlr2vmjwH7U8QxZX7OJI5vrsMYl/U6KRTvUpG8wP+Zmo5jRlLM+BbL+a/W3g=="],
+    "@tiptap/extension-list": ["@tiptap/extension-list@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0" } }, "sha512-27L9zP3SeKxW8DBfXcJtVnlfW6lJr6xm8C/WJ/iSlts/JHv1GwWwE7FWErmpkGeX6FwLnuaZbTMbfyyTlm4Dtg=="],
 
-    "@tiptap/extension-list-item": ["@tiptap/extension-list-item@3.24.0", "", { "peerDependencies": { "@tiptap/extension-list": "3.24.0" } }, "sha512-zl/U3viJiV9OzkKM37AHIUN1af1TSLrcbHUUoNLkfJ33Nq+NlpaXpCVK0rKRqiLFJf7zk/a5KWG5CrOy9TxjKA=="],
+    "@tiptap/extension-list-item": ["@tiptap/extension-list-item@3.27.0", "", { "peerDependencies": { "@tiptap/extension-list": "3.27.0" } }, "sha512-e2yb7Vjh5YV2ELEwxAu3EQr4fKJPwfAWAgbZbUuEOh8FX8R+bnJyBW9oWwxnivwPsxVPtYseWuKNEJb7wW+c8w=="],
 
-    "@tiptap/extension-list-keymap": ["@tiptap/extension-list-keymap@3.24.0", "", { "peerDependencies": { "@tiptap/extension-list": "3.24.0" } }, "sha512-69fKcrngYGEKWNn4R5oLwl0YuV3FY4kufEValVcjnihUmqJTE1vx+fwctYoTsOGnIuNGpUIQ7f9YDD/0w34qBw=="],
+    "@tiptap/extension-list-keymap": ["@tiptap/extension-list-keymap@3.27.0", "", { "peerDependencies": { "@tiptap/extension-list": "3.27.0" } }, "sha512-GV8miiDOTjSduesrO4arzC7F5T78vCy0YeVmtegtA2u5w8RBjKx3sRbS45IBF08bf4GRMRGbpGeLnqe/O0rZHQ=="],
 
-    "@tiptap/extension-mention": ["@tiptap/extension-mention@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0", "@tiptap/suggestion": "3.24.0" } }, "sha512-c68AYrEoHJ4vlBvt5stBUTveKXiNwt5BxaQxgq2R4OXjc3VMoh+XJqo1bBbMNHEJfuGMNpcdfZ2zf09jnBf8/A=="],
+    "@tiptap/extension-mention": ["@tiptap/extension-mention@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0", "@tiptap/suggestion": "3.27.0" } }, "sha512-DccA+TASBCOjUYHp1YPSkmf8ueK/5nmwRjcg50uyo2xegFmxAvjhaq05cR09JzJN8cgsv/Jj5jPZhcC9ndmfaQ=="],
 
-    "@tiptap/extension-node-range": ["@tiptap/extension-node-range@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0" } }, "sha512-JUrhuKD5raii6IsARETNq3seAXUB9UpQGjeSJKBKBOv10PBAq0RLKlI0lbv7t9FR4vfZE7is/XpvoZ0v2Vr9kw=="],
+    "@tiptap/extension-node-range": ["@tiptap/extension-node-range@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0" } }, "sha512-WiBF8N9Jc5nhlOFjVAskLdSKuEzxtpM10XAVVPbF2oih+VytB033ipD6GDYdXRYGVDkVqi0mpXKn5eVix/or4A=="],
 
-    "@tiptap/extension-ordered-list": ["@tiptap/extension-ordered-list@3.24.0", "", { "peerDependencies": { "@tiptap/extension-list": "3.24.0" } }, "sha512-buRa6bmBDw0TztH+rAcusIye14DiLDS+yGheo6GiNCTD7kKJnksXagBdxvip3jhW5sx7gyAKvoBmvGSg1BbsGA=="],
+    "@tiptap/extension-ordered-list": ["@tiptap/extension-ordered-list@3.27.0", "", { "peerDependencies": { "@tiptap/extension-list": "3.27.0" } }, "sha512-hiI8xcAPGOgCny8cg2md708adIdjIe2C2nNh/6TROVGfpm/tAWK13jwE1sgY+eLZTsILqpBLsEUsdF9zoS0XqQ=="],
 
-    "@tiptap/extension-paragraph": ["@tiptap/extension-paragraph@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0" } }, "sha512-wD06aB6hO7LgcrlhGiw7I64k2tus9kNoICX5R+UecBSB1DVJdzKvXoXL2kPNv4DqYvljHdkIeK/OpuOTQd6MJA=="],
+    "@tiptap/extension-paragraph": ["@tiptap/extension-paragraph@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0" } }, "sha512-miy096NqJJwD3ulGnOleXEIYP+pOICd5A9M3Zqy1Jpc7mw0+/YMZeR5JAXqdsYV3eq/pgYpykKlF4k+Gi84RYw=="],
 
-    "@tiptap/extension-placeholder": ["@tiptap/extension-placeholder@3.24.0", "", { "peerDependencies": { "@tiptap/extensions": "3.24.0" } }, "sha512-3jfYYCIuwMADhvZ92vB6c80YiTmgTSFR23JqyLps8qkQtV59Va5CBYpwJtSs1+VrbCVnNxhZBHhVXusZO3uRkA=="],
+    "@tiptap/extension-placeholder": ["@tiptap/extension-placeholder@3.27.0", "", { "peerDependencies": { "@tiptap/extensions": "3.27.0" } }, "sha512-lT/wUype2OLoTPuSrWTZQJxcfJZfnBYhPmMAPk0NkGp9V5xml5m4dQ6W0+Cz1CW5lglshvn8c8C9rWs70XCHvA=="],
 
-    "@tiptap/extension-strike": ["@tiptap/extension-strike@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0" } }, "sha512-sfN1iQs6Fdlorrfe8wipDkTPwu/Egx3s2fkY7TAWusTGFHwlovuRUGFKqCL9dI4N3u6uqUMpEuWmQNgv+aQGjQ=="],
+    "@tiptap/extension-strike": ["@tiptap/extension-strike@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0" } }, "sha512-srDgYCxu2OdYGB8rtJraYzrXCvj5qRmyrSG4NObVfDYNoMuVdkbNlxA8/LNJeKKZ9H8PZlrspvmxM4F91Lvb9g=="],
 
-    "@tiptap/extension-text": ["@tiptap/extension-text@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0" } }, "sha512-Im7keLPEihxm3+LyF+drYCoaOY5hlq35lvHAp/el6M8pJ/scts88HrYpdR1Yc4BtpZBIhfHSyWgPaupI4qwdeg=="],
+    "@tiptap/extension-text": ["@tiptap/extension-text@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0" } }, "sha512-3ZiEeDDbvhvXwqSre62yxhe0Rc7t2+BGSNoVCCUFPsNUNvBL9s9bOwwnOG4fPZNBCyF38qBnTxblDwJ92E4AGw=="],
 
-    "@tiptap/extension-underline": ["@tiptap/extension-underline@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0" } }, "sha512-D4W4X3UMq9dLVIOfPB9+UodQ4eAJ8yDcm8qFWAwq0a15YWH6bnwulCuIdV+U5dEG+yaRxN8haB9GrrID9jmrSA=="],
+    "@tiptap/extension-underline": ["@tiptap/extension-underline@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0" } }, "sha512-0w3GDF5rC0oZXYh6jBt8jPS+SQ5mtJsyDjP94A0Qjh/7tsfeDzCzZMAadE4i+9g6DI1Hce4GqYDAAfPkoj4y5Q=="],
 
-    "@tiptap/extensions": ["@tiptap/extensions@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0" } }, "sha512-z6gRYzy2ucJp07OQ0F2W07NxyhMTxPYH1ia2eGiQkWax1i56oExpjMsDHP8THWlg8Tb7NnbfKpkfh881EsmofA=="],
+    "@tiptap/extensions": ["@tiptap/extensions@3.27.0", "", { "peerDependencies": { "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0" } }, "sha512-G4ufNa/F4upDI/2YWFBCVBs4skcCeQ2jvRQiFrLJCitUFcl03evP0znAvx5JKj9+nfm4ILYpPpncEFyMq4mFEg=="],
 
-    "@tiptap/markdown": ["@tiptap/markdown@3.24.0", "", { "dependencies": { "marked": "^17.0.1" }, "peerDependencies": { "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0" } }, "sha512-EIEQmH8tOIWAxVnRpYSALIQCU8dVaGQoEVvmsa6B2B/zZeIsBSEZzcVVE2yGEVZtShf3ag37Szr6Lu7lTor3sw=="],
+    "@tiptap/markdown": ["@tiptap/markdown@3.27.0", "", { "dependencies": { "marked": "^17.0.1" }, "peerDependencies": { "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0" } }, "sha512-LNb8uvTNecP30aaYvlnyJIGmAj1DiSalUVuFrM0rEUL/7zbKJUFhBfJvdBinL7Xgfqmld0i7Xl6SKm4YrJ/ATg=="],
 
-    "@tiptap/pm": ["@tiptap/pm@3.24.0", "", { "dependencies": { "prosemirror-changeset": "^2.3.0", "prosemirror-commands": "^1.6.2", "prosemirror-dropcursor": "^1.8.1", "prosemirror-gapcursor": "^1.3.2", "prosemirror-history": "^1.4.1", "prosemirror-inputrules": "^1.4.0", "prosemirror-keymap": "^1.2.2", "prosemirror-model": "^1.24.1", "prosemirror-schema-list": "^1.5.0", "prosemirror-state": "^1.4.3", "prosemirror-tables": "^1.6.4", "prosemirror-transform": "^1.10.2", "prosemirror-view": "^1.38.1" } }, "sha512-QQP/78ryOZDN99gNBV7dgh69/8AYaOYQYFklq/iR+ZRFaaL3+qqHFvPVJapGkzPdymBgNJ34xjFM8n5pJ4QmMg=="],
+    "@tiptap/pm": ["@tiptap/pm@3.27.0", "", { "dependencies": { "prosemirror-changeset": "^2.3.0", "prosemirror-commands": "^1.6.2", "prosemirror-dropcursor": "^1.8.1", "prosemirror-gapcursor": "^1.3.2", "prosemirror-history": "^1.4.1", "prosemirror-inputrules": "^1.4.0", "prosemirror-keymap": "^1.2.3", "prosemirror-model": "^1.25.7", "prosemirror-schema-list": "^1.5.0", "prosemirror-state": "^1.4.4", "prosemirror-tables": "^1.8.0", "prosemirror-transform": "^1.12.0", "prosemirror-view": "^1.41.8" } }, "sha512-cWuyaY19SoTOGwdPzhNrUuFMMILuR7mq/Ec02FO+y5jUnQiJYOy9pVx4RUIjBT24LYXrvA9YRhxL1v+KQKTz3A=="],
 
-    "@tiptap/starter-kit": ["@tiptap/starter-kit@3.24.0", "", { "dependencies": { "@tiptap/core": "^3.24.0", "@tiptap/extension-blockquote": "^3.24.0", "@tiptap/extension-bold": "^3.24.0", "@tiptap/extension-bullet-list": "^3.24.0", "@tiptap/extension-code": "^3.24.0", "@tiptap/extension-code-block": "^3.24.0", "@tiptap/extension-document": "^3.24.0", "@tiptap/extension-dropcursor": "^3.24.0", "@tiptap/extension-gapcursor": "^3.24.0", "@tiptap/extension-hard-break": "^3.24.0", "@tiptap/extension-heading": "^3.24.0", "@tiptap/extension-horizontal-rule": "^3.24.0", "@tiptap/extension-italic": "^3.24.0", "@tiptap/extension-link": "^3.24.0", "@tiptap/extension-list": "^3.24.0", "@tiptap/extension-list-item": "^3.24.0", "@tiptap/extension-list-keymap": "^3.24.0", "@tiptap/extension-ordered-list": "^3.24.0", "@tiptap/extension-paragraph": "^3.24.0", "@tiptap/extension-strike": "^3.24.0", "@tiptap/extension-text": "^3.24.0", "@tiptap/extension-underline": "^3.24.0", "@tiptap/extensions": "^3.24.0", "@tiptap/pm": "^3.24.0" } }, "sha512-Ef4PCP96vcY2GonXN9J0M8iC6zvxPTmQlL/QZiCwuYqqnH/hNpYIjNSQdTndiDpxRKofa32Sr2HWktgEnL32Bg=="],
+    "@tiptap/starter-kit": ["@tiptap/starter-kit@3.27.0", "", { "dependencies": { "@tiptap/core": "^3.27.0", "@tiptap/extension-blockquote": "^3.27.0", "@tiptap/extension-bold": "^3.27.0", "@tiptap/extension-bullet-list": "^3.27.0", "@tiptap/extension-code": "^3.27.0", "@tiptap/extension-code-block": "^3.27.0", "@tiptap/extension-document": "^3.27.0", "@tiptap/extension-dropcursor": "^3.27.0", "@tiptap/extension-gapcursor": "^3.27.0", "@tiptap/extension-hard-break": "^3.27.0", "@tiptap/extension-heading": "^3.27.0", "@tiptap/extension-horizontal-rule": "^3.27.0", "@tiptap/extension-italic": "^3.27.0", "@tiptap/extension-link": "^3.27.0", "@tiptap/extension-list": "^3.27.0", "@tiptap/extension-list-item": "^3.27.0", "@tiptap/extension-list-keymap": "^3.27.0", "@tiptap/extension-ordered-list": "^3.27.0", "@tiptap/extension-paragraph": "^3.27.0", "@tiptap/extension-strike": "^3.27.0", "@tiptap/extension-text": "^3.27.0", "@tiptap/extension-underline": "^3.27.0", "@tiptap/extensions": "^3.27.0", "@tiptap/pm": "^3.27.0" } }, "sha512-AFrNuIpeyr2FJsWP5sjD0uhJfPBHdEKBByrqLu4O9h/OI8qJYKaPo9PxMXA2jQlWgDq6z0r8GPrr3PbJCMe1JA=="],
 
-    "@tiptap/suggestion": ["@tiptap/suggestion@3.24.0", "", { "peerDependencies": { "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0" } }, "sha512-UlLIij1fxFy7tbCmqUoInWRijzsi8hsbaXKCx6L3KvLXtxHb4hMnDhd6W++rOk9Q1hDpmNf8qNIX498q/ZNstw=="],
+    "@tiptap/suggestion": ["@tiptap/suggestion@3.27.0", "", { "peerDependencies": { "@floating-ui/dom": "^1.0.0", "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0" } }, "sha512-V9w1sm/xqdY+nUwYmhwG3n+32E39789aH8ZSc1qoy/CKxFvxY9XJ7+7fjRV8+uDjk5eq6CGaXPC66CljDw5GAA=="],
 
-    "@tiptap/vue-3": ["@tiptap/vue-3@3.24.0", "", { "optionalDependencies": { "@tiptap/extension-bubble-menu": "^3.24.0", "@tiptap/extension-floating-menu": "^3.24.0" }, "peerDependencies": { "@floating-ui/dom": "^1.0.0", "@tiptap/core": "3.24.0", "@tiptap/pm": "3.24.0", "vue": "^3.0.0" } }, "sha512-B7H630A5kGRHPrj60FMLbKC8EBWFvGeP8EytaKqxfByEFW6I2mYeZV4BzDptx6Hgy7h5oTXJ1yjc8DH1Q80WYA=="],
+    "@tiptap/vue-3": ["@tiptap/vue-3@3.27.0", "", { "optionalDependencies": { "@tiptap/extension-bubble-menu": "^3.27.0", "@tiptap/extension-floating-menu": "^3.27.0" }, "peerDependencies": { "@floating-ui/dom": "^1.0.0", "@tiptap/core": "3.27.0", "@tiptap/pm": "3.27.0", "vue": "^3.0.0" } }, "sha512-owVuWwtZKBm1MxUvJQkE0ckAOiMFHL2xKNmSB47cEfJIhGJBoRDP0S7wrcLe5k6NEbv76s1KRqzOdXcdBNSlKw=="],
 
     "@tiptap/y-tiptap": ["@tiptap/y-tiptap@3.0.2", "", { "dependencies": { "lib0": "^0.2.100" }, "peerDependencies": { "prosemirror-model": "^1.7.1", "prosemirror-state": "^1.2.3", "prosemirror-view": "^1.9.10", "y-protocols": "^1.0.1", "yjs": "^13.5.38" } }, "sha512-flMn/YW6zTbc6cvDaUPh/NfLRTXDIqgpBUkYzM74KA1snqQwhOMjnRcnpu4hDFrTnPO6QGzr99vRyXEA7M44WA=="],
 
@@ -715,13 +715,13 @@
 
     "@types/esrecurse": ["@types/esrecurse@4.3.1", "", {}, "sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw=="],
 
-    "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
+    "@types/estree": ["@types/estree@1.0.9", "", {}, "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg=="],
 
     "@types/jsesc": ["@types/jsesc@2.5.1", "", {}, "sha512-9VN+6yxLOPLOav+7PwjZbxiID2bVaeq0ED4qSQmdQTdjnXJSaCVKTR58t15oqH1H5t8Ng2ZX1SabJVoN9Q34bw=="],
 
     "@types/json-schema": ["@types/json-schema@7.0.15", "", {}, "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="],
 
-    "@types/node": ["@types/node@25.6.0", "", { "dependencies": { "undici-types": "~7.19.0" } }, "sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ=="],
+    "@types/node": ["@types/node@25.9.3", "", { "dependencies": { "undici-types": ">=7.24.0 <7.24.7" } }, "sha512-603BddQMv3pUcr4U2dhujk83N2tTDVr/34wII2B6bJy6g+8WD6yUb11jszNs0gdi4PesVWl7ABt8nYMVpnLUcg=="],
 
     "@types/resolve": ["@types/resolve@1.20.2", "", {}, "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q=="],
 
@@ -729,23 +729,23 @@
 
     "@typescript-eslint/eslint-plugin": ["@typescript-eslint/eslint-plugin@8.61.0", "", { "dependencies": { "@eslint-community/regexpp": "^4.12.2", "@typescript-eslint/scope-manager": "8.61.0", "@typescript-eslint/type-utils": "8.61.0", "@typescript-eslint/utils": "8.61.0", "@typescript-eslint/visitor-keys": "8.61.0", "ignore": "^7.0.5", "natural-compare": "^1.4.0", "ts-api-utils": "^2.5.0" }, "peerDependencies": { "@typescript-eslint/parser": "^8.61.0", "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "sha512-bFNvl9ZczlVb+wR2Akszf3gHfKVj/8WanXaGJ3UstTA7brNKg0cNdk6X1Psu5V7MZ2oQtzZKOEzIUehaoxbDGw=="],
 
-    "@typescript-eslint/parser": ["@typescript-eslint/parser@8.61.0", "", { "dependencies": { "@typescript-eslint/scope-manager": "8.61.0", "@typescript-eslint/types": "8.61.0", "@typescript-eslint/typescript-estree": "8.61.0", "@typescript-eslint/visitor-keys": "8.61.0", "debug": "^4.4.3" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "sha512-5B7PfA2e1NQGCnDHd/0lW7W3gvp3d59Ryw54FYO8Uswxo9f6ikw3AZV+Xj/TvpImmpsiYyUqAfhC6kJID1jF6w=="],
+    "@typescript-eslint/parser": ["@typescript-eslint/parser@8.61.1", "", { "dependencies": { "@typescript-eslint/scope-manager": "8.61.1", "@typescript-eslint/types": "8.61.1", "@typescript-eslint/typescript-estree": "8.61.1", "@typescript-eslint/visitor-keys": "8.61.1", "debug": "^4.4.3" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "sha512-PJ5vePq5/ognBbrIcoC5+SHO5dfpeLPzP9FpLkzWrguoYQEeeSjlJpVwOpo1JRSTEi7dRcwNy4h4dzV70PqHcg=="],
 
-    "@typescript-eslint/project-service": ["@typescript-eslint/project-service@8.61.0", "", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.61.0", "@typescript-eslint/types": "^8.61.0", "debug": "^4.4.3" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-DV42F7MLJO6Rax7SK1yg43tcnEfGUrurSpSxKuVX+a3RCTzBlH3fuxprrOJXKCJGAaw82xXocikJ0uQaqwXgGA=="],
+    "@typescript-eslint/project-service": ["@typescript-eslint/project-service@8.61.1", "", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.61.1", "@typescript-eslint/types": "^8.61.1", "debug": "^4.4.3" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-PrC4JYGmR241lYnfhmKGTXkFqv8+ymbTFgSAY0fVXpY82/QkMw5TZPl+vGzuDDU2QYJk9fIDOBTntF+yDv9LEA=="],
 
-    "@typescript-eslint/scope-manager": ["@typescript-eslint/scope-manager@8.61.0", "", { "dependencies": { "@typescript-eslint/types": "8.61.0", "@typescript-eslint/visitor-keys": "8.61.0" } }, "sha512-IWdXFHFSb6mlC3HPc7QsLDm5zYEbUla6trDEHf32D3/dnuUyXd87plScSNXSbm0/RxMvObpI17sv/EDTGrGZkA=="],
+    "@typescript-eslint/scope-manager": ["@typescript-eslint/scope-manager@8.61.1", "", { "dependencies": { "@typescript-eslint/types": "8.61.1", "@typescript-eslint/visitor-keys": "8.61.1" } }, "sha512-L2bdIeoQS8FlKAvONAr20w6OcLXeB+qiDKbAooS9A0Ben+iSIkBef0FxqwKWYqt5sa0i4KJtxVyVmhMylKzF5w=="],
 
-    "@typescript-eslint/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.61.0", "", { "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-O5Amvdv9ztMpxpf+vmFULGG78IE6Qwdr3bCGvqwG4nwc9H2qXkOYJJnRbRHyMkQTjv1d03olqwwwzHLMqpFePQ=="],
+    "@typescript-eslint/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.61.1", "", { "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-UN/H4di+OO7EWx2ovME+8t31YO+KVnK0RRKEHR3kOt21/Ay8BOq3M1OMvWs5vNiqcFCYGYoxK3MXPZzmMUE+yg=="],
 
     "@typescript-eslint/type-utils": ["@typescript-eslint/type-utils@8.61.0", "", { "dependencies": { "@typescript-eslint/types": "8.61.0", "@typescript-eslint/typescript-estree": "8.61.0", "@typescript-eslint/utils": "8.61.0", "debug": "^4.4.3", "ts-api-utils": "^2.5.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "sha512-TuBiQYIkd97yBfInHCTKVYMbX4kvEmpOEuixIuzCU9p8BGT1SfyyO0d0IfDMbPIHcjn/hWnusUX5e8v5Xg+X8A=="],
 
-    "@typescript-eslint/types": ["@typescript-eslint/types@8.61.0", "", {}, "sha512-9QTQpZ5Iin4CdIodfbDQFSeiSJKidgYJYug1P9CC2xWgUTvlmixViqDZNciMjwLBZyJnG4tGmPl97rVAFb1AJg=="],
+    "@typescript-eslint/types": ["@typescript-eslint/types@8.61.1", "", {}, "sha512-G+CRlPqLv7Bz1IZVs03x5K59F1veqL0EJUROAdGhKsEq8qOiRiZbI+HUojPq5l0fEGOKModD9br6lObhB8zkoA=="],
 
-    "@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.61.0", "", { "dependencies": { "@typescript-eslint/project-service": "8.61.0", "@typescript-eslint/tsconfig-utils": "8.61.0", "@typescript-eslint/types": "8.61.0", "@typescript-eslint/visitor-keys": "8.61.0", "debug": "^4.4.3", "minimatch": "^10.2.2", "semver": "^7.7.3", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.5.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-42zatd5qSvvcV1JdDBCLxYRznvP4eIHpPoZXdkPFnAmanA4FuZ5dibSnCBggY8hQnqajPpoGjXFdZ7fIJKQnlA=="],
+    "@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.61.1", "", { "dependencies": { "@typescript-eslint/project-service": "8.61.1", "@typescript-eslint/tsconfig-utils": "8.61.1", "@typescript-eslint/types": "8.61.1", "@typescript-eslint/visitor-keys": "8.61.1", "debug": "^4.4.3", "minimatch": "^10.2.2", "semver": "^7.7.3", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.5.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-u+oQD3BqYWPc8YV9Zab4vaJElJuwOLPRc10Jm1o/qS+6Qwen14HCWwx0Seo4LnSn2wxea2Ik8DxPt2/FHmuhrg=="],
 
     "@typescript-eslint/utils": ["@typescript-eslint/utils@8.61.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.9.1", "@typescript-eslint/scope-manager": "8.61.0", "@typescript-eslint/types": "8.61.0", "@typescript-eslint/typescript-estree": "8.61.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "sha512-3bzFt7ImFMW/jVYwJamDoe/dMOdFLSC6pom6rRjdh4SZJEYupyMzem8e7vKZLclLfpHjlwSAXOUxtKxGXUiLqA=="],
 
-    "@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.61.0", "", { "dependencies": { "@typescript-eslint/types": "8.61.0", "eslint-visitor-keys": "^5.0.0" } }, "sha512-QVLZu3ZPQEE+HICQyAMZ2yLQhxf0meY/wx6Hx14YcTNj13JB3qHlX3lJ02L3fLGHgERRH71kvYDwiXIguT3AjQ=="],
+    "@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.61.1", "", { "dependencies": { "@typescript-eslint/types": "8.61.1", "eslint-visitor-keys": "^5.0.0" } }, "sha512-6fJ9MHWtK14C1DSkiMlHUSOmrVebL7150xZJBlJiL62jjhIA4JmOq6flwBgDxIdBKKdoiZRel+dfPD5MLfny3w=="],
 
     "@unhead/vue": ["@unhead/vue@2.1.15", "", { "dependencies": { "hookable": "^6.0.1", "unhead": "2.1.15" }, "peerDependencies": { "vue": ">=3.5.18" } }, "sha512-SSByXfEjhzPn8gXdEdgpYqpLMPSkLUH2HVE0GxZfOtNsJ0GgOHQs0g9T67ZZ1z0kTELLKdtOtYrzrbv9+ffF7g=="],
 
@@ -825,7 +825,7 @@
 
     "@vue/devtools-shared": ["@vue/devtools-shared@8.1.1", "", {}, "sha512-+h4ttmJYl/txpxHKaoZcaKpC+pvckgLzIDiSQlaQ7kKthKh8KuwoLW2D8hPJEnqKzXOvu15UHEoGyngAXCz0EQ=="],
 
-    "@vue/language-core": ["@vue/language-core@3.3.4", "", { "dependencies": { "@volar/language-core": "2.4.28", "@vue/compiler-dom": "^3.5.0", "@vue/shared": "^3.5.0", "alien-signals": "^3.2.0", "muggle-string": "^0.4.1", "path-browserify": "^1.0.1", "picomatch": "^4.0.4" } }, "sha512-IuHqQ5zGGOE7CXP72VX6A42IVeIzYv4WAhO6arej11TRNqtdZfGyH8Yr2FOCaDX0dSQG+JwULLoFHGY1igYVjQ=="],
+    "@vue/language-core": ["@vue/language-core@3.3.5", "", { "dependencies": { "@volar/language-core": "2.4.28", "@vue/compiler-dom": "^3.5.0", "@vue/shared": "^3.5.0", "alien-signals": "^3.2.0", "muggle-string": "^0.4.1", "path-browserify": "^1.0.1", "picomatch": "^4.0.4" } }, "sha512-UkKu5nhX89fg4VhlG/FOeI10G3cj/7radKT/cy9BT4Q9qJmJlSTAc/dP63Xqs29aypN4f39xUV6PsLNk/dcD6g=="],
 
     "@vue/reactivity": ["@vue/reactivity@3.5.38", "", { "dependencies": { "@vue/shared": "3.5.38" } }, "sha512-pG6LV/NDNRbKizcUjFFLAfjaL8mcv4DmR9avNcUw2gDHBzZneuS2TWCmp633ynzxz9YYKNeEPK2I8Wraqy2HUQ=="],
 
@@ -885,7 +885,7 @@
 
     "aria-hidden": ["aria-hidden@1.2.6", "", { "dependencies": { "tslib": "^2.0.0" } }, "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA=="],
 
-    "assjs": ["assjs@0.1.7", "", {}, "sha512-UOPgAfUloeiImBYO4PzqM7qn5CUVYqxldJDOQYAOZsoxxpH+9mwy26KK3zv6eg1oqT00zQniL+ylvT47mfz7ZQ=="],
+    "assjs": ["assjs@0.1.8", "", {}, "sha512-yZWbsD9XuYTDUlLdWwhoBio1IkbPCFcF7xMXTAsjG6B/sxjBMuZWt/uCg57+yB0j31XFv2RGrLxeI1Rhj6SxxQ=="],
 
     "ast-kit": ["ast-kit@2.2.0", "", { "dependencies": { "@babel/parser": "^7.28.5", "pathe": "^2.0.3" } }, "sha512-m1Q/RaVOnTp9JxPX+F+Zn7IcLYMzM8kZofDImfsKZd8MbR+ikdOzTeztStWqfrqIxZnYWryyI9ePm3NGjnZgGw=="],
 
@@ -989,7 +989,7 @@
 
     "croner": ["croner@10.0.1", "", {}, "sha512-ixNtAJndqh173VQ4KodSdJEI6nuioBWI0V1ITNKhZZsO0pEMoDxz539T4FTTbSZ/xIOSuDnzxLVRqBVSvPNE2g=="],
 
-    "cronstrue": ["cronstrue@3.14.0", "", { "bin": { "cronstrue": "bin/cli.js" } }, "sha512-XnW4vuK/jPJjmTyDWiej1Zq36Od7ITwxaV2O1pzHZuyMVvdy7NAvyvIBzybt+idqSpfqYuoDG7uf/ocGtJVWxA=="],
+    "cronstrue": ["cronstrue@3.20.0", "", { "bin": { "cronstrue": "bin/cli.js" } }, "sha512-2VOOE8DSemXhqEtlU23GBMoeowHnhcto+HPelhtCfM5cP+PB59UOuoeOIBQATzKSW+RfOGF7OJjcwfaUxRW6QQ=="],
 
     "cross-spawn": ["cross-spawn@7.0.6", "", { "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", "which": "^2.0.1" } }, "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="],
 
@@ -1087,7 +1087,7 @@
 
     "encodeurl": ["encodeurl@2.0.0", "", {}, "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg=="],
 
-    "enhanced-resolve": ["enhanced-resolve@5.22.1", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.3.3" } }, "sha512-6QEuw3zoX1SJQc7b87aBXke/no+mG2bTBgw29gWMQonLmpEkWoCAVkl+M49e48AZlWzxiDzDZzYdp6kobcyLww=="],
+    "enhanced-resolve": ["enhanced-resolve@5.21.6", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.3.3" } }, "sha512-aNnGCvbJ/RIyWo1IuhNdVjnNF+EjH9wpzpNHt+ci/m9He9LJvUN8wrCcXjp9cWsGNAuvSpVFTx/vraAFQ8qGjQ=="],
 
     "entities": ["entities@7.0.1", "", {}, "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA=="],
 
@@ -1105,7 +1105,7 @@
 
     "escape-string-regexp": ["escape-string-regexp@4.0.0", "", {}, "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="],
 
-    "eslint": ["eslint@10.4.1", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.2", "@eslint/config-array": "^0.23.5", "@eslint/config-helpers": "^0.6.0", "@eslint/core": "^1.2.1", "@eslint/plugin-kit": "^0.7.2", "@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", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^9.1.2", "eslint-visitor-keys": "^5.0.1", "espree": "^11.2.0", "esquery": "^1.7.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", "minimatch": "^10.2.4", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-AyIKhnOBuOAdueD7RB3xB+YeAWScb9jHsJBgH2Hcde8InP5JYhqrRR6iTMHyTEwgENK54Cp44e4v8BwNhsuHuw=="],
+    "eslint": ["eslint@10.5.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.2", "@eslint/config-array": "^0.23.5", "@eslint/config-helpers": "^0.6.0", "@eslint/core": "^1.2.1", "@eslint/plugin-kit": "^0.7.2", "@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", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^9.1.2", "eslint-visitor-keys": "^5.0.1", "espree": "^11.2.0", "esquery": "^1.7.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", "minimatch": "^10.2.4", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-1y+7C+vi12bUK1IpZeaV3gsH9fHLBmPvYmPx42pvT/E9yG0IC8g3PUZZgp0+JLJl7ZDK0flc2gc+Aw9dpCvIsQ=="],
 
     "eslint-config-flat-gitignore": ["eslint-config-flat-gitignore@2.3.0", "", { "dependencies": { "@eslint/compat": "^2.0.3" }, "peerDependencies": { "eslint": "^9.5.0 || ^10.0.0" } }, "sha512-bg4ZLGgoARg1naWfsINUUb/52Ksw/K22K+T16D38Y8v+/sGwwIYrGvH/JBjOin+RQtxxC9tzNNiy4shnGtGyyQ=="],
 
@@ -1205,7 +1205,7 @@
 
     "fraction.js": ["fraction.js@5.3.4", "", {}, "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ=="],
 
-    "framer-motion": ["framer-motion@12.38.0", "", { "dependencies": { "motion-dom": "^12.38.0", "motion-utils": "^12.36.0", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g=="],
+    "framer-motion": ["framer-motion@12.40.0", "", { "dependencies": { "motion-dom": "^12.40.0", "motion-utils": "^12.39.0", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-uaBd3qC1v3KQqBEjwTUd183K6PbS+j0yR9w9VmEOLWA/tnUcSn8Xa3uck7t4dgpDoUss8xQTcj8W2L07lrnLFg=="],
 
     "fresh": ["fresh@2.0.0", "", {}, "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A=="],
 
@@ -1213,7 +1213,7 @@
 
     "function-bind": ["function-bind@1.1.2", "", {}, "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="],
 
-    "fuse.js": ["fuse.js@7.4.1", "", {}, "sha512-AY7lKAXK71hi3WgUvDy6oZL67UEHOOtvCAwVdOXHyJd6ZzftBy7QqxuXt4HxmmAhYjmp/YCuOELZtIvAdlZ+fw=="],
+    "fuse.js": ["fuse.js@7.4.2", "", {}, "sha512-LVbzjD4WA6UP5B1UnP8wuaXJiLnqMdM/E4fiJXTJ5haJ5b/MBNsK29h2fm6swEoQaVQjvYFWKLE2RanyZIoRVQ=="],
 
     "fzf": ["fzf@0.5.2", "", {}, "sha512-Tt4kuxLXFKHy8KT40zwsUPUkg1CrsgY25FxA2U/j/0WgEDCk3ddc/zLTCCcbSHX9FcKtLuVaDGtGE/STWC+j3Q=="],
 
@@ -1459,11 +1459,11 @@
 
     "moment": ["moment@2.30.1", "", {}, "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how=="],
 
-    "motion-dom": ["motion-dom@12.38.0", "", { "dependencies": { "motion-utils": "^12.36.0" } }, "sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA=="],
+    "motion-dom": ["motion-dom@12.40.0", "", { "dependencies": { "motion-utils": "^12.39.0" } }, "sha512-HxU3ZaBwNPVQUBQf1xxgq+7JrPNZvjLVxgbpEZL7RrWJnsxOf0/OM+yrHG9ogLQ31Do/r57Oz2gQWPK+6q62mg=="],
 
-    "motion-utils": ["motion-utils@12.36.0", "", {}, "sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg=="],
+    "motion-utils": ["motion-utils@12.39.0", "", {}, "sha512-8nadJAJjTtqRkmRF36FoJTrywK9nnFmnPwnSMyxaOCU7GDjN9RTMJIxx9De8ErM+vpPhMccr/6fo5WciyQLnMQ=="],
 
-    "motion-v": ["motion-v@2.2.1", "", { "dependencies": { "framer-motion": "^12.38.0", "hey-listen": "^1.0.8", "motion-dom": "^12.38.0", "motion-utils": "^12.36.0" }, "peerDependencies": { "@vueuse/core": ">=10.0.0", "vue": ">=3.0.0" } }, "sha512-BYbABe1Ep/u33dHOrK+8SoVU2MuiQqT94JOYsgrge8QbrwkKf2lS6rHW2QyzP6t89wcyBvzZeLQQwfrx76dj9A=="],
+    "motion-v": ["motion-v@2.3.0", "", { "dependencies": { "framer-motion": "^12.40.0", "hey-listen": "^1.0.8", "motion-dom": "^12.40.0", "motion-utils": "^12.39.0" }, "peerDependencies": { "@vueuse/core": ">=10.0.0", "vue": ">=3.0.0" } }, "sha512-J0CCfXtICCni9RjotDUBOs57xNpYI9yyBSohEOxaRHrmjwOtlw291fhRu/mdgEdSasys96R028YDDOAtWBbRaA=="],
 
     "mrmime": ["mrmime@2.0.1", "", {}, "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ=="],
 
@@ -1537,7 +1537,7 @@
 
     "oxc-walker": ["oxc-walker@1.0.0", "", { "dependencies": { "magic-regexp": "^0.11.0" }, "peerDependencies": { "oxc-parser": ">=0.98.0", "rolldown": ">=1.0.0" }, "optionalPeers": ["oxc-parser", "rolldown"] }, "sha512-eMsHflAGfOskpWxtp9xP/f5b96XLEU8ifTd2gOOCkdux9HMxKGy5S1ru0Gh1B3aPu+YbfmWUUVkcb7MrZz3XyQ=="],
 
-    "oxfmt": ["oxfmt@0.47.0", "", { "dependencies": { "tinypool": "2.1.0" }, "optionalDependencies": { "@oxfmt/binding-android-arm-eabi": "0.47.0", "@oxfmt/binding-android-arm64": "0.47.0", "@oxfmt/binding-darwin-arm64": "0.47.0", "@oxfmt/binding-darwin-x64": "0.47.0", "@oxfmt/binding-freebsd-x64": "0.47.0", "@oxfmt/binding-linux-arm-gnueabihf": "0.47.0", "@oxfmt/binding-linux-arm-musleabihf": "0.47.0", "@oxfmt/binding-linux-arm64-gnu": "0.47.0", "@oxfmt/binding-linux-arm64-musl": "0.47.0", "@oxfmt/binding-linux-ppc64-gnu": "0.47.0", "@oxfmt/binding-linux-riscv64-gnu": "0.47.0", "@oxfmt/binding-linux-riscv64-musl": "0.47.0", "@oxfmt/binding-linux-s390x-gnu": "0.47.0", "@oxfmt/binding-linux-x64-gnu": "0.47.0", "@oxfmt/binding-linux-x64-musl": "0.47.0", "@oxfmt/binding-openharmony-arm64": "0.47.0", "@oxfmt/binding-win32-arm64-msvc": "0.47.0", "@oxfmt/binding-win32-ia32-msvc": "0.47.0", "@oxfmt/binding-win32-x64-msvc": "0.47.0" }, "bin": { "oxfmt": "bin/oxfmt" } }, "sha512-OFbkbzxKCpooQEnRmpTDnuwTX8KHXzZTQ4Df/hz85fpS67Pl+lxPEFvUtin56HIIS0B1k4X8oIzTXRZPufA2CA=="],
+    "oxfmt": ["oxfmt@0.55.0", "", { "dependencies": { "tinypool": "2.1.0" }, "optionalDependencies": { "@oxfmt/binding-android-arm-eabi": "0.55.0", "@oxfmt/binding-android-arm64": "0.55.0", "@oxfmt/binding-darwin-arm64": "0.55.0", "@oxfmt/binding-darwin-x64": "0.55.0", "@oxfmt/binding-freebsd-x64": "0.55.0", "@oxfmt/binding-linux-arm-gnueabihf": "0.55.0", "@oxfmt/binding-linux-arm-musleabihf": "0.55.0", "@oxfmt/binding-linux-arm64-gnu": "0.55.0", "@oxfmt/binding-linux-arm64-musl": "0.55.0", "@oxfmt/binding-linux-ppc64-gnu": "0.55.0", "@oxfmt/binding-linux-riscv64-gnu": "0.55.0", "@oxfmt/binding-linux-riscv64-musl": "0.55.0", "@oxfmt/binding-linux-s390x-gnu": "0.55.0", "@oxfmt/binding-linux-x64-gnu": "0.55.0", "@oxfmt/binding-linux-x64-musl": "0.55.0", "@oxfmt/binding-openharmony-arm64": "0.55.0", "@oxfmt/binding-win32-arm64-msvc": "0.55.0", "@oxfmt/binding-win32-ia32-msvc": "0.55.0", "@oxfmt/binding-win32-x64-msvc": "0.55.0" }, "peerDependencies": { "svelte": "^5.0.0", "vite-plus": "*" }, "optionalPeers": ["svelte", "vite-plus"], "bin": { "oxfmt": "bin/oxfmt" } }, "sha512-jSj2wCTakwgPMxkfiVZX0jf+nX+Nz6xlyAZjqNE0qXTFdCBPYlP6JAN+ODjmealw7DXBjOzYbdsqwBMAZnPZ6A=="],
 
     "p-limit": ["p-limit@3.1.0", "", { "dependencies": { "yocto-queue": "^0.1.0" } }, "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ=="],
 
@@ -1663,7 +1663,7 @@
 
     "prosemirror-keymap": ["prosemirror-keymap@1.2.3", "", { "dependencies": { "prosemirror-state": "^1.0.0", "w3c-keyname": "^2.2.0" } }, "sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw=="],
 
-    "prosemirror-model": ["prosemirror-model@1.25.4", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA=="],
+    "prosemirror-model": ["prosemirror-model@1.25.9", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-pRTklkDDMMRopyoAcrr9wV/8g/RYgrLHBuJAb5hlEuYZRdm5yqmPjWId83fpBwPpSFqEdja0H7Dfd7z1X/npcA=="],
 
     "prosemirror-schema-list": ["prosemirror-schema-list@1.5.1", "", { "dependencies": { "prosemirror-model": "^1.0.0", "prosemirror-state": "^1.0.0", "prosemirror-transform": "^1.7.3" } }, "sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q=="],
 
@@ -1671,9 +1671,9 @@
 
     "prosemirror-tables": ["prosemirror-tables@1.8.5", "", { "dependencies": { "prosemirror-keymap": "^1.2.3", "prosemirror-model": "^1.25.4", "prosemirror-state": "^1.4.4", "prosemirror-transform": "^1.10.5", "prosemirror-view": "^1.41.4" } }, "sha512-V/0cDCsHKHe/tfWkeCmthNUcEp1IVO3p6vwN8XtwE9PZQLAZJigbw3QoraAdfJPir4NKJtNvOB8oYGKRl+t0Dw=="],
 
-    "prosemirror-transform": ["prosemirror-transform@1.11.0", "", { "dependencies": { "prosemirror-model": "^1.21.0" } }, "sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw=="],
+    "prosemirror-transform": ["prosemirror-transform@1.12.0", "", { "dependencies": { "prosemirror-model": "^1.21.0" } }, "sha512-GxboyN4AMIsoHNtz5uf2r2Ru551i5hWeCMD6E2Ib4Eogqoub0NflniaBPVQ4MrGE5yZ8JV9tUHg9qcZTTrcN4w=="],
 
-    "prosemirror-view": ["prosemirror-view@1.41.7", "", { "dependencies": { "prosemirror-model": "^1.20.0", "prosemirror-state": "^1.0.0", "prosemirror-transform": "^1.1.0" } }, "sha512-jUwKNCEIGiqdvhlS91/2QAg21e4dfU5bH2iwmSDQeosXJgKF7smG0YSplOWK0cjSNgIqXe7VXqo7EIfUFJdt3w=="],
+    "prosemirror-view": ["prosemirror-view@1.41.9", "", { "dependencies": { "prosemirror-model": "^1.25.8", "prosemirror-state": "^1.0.0", "prosemirror-transform": "^1.1.0" } }, "sha512-clTunTX+eaLbr87L1V1QPheRlEQJyTlL3gXe9x3jQIk3rL0RVWxviDGz8tFaydwIVm+hKhYCyr+R/zBtWr9s6A=="],
 
     "punycode": ["punycode@2.3.1", "", {}, "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="],
 
@@ -1705,7 +1705,7 @@
 
     "regjsparser": ["regjsparser@0.13.0", "", { "dependencies": { "jsesc": "~3.1.0" }, "bin": { "regjsparser": "bin/parser" } }, "sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q=="],
 
-    "reka-ui": ["reka-ui@2.9.9", "", { "dependencies": { "@floating-ui/dom": "^1.6.13", "@floating-ui/vue": "^1.1.6", "@internationalized/date": "^3.5.0", "@internationalized/number": "^3.5.0", "@tanstack/vue-virtual": "^3.12.0", "@vueuse/core": "^14.1.0", "@vueuse/shared": "^14.1.0", "aria-hidden": "^1.2.4", "defu": "^6.1.5", "ohash": "^2.0.11" }, "peerDependencies": { "vue": ">= 3.4.0" } }, "sha512-/e+hdF9vP8E2kPrKR4RdgMQQsfpCr8l436Zn8GRWM3jKT9EG1lOO/UFMGBVEnrMLOVoJSjjmIFrej4tMOb+6qQ=="],
+    "reka-ui": ["reka-ui@2.9.10", "", { "dependencies": { "@floating-ui/dom": "^1.6.13", "@floating-ui/vue": "^1.1.6", "@internationalized/date": "^3.5.0", "@internationalized/number": "^3.5.0", "@tanstack/vue-virtual": "^3.12.0", "@vueuse/core": "^14.1.0", "@vueuse/shared": "^14.1.0", "aria-hidden": "^1.2.4", "defu": "^6.1.5", "ohash": "^2.0.11" }, "peerDependencies": { "vue": ">= 3.4.0" } }, "sha512-yuvZVTp4fWH2G3qk+ze/x6YYlyc2Xl1d+eMUlIYrKqzTowBKteoDoN17fitURmqSUck3mc7JbcYgp49DnGu2EQ=="],
 
     "reserved-identifiers": ["reserved-identifiers@1.2.0", "", {}, "sha512-yE7KUfFvaBFzGPs5H3Ops1RevfUEsDc5Iz65rOwWg4lE8HJSYtle77uul3+573457oHvBKuHYDl/xqUkKpEEdw=="],
 
@@ -1835,7 +1835,7 @@
 
     "tailwind-variants": ["tailwind-variants@3.2.2", "", { "peerDependencies": { "tailwind-merge": ">=3.0.0", "tailwindcss": "*" }, "optionalPeers": ["tailwind-merge"] }, "sha512-Mi4kHeMTLvKlM98XPnK+7HoBPmf4gygdFmqQPaDivc3DpYS6aIY6KiG/PgThrGvii5YZJqRsPz0aPyhoFzmZgg=="],
 
-    "tailwindcss": ["tailwindcss@4.3.0", "", {}, "sha512-y6nxMGB1nMW9R6k96e5gdIFzcfL/gTJRNaqGes1YvkLnPVXzWgbqFF2yLC0T8G774n24cx3Pe8XrKoniCOAH+Q=="],
+    "tailwindcss": ["tailwindcss@4.3.1", "", {}, "sha512-hk+TB1m+K8CYNrP6rjQaq/Y+4Zylwpa87mLYBKCunwnnQ9p+fHb7kmSfGqyEJoxF/O6CDyABWVFEafNSYKll+Q=="],
 
     "tapable": ["tapable@2.3.3", "", {}, "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A=="],
 
@@ -1889,7 +1889,7 @@
 
     "unctx": ["unctx@2.5.0", "", { "dependencies": { "acorn": "^8.15.0", "estree-walker": "^3.0.3", "magic-string": "^0.30.21", "unplugin": "^2.3.11" } }, "sha512-p+Rz9x0R7X+CYDkT+Xg8/GhpcShTlU8n+cf9OtOEf7zEQsNcCZO1dPKNRDqvUTaq+P32PMMkxWHwfrxkqfqAYg=="],
 
-    "undici-types": ["undici-types@7.19.2", "", {}, "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg=="],
+    "undici-types": ["undici-types@7.24.6", "", {}, "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg=="],
 
     "unenv": ["unenv@2.0.0-rc.24", "", { "dependencies": { "pathe": "^2.0.3" } }, "sha512-i7qRCmY42zmCwnYlh9H2SvLEypEFGye5iRmEMKjcGi7zk9UquigRjFtTLz0TYqr0ZGLZhaMHl/foy1bZR+Cwlw=="],
 
@@ -1953,7 +1953,7 @@
 
     "vue-bundle-renderer": ["vue-bundle-renderer@2.2.0", "", { "dependencies": { "ufo": "^1.6.1" } }, "sha512-sz/0WEdYH1KfaOm0XaBmRZOWgYTEvUDt6yPYaUzl4E52qzgWLlknaPPTTZmp6benaPTlQAI/hN1x3tAzZygycg=="],
 
-    "vue-component-type-helpers": ["vue-component-type-helpers@3.3.3", "", {}, "sha512-x4nsFpy5Pe8fqPzp/5vkTPeTTDBpAx4WVtV47Ejt0+2FQrq4pRRsJs7JmYRqMFzTu/LW+pCWEjQ3YVCkPV7f9g=="],
+    "vue-component-type-helpers": ["vue-component-type-helpers@3.3.5", "", {}, "sha512-Fe1jyPJoUGpJOYKOri44jduR7My4yYINOMJISuMAbmrs+L5LbIDUc8NTWZYY3EJLK0yPLuCmcd5zoCsE4k2/KA=="],
 
     "vue-demi": ["vue-demi@0.14.10", "", { "peerDependencies": { "@vue/composition-api": "^1.0.0-rc.1", "vue": "^3.0.0-0 || ^2.6.0" }, "optionalPeers": ["@vue/composition-api"], "bin": { "vue-demi-fix": "bin/vue-demi-fix.js", "vue-demi-switch": "bin/vue-demi-switch.js" } }, "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg=="],
 
@@ -1963,7 +1963,7 @@
 
     "vue-router": ["vue-router@5.1.0", "", { "dependencies": { "@babel/generator": "^8.0.0-rc.4", "@vue-macros/common": "^3.1.1", "@vue/devtools-api": "^8.1.2", "ast-walker-scope": "^0.9.0", "chokidar": "^5.0.0", "json5": "^2.2.3", "local-pkg": "^1.1.2", "magic-string": "^0.30.21", "mlly": "^1.8.2", "muggle-string": "^0.4.1", "pathe": "^2.0.3", "picomatch": "^4.0.3", "scule": "^1.3.0", "tinyglobby": "^0.2.16", "unplugin": "^3.0.0", "unplugin-utils": "^0.3.1", "yaml": "^2.9.0" }, "peerDependencies": { "@pinia/colada": ">=0.21.2", "@vue/compiler-sfc": "^3.5.34", "pinia": "^3.0.4", "vite": "^7.0.0 || ^8.0.0", "vue": "^3.5.34" }, "optionalPeers": ["@pinia/colada", "@vue/compiler-sfc", "pinia", "vite"] }, "sha512-HAbiLzLEHQwxPgvsbOJDAwtavszEgLwri6XfyrsPECIFez8+59xc9LofWVdc/HEaSRT822lJ8H9Ns38VVond5g=="],
 
-    "vue-tsc": ["vue-tsc@3.3.4", "", { "dependencies": { "@volar/typescript": "2.4.28", "@vue/language-core": "3.3.4" }, "peerDependencies": { "typescript": ">=5.0.0" }, "bin": { "vue-tsc": "bin/vue-tsc.js" } }, "sha512-XA/JqmQwS2GZmfgpjOEGdrKwaTSEuPwxpHa7/t6f4yiGrJb3gVHTPb9wBfByMNZwQ+xDXs41b8gaS2DKsOozUw=="],
+    "vue-tsc": ["vue-tsc@3.3.5", "", { "dependencies": { "@volar/typescript": "2.4.28", "@vue/language-core": "3.3.5" }, "peerDependencies": { "typescript": ">=5.0.0" }, "bin": { "vue-tsc": "bin/vue-tsc.js" } }, "sha512-Rzh/G2MmNlMSAMTiQEjDrsb4dgB/jbtEM47rVN2NtidF1dfb/q4w4QvpQBtW5+y3y5H27Hjh7deVwk+YB02fNg=="],
 
     "vuedraggable": ["vuedraggable@4.1.0", "", { "dependencies": { "sortablejs": "1.14.0" }, "peerDependencies": { "vue": "^3.0.1" } }, "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww=="],
 
@@ -2069,7 +2069,7 @@
 
     "@dxup/nuxt/tinyglobby": ["tinyglobby@0.2.16", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.4" } }, "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg=="],
 
-    "@es-joy/jsdoccomment/@types/estree": ["@types/estree@1.0.9", "", {}, "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg=="],
+    "@es-joy/jsdoccomment/@typescript-eslint/types": ["@typescript-eslint/types@8.61.0", "", {}, "sha512-9QTQpZ5Iin4CdIodfbDQFSeiSJKidgYJYug1P9CC2xWgUTvlmixViqDZNciMjwLBZyJnG4tGmPl97rVAFb1AJg=="],
 
     "@es-joy/jsdoccomment/comment-parser": ["comment-parser@1.4.7", "", {}, "sha512-0h+uSNtQGW3D98eQt3jJ8L06Fves8hncB4V/PKdw/Qb8Hnk19VaKuTr55UNRYiSoVa7WwrFls+rh3ux9agmkeQ=="],
 
@@ -2113,6 +2113,10 @@
 
     "@nuxt/eslint/find-up": ["find-up@8.0.0", "", { "dependencies": { "locate-path": "^8.0.0", "unicorn-magic": "^0.3.0" } }, "sha512-JGG8pvDi2C+JxidYdIwQDyS/CgcrIdh18cvgxcBge3wSHRQOrooMD3GlFBcmMJAN9M42SAZjDp5zv1dglJjwww=="],
 
+    "@nuxt/eslint-config/@typescript-eslint/parser": ["@typescript-eslint/parser@8.61.0", "", { "dependencies": { "@typescript-eslint/scope-manager": "8.61.0", "@typescript-eslint/types": "8.61.0", "@typescript-eslint/typescript-estree": "8.61.0", "@typescript-eslint/visitor-keys": "8.61.0", "debug": "^4.4.3" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "sha512-5B7PfA2e1NQGCnDHd/0lW7W3gvp3d59Ryw54FYO8Uswxo9f6ikw3AZV+Xj/TvpImmpsiYyUqAfhC6kJID1jF6w=="],
+
+    "@nuxt/eslint-plugin/@typescript-eslint/types": ["@typescript-eslint/types@8.61.0", "", {}, "sha512-9QTQpZ5Iin4CdIodfbDQFSeiSJKidgYJYug1P9CC2xWgUTvlmixViqDZNciMjwLBZyJnG4tGmPl97rVAFb1AJg=="],
+
     "@nuxt/fonts/@nuxt/kit": ["@nuxt/kit@4.4.2", "", { "dependencies": { "c12": "^3.3.3", "consola": "^3.4.2", "defu": "^6.1.4", "destr": "^2.0.5", "errx": "^0.1.0", "exsolve": "^1.0.8", "ignore": "^7.0.5", "jiti": "^2.6.1", "klona": "^2.0.6", "mlly": "^1.8.1", "ohash": "^2.0.11", "pathe": "^2.0.3", "pkg-types": "^2.3.0", "rc9": "^3.0.0", "scule": "^1.3.0", "semver": "^7.7.4", "tinyglobby": "^0.2.15", "ufo": "^1.6.3", "unctx": "^2.5.0", "untyped": "^2.0.0" } }, "sha512-5+IPRNX2CjkBhuWUwz0hBuLqiaJPRoKzQ+SvcdrQDbAyE+VDeFt74VpSFr5/R0ujrK4b+XnSHUJWdS72w6hsog=="],
 
     "@nuxt/fonts/defu": ["defu@6.1.4", "", {}, "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="],
@@ -2121,10 +2125,6 @@
 
     "@nuxt/fonts/ufo": ["ufo@1.6.3", "", {}, "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q=="],
 
-    "@nuxt/icon/@nuxt/kit": ["@nuxt/kit@4.4.6", "", { "dependencies": { "c12": "^3.3.4", "consola": "^3.4.2", "defu": "^6.1.7", "destr": "^2.0.5", "errx": "^0.1.0", "exsolve": "^1.0.8", "ignore": "^7.0.5", "jiti": "^2.7.0", "klona": "^2.0.6", "mlly": "^1.8.2", "ohash": "^2.0.11", "pathe": "^2.0.3", "pkg-types": "^2.3.1", "rc9": "^3.0.1", "scule": "^1.3.0", "semver": "^7.8.0", "tinyglobby": "^0.2.16", "ufo": "^1.6.4", "unctx": "^2.5.0", "untyped": "^2.0.0" } }, "sha512-AzsqBJeG7b3whIciyzkz4nBossEotM314KzKAptc8kH07ORBIR8Qh3QYKepo2YZwtxiDP2Y9aqzAztwpSEDHtw=="],
-
-    "@nuxt/icon/tinyglobby": ["tinyglobby@0.2.16", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.4" } }, "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg=="],
-
     "@nuxt/kit/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
 
     "@nuxt/kit/semver": ["semver@7.8.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA=="],
@@ -2135,23 +2135,13 @@
 
     "@nuxt/nitro-server/unstorage": ["unstorage@1.17.5", "", { "dependencies": { "anymatch": "^3.1.3", "chokidar": "^5.0.0", "destr": "^2.0.5", "h3": "^1.15.10", "lru-cache": "^11.2.7", "node-fetch-native": "^1.6.7", "ofetch": "^1.5.1", "ufo": "^1.6.3" }, "peerDependencies": { "@azure/app-configuration": "^1.8.0", "@azure/cosmos": "^4.2.0", "@azure/data-tables": "^13.3.0", "@azure/identity": "^4.6.0", "@azure/keyvault-secrets": "^4.9.0", "@azure/storage-blob": "^12.26.0", "@capacitor/preferences": "^6 || ^7 || ^8", "@deno/kv": ">=0.9.0", "@netlify/blobs": "^6.5.0 || ^7.0.0 || ^8.1.0 || ^9.0.0 || ^10.0.0", "@planetscale/database": "^1.19.0", "@upstash/redis": "^1.34.3", "@vercel/blob": ">=0.27.1", "@vercel/functions": "^2.2.12 || ^3.0.0", "@vercel/kv": "^1 || ^2 || ^3", "aws4fetch": "^1.0.20", "db0": ">=0.2.1", "idb-keyval": "^6.2.1", "ioredis": "^5.4.2", "uploadthing": "^7.4.4" }, "optionalPeers": ["@azure/app-configuration", "@azure/cosmos", "@azure/data-tables", "@azure/identity", "@azure/keyvault-secrets", "@azure/storage-blob", "@capacitor/preferences", "@deno/kv", "@netlify/blobs", "@planetscale/database", "@upstash/redis", "@vercel/blob", "@vercel/functions", "@vercel/kv", "aws4fetch", "db0", "idb-keyval", "ioredis", "uploadthing"] }, "sha512-0i3iqvRfx29hkNntHyQvJTpf5W9dQ9ZadSoRU8+xVlhVtT7jAX57fazYO9EHvcRCfBCyi5YRya7XCDOsbTgkPg=="],
 
-    "@nuxt/schema/@vue/shared": ["@vue/shared@3.5.35", "", {}, "sha512-zSbjL7gRXwks2ZQLRGCajBtBXEOXW9Ddhn/HvSdrGkE2dqGnumzW8XtusRrxrE9LvqtiqDXQ+A60Hp6mvdYxfA=="],
-
     "@nuxt/telemetry/ofetch": ["ofetch@2.0.0-alpha.3", "", {}, "sha512-zpYTCs2byOuft65vI3z43Dd6iSdFbOZZLb9/d21aCpx2rGastVU9dOCv0lu4ykc1Ur1anAYjDi3SUvR0vq50JA=="],
 
-    "@nuxt/ui/@nuxt/kit": ["@nuxt/kit@4.4.7", "", { "dependencies": { "c12": "^3.3.4", "consola": "^3.4.2", "defu": "^6.1.7", "destr": "^2.0.5", "errx": "^0.1.0", "exsolve": "^1.0.8", "ignore": "^7.0.5", "jiti": "^2.7.0", "klona": "^2.0.6", "mlly": "^1.8.2", "ohash": "^2.0.11", "pathe": "^2.0.3", "pkg-types": "^2.3.1", "rc9": "^3.0.1", "scule": "^1.3.0", "semver": "^7.8.1", "tinyglobby": "^0.2.17", "ufo": "^1.6.4", "unctx": "^2.5.0", "untyped": "^2.0.0" } }, "sha512-QwtpqNxSOLyJH1UoDpcgsfzVEw95J0893hn1A+CvgeOxoTos1BGvD15D1v/OVQ2MK1EpfnFZJby51t1yudOvBA=="],
-
     "@nuxt/vite-builder/escape-string-regexp": ["escape-string-regexp@5.0.0", "", {}, "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw=="],
 
     "@nuxt/vite-builder/vite": ["vite@7.3.3", "", { "dependencies": { "esbuild": "^0.27.0", "fdir": "^6.5.0", "picomatch": "^4.0.3", "postcss": "^8.5.6", "rollup": "^4.43.0", "tinyglobby": "^0.2.15" }, "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" }, "optionalPeers": ["@types/node", "jiti", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-/4XH147Ui7OGTjg3HbdWe5arnZQSbfuRzdr9Ec7TQi5I7R+ir0Rlc9GIvD4v0XZurELqA035KVXJXpR61xhiTA=="],
 
-    "@nuxtjs/color-mode/@nuxt/kit": ["@nuxt/kit@3.21.2", "", { "dependencies": { "c12": "^3.3.3", "consola": "^3.4.2", "defu": "^6.1.4", "destr": "^2.0.5", "errx": "^0.1.0", "exsolve": "^1.0.8", "ignore": "^7.0.5", "jiti": "^2.6.1", "klona": "^2.0.6", "knitwork": "^1.3.0", "mlly": "^1.8.1", "ohash": "^2.0.11", "pathe": "^2.0.3", "pkg-types": "^2.3.0", "rc9": "^3.0.0", "scule": "^1.3.0", "semver": "^7.7.4", "tinyglobby": "^0.2.15", "ufo": "^1.6.3", "unctx": "^2.5.0", "untyped": "^2.0.0" } }, "sha512-Bd6m6mrDrqpBEbX+g0rc66/ALd1sxlgdx5nfK9MAYO0yKLTOSK7McSYz1KcOYn3LQFCXOWfvXwaqih/b+REI1g=="],
-
-    "@nuxtjs/color-mode/pathe": ["pathe@1.1.2", "", {}, "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ=="],
-
-    "@nuxtjs/color-mode/pkg-types": ["pkg-types@1.3.1", "", { "dependencies": { "confbox": "^0.1.8", "mlly": "^1.7.4", "pathe": "^2.0.1" } }, "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ=="],
-
-    "@nuxtjs/color-mode/semver": ["semver@7.7.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="],
+    "@nuxtjs/color-mode/semver": ["semver@7.8.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA=="],
 
     "@parcel/watcher/picomatch": ["picomatch@4.0.3", "", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="],
 
@@ -2165,6 +2155,8 @@
 
     "@rollup/plugin-inject/estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
 
+    "@rollup/pluginutils/@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
+
     "@rollup/pluginutils/estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
 
     "@rollup/pluginutils/picomatch": ["picomatch@4.0.3", "", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="],
@@ -2185,16 +2177,30 @@
 
     "@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.4", "", { "dependencies": { "@tybys/wasm-util": "^0.10.1" }, "peerDependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1" }, "bundled": true }, "sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow=="],
 
-    "@tailwindcss/oxide-wasm32-wasi/@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
+    "@tailwindcss/oxide-wasm32-wasi/@tybys/wasm-util": ["@tybys/wasm-util@0.10.2", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg=="],
 
     "@tailwindcss/oxide-wasm32-wasi/tslib": ["tslib@2.8.1", "", { "bundled": true }, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
 
     "@tiptap/markdown/marked": ["marked@17.0.5", "", { "bin": { "marked": "bin/marked.js" } }, "sha512-6hLvc0/JEbRjRgzI6wnT2P1XuM1/RrrDEX0kPt0N7jGm1133g6X7DlxFasUIx+72aKAr904GTxhSLDrd5DIlZg=="],
 
+    "@typescript-eslint/eslint-plugin/@typescript-eslint/scope-manager": ["@typescript-eslint/scope-manager@8.61.0", "", { "dependencies": { "@typescript-eslint/types": "8.61.0", "@typescript-eslint/visitor-keys": "8.61.0" } }, "sha512-IWdXFHFSb6mlC3HPc7QsLDm5zYEbUla6trDEHf32D3/dnuUyXd87plScSNXSbm0/RxMvObpI17sv/EDTGrGZkA=="],
+
+    "@typescript-eslint/eslint-plugin/@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.61.0", "", { "dependencies": { "@typescript-eslint/types": "8.61.0", "eslint-visitor-keys": "^5.0.0" } }, "sha512-QVLZu3ZPQEE+HICQyAMZ2yLQhxf0meY/wx6Hx14YcTNj13JB3qHlX3lJ02L3fLGHgERRH71kvYDwiXIguT3AjQ=="],
+
     "@typescript-eslint/eslint-plugin/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
 
+    "@typescript-eslint/type-utils/@typescript-eslint/types": ["@typescript-eslint/types@8.61.0", "", {}, "sha512-9QTQpZ5Iin4CdIodfbDQFSeiSJKidgYJYug1P9CC2xWgUTvlmixViqDZNciMjwLBZyJnG4tGmPl97rVAFb1AJg=="],
+
+    "@typescript-eslint/type-utils/@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.61.0", "", { "dependencies": { "@typescript-eslint/project-service": "8.61.0", "@typescript-eslint/tsconfig-utils": "8.61.0", "@typescript-eslint/types": "8.61.0", "@typescript-eslint/visitor-keys": "8.61.0", "debug": "^4.4.3", "minimatch": "^10.2.2", "semver": "^7.7.3", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.5.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-42zatd5qSvvcV1JdDBCLxYRznvP4eIHpPoZXdkPFnAmanA4FuZ5dibSnCBggY8hQnqajPpoGjXFdZ7fIJKQnlA=="],
+
     "@typescript-eslint/typescript-estree/semver": ["semver@7.8.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA=="],
 
+    "@typescript-eslint/utils/@typescript-eslint/scope-manager": ["@typescript-eslint/scope-manager@8.61.0", "", { "dependencies": { "@typescript-eslint/types": "8.61.0", "@typescript-eslint/visitor-keys": "8.61.0" } }, "sha512-IWdXFHFSb6mlC3HPc7QsLDm5zYEbUla6trDEHf32D3/dnuUyXd87plScSNXSbm0/RxMvObpI17sv/EDTGrGZkA=="],
+
+    "@typescript-eslint/utils/@typescript-eslint/types": ["@typescript-eslint/types@8.61.0", "", {}, "sha512-9QTQpZ5Iin4CdIodfbDQFSeiSJKidgYJYug1P9CC2xWgUTvlmixViqDZNciMjwLBZyJnG4tGmPl97rVAFb1AJg=="],
+
+    "@typescript-eslint/utils/@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.61.0", "", { "dependencies": { "@typescript-eslint/project-service": "8.61.0", "@typescript-eslint/tsconfig-utils": "8.61.0", "@typescript-eslint/types": "8.61.0", "@typescript-eslint/visitor-keys": "8.61.0", "debug": "^4.4.3", "minimatch": "^10.2.2", "semver": "^7.7.3", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.5.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-42zatd5qSvvcV1JdDBCLxYRznvP4eIHpPoZXdkPFnAmanA4FuZ5dibSnCBggY8hQnqajPpoGjXFdZ7fIJKQnlA=="],
+
     "@unrs/resolver-binding-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@0.2.12", "", { "dependencies": { "@emnapi/core": "^1.4.3", "@emnapi/runtime": "^1.4.3", "@tybys/wasm-util": "^0.10.0" } }, "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ=="],
 
     "@vercel/nft/estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
@@ -2237,6 +2243,8 @@
 
     "ast-walker-scope/@babel/types": ["@babel/types@7.29.0", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.28.5" } }, "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A=="],
 
+    "bun-types/@types/node": ["@types/node@25.6.0", "", { "dependencies": { "undici-types": "~7.19.0" } }, "sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ=="],
+
     "caniuse-api/browserslist": ["browserslist@4.28.1", "", { "dependencies": { "baseline-browser-mapping": "^2.9.0", "caniuse-lite": "^1.0.30001759", "electron-to-chromium": "^1.5.263", "node-releases": "^2.0.27", "update-browserslist-db": "^1.2.0" }, "bin": { "browserslist": "cli.js" } }, "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA=="],
 
     "caniuse-api/caniuse-lite": ["caniuse-lite@1.0.30001770", "", {}, "sha512-x/2CLQ1jHENRbHg5PSId2sXq1CIO1CISvwWAj027ltMVG2UNgW+w9oH2+HzgEIRFembL8bUlXtfbBHR1fCg2xw=="],
@@ -2259,6 +2267,10 @@
 
     "eslint-plugin-jsdoc/semver": ["semver@7.8.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA=="],
 
+    "eslint-scope/@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
+
+    "estree-walker/@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
+
     "fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
 
     "fontaine/ufo": ["ufo@1.6.3", "", {}, "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q=="],
@@ -2283,6 +2295,8 @@
 
     "h3/ufo": ["ufo@1.6.3", "", {}, "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q=="],
 
+    "is-reference/@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
+
     "lazystream/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
 
     "listhen/h3": ["h3@1.15.11", "", { "dependencies": { "cookie-es": "^1.2.3", "crossws": "^0.3.5", "defu": "^6.1.6", "destr": "^2.0.5", "iron-webcrypto": "^1.2.1", "node-mock-http": "^1.0.4", "radix3": "^1.1.2", "ufo": "^1.6.3", "uncrypto": "^0.1.3" } }, "sha512-L3THSe2MPeBwgIZVSH5zLdBBU90TOxarvhK9d04IDY2AmVS8j2Jz2LIWtwsGOU3lu2I5jCN7FNvVfY2+XyF+mg=="],
@@ -2325,8 +2339,6 @@
 
     "npm-run-path/path-key": ["path-key@4.0.0", "", {}, "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ=="],
 
-    "nuxt/@nuxt/schema": ["@nuxt/schema@4.4.8", "", { "dependencies": { "@vue/shared": "^3.5.35", "defu": "^6.1.7", "pathe": "^2.0.3", "pkg-types": "^2.3.1", "std-env": "^4.1.0" } }, "sha512-igfWuMF0x0Pmx/XwhPwH/bcXgbuwNnjUjqxCAsY6VQhmGKo0e9soJq3Q0ohj+rBkBfX6o2ysTP1/t2M82aK4qA=="],
-
     "nuxt/escape-string-regexp": ["escape-string-regexp@5.0.0", "", {}, "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw=="],
 
     "nuxt/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
@@ -2339,8 +2351,46 @@
 
     "proper-lockfile/signal-exit": ["signal-exit@3.0.7", "", {}, "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="],
 
+    "prosemirror-changeset/prosemirror-transform": ["prosemirror-transform@1.11.0", "", { "dependencies": { "prosemirror-model": "^1.21.0" } }, "sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw=="],
+
+    "prosemirror-commands/prosemirror-model": ["prosemirror-model@1.25.4", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA=="],
+
+    "prosemirror-commands/prosemirror-transform": ["prosemirror-transform@1.11.0", "", { "dependencies": { "prosemirror-model": "^1.21.0" } }, "sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw=="],
+
+    "prosemirror-dropcursor/prosemirror-transform": ["prosemirror-transform@1.11.0", "", { "dependencies": { "prosemirror-model": "^1.21.0" } }, "sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw=="],
+
+    "prosemirror-dropcursor/prosemirror-view": ["prosemirror-view@1.41.7", "", { "dependencies": { "prosemirror-model": "^1.20.0", "prosemirror-state": "^1.0.0", "prosemirror-transform": "^1.1.0" } }, "sha512-jUwKNCEIGiqdvhlS91/2QAg21e4dfU5bH2iwmSDQeosXJgKF7smG0YSplOWK0cjSNgIqXe7VXqo7EIfUFJdt3w=="],
+
+    "prosemirror-gapcursor/prosemirror-model": ["prosemirror-model@1.25.4", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA=="],
+
+    "prosemirror-gapcursor/prosemirror-view": ["prosemirror-view@1.41.7", "", { "dependencies": { "prosemirror-model": "^1.20.0", "prosemirror-state": "^1.0.0", "prosemirror-transform": "^1.1.0" } }, "sha512-jUwKNCEIGiqdvhlS91/2QAg21e4dfU5bH2iwmSDQeosXJgKF7smG0YSplOWK0cjSNgIqXe7VXqo7EIfUFJdt3w=="],
+
+    "prosemirror-history/prosemirror-transform": ["prosemirror-transform@1.11.0", "", { "dependencies": { "prosemirror-model": "^1.21.0" } }, "sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw=="],
+
+    "prosemirror-history/prosemirror-view": ["prosemirror-view@1.41.7", "", { "dependencies": { "prosemirror-model": "^1.20.0", "prosemirror-state": "^1.0.0", "prosemirror-transform": "^1.1.0" } }, "sha512-jUwKNCEIGiqdvhlS91/2QAg21e4dfU5bH2iwmSDQeosXJgKF7smG0YSplOWK0cjSNgIqXe7VXqo7EIfUFJdt3w=="],
+
+    "prosemirror-inputrules/prosemirror-transform": ["prosemirror-transform@1.11.0", "", { "dependencies": { "prosemirror-model": "^1.21.0" } }, "sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw=="],
+
+    "prosemirror-schema-list/prosemirror-model": ["prosemirror-model@1.25.4", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA=="],
+
+    "prosemirror-schema-list/prosemirror-transform": ["prosemirror-transform@1.11.0", "", { "dependencies": { "prosemirror-model": "^1.21.0" } }, "sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw=="],
+
+    "prosemirror-state/prosemirror-model": ["prosemirror-model@1.25.4", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA=="],
+
+    "prosemirror-state/prosemirror-transform": ["prosemirror-transform@1.11.0", "", { "dependencies": { "prosemirror-model": "^1.21.0" } }, "sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw=="],
+
+    "prosemirror-state/prosemirror-view": ["prosemirror-view@1.41.7", "", { "dependencies": { "prosemirror-model": "^1.20.0", "prosemirror-state": "^1.0.0", "prosemirror-transform": "^1.1.0" } }, "sha512-jUwKNCEIGiqdvhlS91/2QAg21e4dfU5bH2iwmSDQeosXJgKF7smG0YSplOWK0cjSNgIqXe7VXqo7EIfUFJdt3w=="],
+
+    "prosemirror-tables/prosemirror-model": ["prosemirror-model@1.25.4", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA=="],
+
+    "prosemirror-tables/prosemirror-transform": ["prosemirror-transform@1.11.0", "", { "dependencies": { "prosemirror-model": "^1.21.0" } }, "sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw=="],
+
+    "prosemirror-tables/prosemirror-view": ["prosemirror-view@1.41.7", "", { "dependencies": { "prosemirror-model": "^1.20.0", "prosemirror-state": "^1.0.0", "prosemirror-transform": "^1.1.0" } }, "sha512-jUwKNCEIGiqdvhlS91/2QAg21e4dfU5bH2iwmSDQeosXJgKF7smG0YSplOWK0cjSNgIqXe7VXqo7EIfUFJdt3w=="],
+
     "readdir-glob/minimatch": ["minimatch@5.1.6", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g=="],
 
+    "rollup/@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
+
     "rollup-plugin-visualizer/open": ["open@11.0.0", "", { "dependencies": { "default-browser": "^5.4.0", "define-lazy-prop": "^3.0.0", "is-in-ssh": "^1.0.0", "is-inside-container": "^1.0.0", "powershell-utils": "^0.1.0", "wsl-utils": "^0.3.0" } }, "sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw=="],
 
     "serve-placeholder/defu": ["defu@6.1.4", "", {}, "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="],
@@ -2527,6 +2577,14 @@
 
     "@nuxt/devtools/which/isexe": ["isexe@4.0.0", "", {}, "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw=="],
 
+    "@nuxt/eslint-config/@typescript-eslint/parser/@typescript-eslint/scope-manager": ["@typescript-eslint/scope-manager@8.61.0", "", { "dependencies": { "@typescript-eslint/types": "8.61.0", "@typescript-eslint/visitor-keys": "8.61.0" } }, "sha512-IWdXFHFSb6mlC3HPc7QsLDm5zYEbUla6trDEHf32D3/dnuUyXd87plScSNXSbm0/RxMvObpI17sv/EDTGrGZkA=="],
+
+    "@nuxt/eslint-config/@typescript-eslint/parser/@typescript-eslint/types": ["@typescript-eslint/types@8.61.0", "", {}, "sha512-9QTQpZ5Iin4CdIodfbDQFSeiSJKidgYJYug1P9CC2xWgUTvlmixViqDZNciMjwLBZyJnG4tGmPl97rVAFb1AJg=="],
+
+    "@nuxt/eslint-config/@typescript-eslint/parser/@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.61.0", "", { "dependencies": { "@typescript-eslint/project-service": "8.61.0", "@typescript-eslint/tsconfig-utils": "8.61.0", "@typescript-eslint/types": "8.61.0", "@typescript-eslint/visitor-keys": "8.61.0", "debug": "^4.4.3", "minimatch": "^10.2.2", "semver": "^7.7.3", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.5.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-42zatd5qSvvcV1JdDBCLxYRznvP4eIHpPoZXdkPFnAmanA4FuZ5dibSnCBggY8hQnqajPpoGjXFdZ7fIJKQnlA=="],
+
+    "@nuxt/eslint-config/@typescript-eslint/parser/@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.61.0", "", { "dependencies": { "@typescript-eslint/types": "8.61.0", "eslint-visitor-keys": "^5.0.0" } }, "sha512-QVLZu3ZPQEE+HICQyAMZ2yLQhxf0meY/wx6Hx14YcTNj13JB3qHlX3lJ02L3fLGHgERRH71kvYDwiXIguT3AjQ=="],
+
     "@nuxt/eslint/find-up/locate-path": ["locate-path@8.0.0", "", { "dependencies": { "p-locate": "^6.0.0" } }, "sha512-XT9ewWAC43tiAV7xDAPflMkG0qOPn2QjHqlgX8FOqmWa/rxnyYDulF9T0F7tRy1u+TVTmK/M//6VIOye+2zDXg=="],
 
     "@nuxt/fonts/@nuxt/kit/c12": ["c12@3.3.3", "", { "dependencies": { "chokidar": "^5.0.0", "confbox": "^0.2.2", "defu": "^6.1.4", "dotenv": "^17.2.3", "exsolve": "^1.0.8", "giget": "^2.0.0", "jiti": "^2.6.1", "ohash": "^2.0.11", "pathe": "^2.0.3", "perfect-debounce": "^2.0.0", "pkg-types": "^2.3.0", "rc9": "^2.1.2" }, "peerDependencies": { "magicast": "*" }, "optionalPeers": ["magicast"] }, "sha512-750hTRvgBy5kcMNPdh95Qo+XUBeGo8C7nsKSmedDmaQI+E0r82DwHeM6vBewDe4rGFbnxoa4V9pw+sPh5+Iz8Q=="],
@@ -2543,63 +2601,59 @@
 
     "@nuxt/fonts/tinyglobby/picomatch": ["picomatch@4.0.3", "", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="],
 
-    "@nuxt/icon/@nuxt/kit/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
-
     "@nuxt/nitro-server/h3/cookie-es": ["cookie-es@1.2.3", "", {}, "sha512-lXVyvUvrNXblMqzIRrxHb57UUVmqsSWlxqt3XIjCkUP0wDAf6uicO6KMbEgYrMNtEvWgWHwe42CKxPu9MYAnWw=="],
 
     "@nuxt/nitro-server/unstorage/lru-cache": ["lru-cache@11.5.1", "", {}, "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A=="],
 
-    "@nuxt/ui/@nuxt/kit/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
-
     "@nuxt/vite-builder/vite/rollup": ["rollup@4.61.0", "", { "dependencies": { "@types/estree": "1.0.9" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.61.0", "@rollup/rollup-android-arm64": "4.61.0", "@rollup/rollup-darwin-arm64": "4.61.0", "@rollup/rollup-darwin-x64": "4.61.0", "@rollup/rollup-freebsd-arm64": "4.61.0", "@rollup/rollup-freebsd-x64": "4.61.0", "@rollup/rollup-linux-arm-gnueabihf": "4.61.0", "@rollup/rollup-linux-arm-musleabihf": "4.61.0", "@rollup/rollup-linux-arm64-gnu": "4.61.0", "@rollup/rollup-linux-arm64-musl": "4.61.0", "@rollup/rollup-linux-loong64-gnu": "4.61.0", "@rollup/rollup-linux-loong64-musl": "4.61.0", "@rollup/rollup-linux-ppc64-gnu": "4.61.0", "@rollup/rollup-linux-ppc64-musl": "4.61.0", "@rollup/rollup-linux-riscv64-gnu": "4.61.0", "@rollup/rollup-linux-riscv64-musl": "4.61.0", "@rollup/rollup-linux-s390x-gnu": "4.61.0", "@rollup/rollup-linux-x64-gnu": "4.61.0", "@rollup/rollup-linux-x64-musl": "4.61.0", "@rollup/rollup-openbsd-x64": "4.61.0", "@rollup/rollup-openharmony-arm64": "4.61.0", "@rollup/rollup-win32-arm64-msvc": "4.61.0", "@rollup/rollup-win32-ia32-msvc": "4.61.0", "@rollup/rollup-win32-x64-gnu": "4.61.0", "@rollup/rollup-win32-x64-msvc": "4.61.0", "fsevents": "~2.3.2" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-T9mWdbWfQtp0B5lv/HX+wrhYsmXRlcWnXXmJbXqKJhlRaoS6KMhq0gpyzW4UJfclcxrEdLnTgjT2NjruLONu0g=="],
 
     "@nuxt/vite-builder/vite/tinyglobby": ["tinyglobby@0.2.16", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.4" } }, "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg=="],
 
-    "@nuxtjs/color-mode/@nuxt/kit/c12": ["c12@3.3.3", "", { "dependencies": { "chokidar": "^5.0.0", "confbox": "^0.2.2", "defu": "^6.1.4", "dotenv": "^17.2.3", "exsolve": "^1.0.8", "giget": "^2.0.0", "jiti": "^2.6.1", "ohash": "^2.0.11", "pathe": "^2.0.3", "perfect-debounce": "^2.0.0", "pkg-types": "^2.3.0", "rc9": "^2.1.2" }, "peerDependencies": { "magicast": "*" }, "optionalPeers": ["magicast"] }, "sha512-750hTRvgBy5kcMNPdh95Qo+XUBeGo8C7nsKSmedDmaQI+E0r82DwHeM6vBewDe4rGFbnxoa4V9pw+sPh5+Iz8Q=="],
+    "@pinia/nuxt/@nuxt/kit/c12": ["c12@3.3.3", "", { "dependencies": { "chokidar": "^5.0.0", "confbox": "^0.2.2", "defu": "^6.1.4", "dotenv": "^17.2.3", "exsolve": "^1.0.8", "giget": "^2.0.0", "jiti": "^2.6.1", "ohash": "^2.0.11", "pathe": "^2.0.3", "perfect-debounce": "^2.0.0", "pkg-types": "^2.3.0", "rc9": "^2.1.2" }, "peerDependencies": { "magicast": "*" }, "optionalPeers": ["magicast"] }, "sha512-750hTRvgBy5kcMNPdh95Qo+XUBeGo8C7nsKSmedDmaQI+E0r82DwHeM6vBewDe4rGFbnxoa4V9pw+sPh5+Iz8Q=="],
 
-    "@nuxtjs/color-mode/@nuxt/kit/defu": ["defu@6.1.4", "", {}, "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="],
+    "@pinia/nuxt/@nuxt/kit/defu": ["defu@6.1.4", "", {}, "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="],
 
-    "@nuxtjs/color-mode/@nuxt/kit/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
+    "@pinia/nuxt/@nuxt/kit/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
 
-    "@nuxtjs/color-mode/@nuxt/kit/jiti": ["jiti@2.6.1", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ=="],
+    "@pinia/nuxt/@nuxt/kit/jiti": ["jiti@2.6.1", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ=="],
 
-    "@nuxtjs/color-mode/@nuxt/kit/pathe": ["pathe@2.0.3", "", {}, "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w=="],
+    "@pinia/nuxt/@nuxt/kit/mlly": ["mlly@1.8.0", "", { "dependencies": { "acorn": "^8.15.0", "pathe": "^2.0.3", "pkg-types": "^1.3.1", "ufo": "^1.6.1" } }, "sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g=="],
 
-    "@nuxtjs/color-mode/@nuxt/kit/pkg-types": ["pkg-types@2.3.0", "", { "dependencies": { "confbox": "^0.2.2", "exsolve": "^1.0.7", "pathe": "^2.0.3" } }, "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig=="],
+    "@pinia/nuxt/@nuxt/kit/pkg-types": ["pkg-types@2.3.0", "", { "dependencies": { "confbox": "^0.2.2", "exsolve": "^1.0.7", "pathe": "^2.0.3" } }, "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig=="],
 
-    "@nuxtjs/color-mode/@nuxt/kit/rc9": ["rc9@3.0.0", "", { "dependencies": { "defu": "^6.1.4", "destr": "^2.0.5" } }, "sha512-MGOue0VqscKWQ104udASX/3GYDcKyPI4j4F8gu/jHHzglpmy9a/anZK3PNe8ug6aZFl+9GxLtdhe3kVZuMaQbA=="],
+    "@pinia/nuxt/@nuxt/kit/rc9": ["rc9@3.0.0", "", { "dependencies": { "defu": "^6.1.4", "destr": "^2.0.5" } }, "sha512-MGOue0VqscKWQ104udASX/3GYDcKyPI4j4F8gu/jHHzglpmy9a/anZK3PNe8ug6aZFl+9GxLtdhe3kVZuMaQbA=="],
 
-    "@nuxtjs/color-mode/@nuxt/kit/tinyglobby": ["tinyglobby@0.2.15", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.3" } }, "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ=="],
+    "@pinia/nuxt/@nuxt/kit/semver": ["semver@7.7.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="],
 
-    "@nuxtjs/color-mode/@nuxt/kit/ufo": ["ufo@1.6.3", "", {}, "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q=="],
+    "@pinia/nuxt/@nuxt/kit/tinyglobby": ["tinyglobby@0.2.15", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.3" } }, "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ=="],
 
-    "@nuxtjs/color-mode/pkg-types/confbox": ["confbox@0.1.8", "", {}, "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w=="],
+    "@pinia/nuxt/@nuxt/kit/ufo": ["ufo@1.6.3", "", {}, "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q=="],
 
-    "@nuxtjs/color-mode/pkg-types/mlly": ["mlly@1.8.0", "", { "dependencies": { "acorn": "^8.15.0", "pathe": "^2.0.3", "pkg-types": "^1.3.1", "ufo": "^1.6.1" } }, "sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g=="],
+    "@stylistic/eslint-plugin/espree/acorn": ["acorn@8.15.0", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg=="],
 
-    "@nuxtjs/color-mode/pkg-types/pathe": ["pathe@2.0.3", "", {}, "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w=="],
+    "@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime/@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
 
-    "@pinia/nuxt/@nuxt/kit/c12": ["c12@3.3.3", "", { "dependencies": { "chokidar": "^5.0.0", "confbox": "^0.2.2", "defu": "^6.1.4", "dotenv": "^17.2.3", "exsolve": "^1.0.8", "giget": "^2.0.0", "jiti": "^2.6.1", "ohash": "^2.0.11", "pathe": "^2.0.3", "perfect-debounce": "^2.0.0", "pkg-types": "^2.3.0", "rc9": "^2.1.2" }, "peerDependencies": { "magicast": "*" }, "optionalPeers": ["magicast"] }, "sha512-750hTRvgBy5kcMNPdh95Qo+XUBeGo8C7nsKSmedDmaQI+E0r82DwHeM6vBewDe4rGFbnxoa4V9pw+sPh5+Iz8Q=="],
+    "@typescript-eslint/eslint-plugin/@typescript-eslint/scope-manager/@typescript-eslint/types": ["@typescript-eslint/types@8.61.0", "", {}, "sha512-9QTQpZ5Iin4CdIodfbDQFSeiSJKidgYJYug1P9CC2xWgUTvlmixViqDZNciMjwLBZyJnG4tGmPl97rVAFb1AJg=="],
 
-    "@pinia/nuxt/@nuxt/kit/defu": ["defu@6.1.4", "", {}, "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="],
+    "@typescript-eslint/eslint-plugin/@typescript-eslint/visitor-keys/@typescript-eslint/types": ["@typescript-eslint/types@8.61.0", "", {}, "sha512-9QTQpZ5Iin4CdIodfbDQFSeiSJKidgYJYug1P9CC2xWgUTvlmixViqDZNciMjwLBZyJnG4tGmPl97rVAFb1AJg=="],
 
-    "@pinia/nuxt/@nuxt/kit/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
+    "@typescript-eslint/type-utils/@typescript-eslint/typescript-estree/@typescript-eslint/project-service": ["@typescript-eslint/project-service@8.61.0", "", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.61.0", "@typescript-eslint/types": "^8.61.0", "debug": "^4.4.3" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-DV42F7MLJO6Rax7SK1yg43tcnEfGUrurSpSxKuVX+a3RCTzBlH3fuxprrOJXKCJGAaw82xXocikJ0uQaqwXgGA=="],
 
-    "@pinia/nuxt/@nuxt/kit/jiti": ["jiti@2.6.1", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ=="],
+    "@typescript-eslint/type-utils/@typescript-eslint/typescript-estree/@typescript-eslint/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.61.0", "", { "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-O5Amvdv9ztMpxpf+vmFULGG78IE6Qwdr3bCGvqwG4nwc9H2qXkOYJJnRbRHyMkQTjv1d03olqwwwzHLMqpFePQ=="],
 
-    "@pinia/nuxt/@nuxt/kit/mlly": ["mlly@1.8.0", "", { "dependencies": { "acorn": "^8.15.0", "pathe": "^2.0.3", "pkg-types": "^1.3.1", "ufo": "^1.6.1" } }, "sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g=="],
+    "@typescript-eslint/type-utils/@typescript-eslint/typescript-estree/@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.61.0", "", { "dependencies": { "@typescript-eslint/types": "8.61.0", "eslint-visitor-keys": "^5.0.0" } }, "sha512-QVLZu3ZPQEE+HICQyAMZ2yLQhxf0meY/wx6Hx14YcTNj13JB3qHlX3lJ02L3fLGHgERRH71kvYDwiXIguT3AjQ=="],
 
-    "@pinia/nuxt/@nuxt/kit/pkg-types": ["pkg-types@2.3.0", "", { "dependencies": { "confbox": "^0.2.2", "exsolve": "^1.0.7", "pathe": "^2.0.3" } }, "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig=="],
+    "@typescript-eslint/type-utils/@typescript-eslint/typescript-estree/semver": ["semver@7.8.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA=="],
 
-    "@pinia/nuxt/@nuxt/kit/rc9": ["rc9@3.0.0", "", { "dependencies": { "defu": "^6.1.4", "destr": "^2.0.5" } }, "sha512-MGOue0VqscKWQ104udASX/3GYDcKyPI4j4F8gu/jHHzglpmy9a/anZK3PNe8ug6aZFl+9GxLtdhe3kVZuMaQbA=="],
+    "@typescript-eslint/utils/@typescript-eslint/scope-manager/@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.61.0", "", { "dependencies": { "@typescript-eslint/types": "8.61.0", "eslint-visitor-keys": "^5.0.0" } }, "sha512-QVLZu3ZPQEE+HICQyAMZ2yLQhxf0meY/wx6Hx14YcTNj13JB3qHlX3lJ02L3fLGHgERRH71kvYDwiXIguT3AjQ=="],
 
-    "@pinia/nuxt/@nuxt/kit/semver": ["semver@7.7.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="],
+    "@typescript-eslint/utils/@typescript-eslint/typescript-estree/@typescript-eslint/project-service": ["@typescript-eslint/project-service@8.61.0", "", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.61.0", "@typescript-eslint/types": "^8.61.0", "debug": "^4.4.3" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-DV42F7MLJO6Rax7SK1yg43tcnEfGUrurSpSxKuVX+a3RCTzBlH3fuxprrOJXKCJGAaw82xXocikJ0uQaqwXgGA=="],
 
-    "@pinia/nuxt/@nuxt/kit/tinyglobby": ["tinyglobby@0.2.15", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.3" } }, "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ=="],
+    "@typescript-eslint/utils/@typescript-eslint/typescript-estree/@typescript-eslint/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.61.0", "", { "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-O5Amvdv9ztMpxpf+vmFULGG78IE6Qwdr3bCGvqwG4nwc9H2qXkOYJJnRbRHyMkQTjv1d03olqwwwzHLMqpFePQ=="],
 
-    "@pinia/nuxt/@nuxt/kit/ufo": ["ufo@1.6.3", "", {}, "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q=="],
+    "@typescript-eslint/utils/@typescript-eslint/typescript-estree/@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.61.0", "", { "dependencies": { "@typescript-eslint/types": "8.61.0", "eslint-visitor-keys": "^5.0.0" } }, "sha512-QVLZu3ZPQEE+HICQyAMZ2yLQhxf0meY/wx6Hx14YcTNj13JB3qHlX3lJ02L3fLGHgERRH71kvYDwiXIguT3AjQ=="],
 
-    "@stylistic/eslint-plugin/espree/acorn": ["acorn@8.15.0", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg=="],
+    "@typescript-eslint/utils/@typescript-eslint/typescript-estree/semver": ["semver@7.8.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA=="],
 
     "@unrs/resolver-binding-wasm32-wasi/@napi-rs/wasm-runtime/@emnapi/core": ["@emnapi/core@1.8.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" } }, "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg=="],
 
@@ -2669,6 +2723,8 @@
 
     "ast-walker-scope/@babel/types/@babel/helper-validator-identifier": ["@babel/helper-validator-identifier@7.28.5", "", {}, "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q=="],
 
+    "bun-types/@types/node/undici-types": ["undici-types@7.19.2", "", {}, "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg=="],
+
     "caniuse-api/browserslist/baseline-browser-mapping": ["baseline-browser-mapping@2.9.19", "", { "bin": { "baseline-browser-mapping": "dist/cli.js" } }, "sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg=="],
 
     "caniuse-api/browserslist/electron-to-chromium": ["electron-to-chromium@1.5.286", "", {}, "sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A=="],
@@ -2811,8 +2867,6 @@
 
     "nitropack/rollup/@rollup/rollup-win32-x64-msvc": ["@rollup/rollup-win32-x64-msvc@4.61.0", "", { "os": "win32", "cpu": "x64" }, "sha512-tkuFxhvKO/HlGd0VsINF6vHSYH8AF8W0TcNxKDK6JZmrehngFj78pToc8iemtnvwilDjs2G/qSzYFhe9U8q+fw=="],
 
-    "nitropack/rollup/@types/estree": ["@types/estree@1.0.9", "", {}, "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg=="],
-
     "nitropack/unstorage/lru-cache": ["lru-cache@11.5.1", "", {}, "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A=="],
 
     "nostics/oxc-parser/@oxc-parser/binding-android-arm-eabi": ["@oxc-parser/binding-android-arm-eabi@0.132.0", "", { "os": "android", "cpu": "arm" }, "sha512-KrLaPWa5c9Y7LkW+rKkaUE3y7DBDrQtaf7rlsSDfv6KAHUjgzAIRA761Lrrp6//Yd/Rlie/yEOt9YENCoJnOcw=="],
@@ -2857,6 +2911,20 @@
 
     "nostics/oxc-parser/@oxc-project/types": ["@oxc-project/types@0.132.0", "", {}, "sha512-FESMOxil5Se014ui/Eq8fT5uHJo6nIRwH0PfJrZJXs6Gek3ZVFOrpUv3YIZT20m+extU98Hg1Ym72U58rlsxUQ=="],
 
+    "prosemirror-changeset/prosemirror-transform/prosemirror-model": ["prosemirror-model@1.25.4", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA=="],
+
+    "prosemirror-dropcursor/prosemirror-transform/prosemirror-model": ["prosemirror-model@1.25.4", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA=="],
+
+    "prosemirror-dropcursor/prosemirror-view/prosemirror-model": ["prosemirror-model@1.25.4", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA=="],
+
+    "prosemirror-gapcursor/prosemirror-view/prosemirror-transform": ["prosemirror-transform@1.11.0", "", { "dependencies": { "prosemirror-model": "^1.21.0" } }, "sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw=="],
+
+    "prosemirror-history/prosemirror-transform/prosemirror-model": ["prosemirror-model@1.25.4", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA=="],
+
+    "prosemirror-history/prosemirror-view/prosemirror-model": ["prosemirror-model@1.25.4", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA=="],
+
+    "prosemirror-inputrules/prosemirror-transform/prosemirror-model": ["prosemirror-model@1.25.4", "", { "dependencies": { "orderedmap": "^2.0.0" } }, "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA=="],
+
     "readdir-glob/minimatch/brace-expansion": ["brace-expansion@2.0.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],
 
     "rollup-plugin-visualizer/open/wsl-utils": ["wsl-utils@0.3.1", "", { "dependencies": { "is-wsl": "^3.1.0", "powershell-utils": "^0.1.0" } }, "sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg=="],
@@ -2949,6 +3017,12 @@
 
     "@nuxt/devtools/local-pkg/mlly/ufo": ["ufo@1.6.3", "", {}, "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q=="],
 
+    "@nuxt/eslint-config/@typescript-eslint/parser/@typescript-eslint/typescript-estree/@typescript-eslint/project-service": ["@typescript-eslint/project-service@8.61.0", "", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.61.0", "@typescript-eslint/types": "^8.61.0", "debug": "^4.4.3" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-DV42F7MLJO6Rax7SK1yg43tcnEfGUrurSpSxKuVX+a3RCTzBlH3fuxprrOJXKCJGAaw82xXocikJ0uQaqwXgGA=="],
+
+    "@nuxt/eslint-config/@typescript-eslint/parser/@typescript-eslint/typescript-estree/@typescript-eslint/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.61.0", "", { "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-O5Amvdv9ztMpxpf+vmFULGG78IE6Qwdr3bCGvqwG4nwc9H2qXkOYJJnRbRHyMkQTjv1d03olqwwwzHLMqpFePQ=="],
+
+    "@nuxt/eslint-config/@typescript-eslint/parser/@typescript-eslint/typescript-estree/semver": ["semver@7.8.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA=="],
+
     "@nuxt/eslint/find-up/locate-path/p-locate": ["p-locate@6.0.0", "", { "dependencies": { "p-limit": "^4.0.0" } }, "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw=="],
 
     "@nuxt/fonts/@nuxt/kit/c12/giget": ["giget@2.0.0", "", { "dependencies": { "citty": "^0.1.6", "consola": "^3.4.0", "defu": "^6.1.4", "node-fetch-native": "^1.6.6", "nypm": "^0.6.0", "pathe": "^2.0.3" }, "bin": { "giget": "dist/cli.mjs" } }, "sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA=="],
@@ -3005,18 +3079,6 @@
 
     "@nuxt/vite-builder/vite/rollup/@rollup/rollup-win32-x64-msvc": ["@rollup/rollup-win32-x64-msvc@4.61.0", "", { "os": "win32", "cpu": "x64" }, "sha512-tkuFxhvKO/HlGd0VsINF6vHSYH8AF8W0TcNxKDK6JZmrehngFj78pToc8iemtnvwilDjs2G/qSzYFhe9U8q+fw=="],
 
-    "@nuxt/vite-builder/vite/rollup/@types/estree": ["@types/estree@1.0.9", "", {}, "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg=="],
-
-    "@nuxtjs/color-mode/@nuxt/kit/c12/giget": ["giget@2.0.0", "", { "dependencies": { "citty": "^0.1.6", "consola": "^3.4.0", "defu": "^6.1.4", "node-fetch-native": "^1.6.6", "nypm": "^0.6.0", "pathe": "^2.0.3" }, "bin": { "giget": "dist/cli.mjs" } }, "sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA=="],
-
-    "@nuxtjs/color-mode/@nuxt/kit/c12/rc9": ["rc9@2.1.2", "", { "dependencies": { "defu": "^6.1.4", "destr": "^2.0.3" } }, "sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg=="],
-
-    "@nuxtjs/color-mode/@nuxt/kit/tinyglobby/picomatch": ["picomatch@4.0.3", "", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="],
-
-    "@nuxtjs/color-mode/pkg-types/mlly/acorn": ["acorn@8.15.0", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg=="],
-
-    "@nuxtjs/color-mode/pkg-types/mlly/ufo": ["ufo@1.6.3", "", {}, "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q=="],
-
     "@pinia/nuxt/@nuxt/kit/c12/giget": ["giget@2.0.0", "", { "dependencies": { "citty": "^0.1.6", "consola": "^3.4.0", "defu": "^6.1.4", "node-fetch-native": "^1.6.6", "nypm": "^0.6.0", "pathe": "^2.0.3" }, "bin": { "giget": "dist/cli.mjs" } }, "sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA=="],
 
     "@pinia/nuxt/@nuxt/kit/c12/rc9": ["rc9@2.1.2", "", { "dependencies": { "defu": "^6.1.4", "destr": "^2.0.3" } }, "sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg=="],
@@ -3127,10 +3189,6 @@
 
     "@nuxt/fonts/@nuxt/kit/c12/giget/nypm": ["nypm@0.6.5", "", { "dependencies": { "citty": "^0.2.0", "pathe": "^2.0.3", "tinyexec": "^1.0.2" }, "bin": { "nypm": "dist/cli.mjs" } }, "sha512-K6AJy1GMVyfyMXRVB88700BJqNUkByijGJM8kEHpLdcAt+vSQAVfkWWHYzuRXHSY6xA2sNc5RjTj0p9rE2izVQ=="],
 
-    "@nuxtjs/color-mode/@nuxt/kit/c12/giget/citty": ["citty@0.1.6", "", { "dependencies": { "consola": "^3.2.3" } }, "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ=="],
-
-    "@nuxtjs/color-mode/@nuxt/kit/c12/giget/nypm": ["nypm@0.6.5", "", { "dependencies": { "citty": "^0.2.0", "pathe": "^2.0.3", "tinyexec": "^1.0.2" }, "bin": { "nypm": "dist/cli.mjs" } }, "sha512-K6AJy1GMVyfyMXRVB88700BJqNUkByijGJM8kEHpLdcAt+vSQAVfkWWHYzuRXHSY6xA2sNc5RjTj0p9rE2izVQ=="],
-
     "@pinia/nuxt/@nuxt/kit/c12/giget/citty": ["citty@0.1.6", "", { "dependencies": { "consola": "^3.2.3" } }, "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ=="],
 
     "@pinia/nuxt/@nuxt/kit/c12/giget/nypm": ["nypm@0.6.5", "", { "dependencies": { "citty": "^0.2.0", "pathe": "^2.0.3", "tinyexec": "^1.0.2" }, "bin": { "nypm": "dist/cli.mjs" } }, "sha512-K6AJy1GMVyfyMXRVB88700BJqNUkByijGJM8kEHpLdcAt+vSQAVfkWWHYzuRXHSY6xA2sNc5RjTj0p9rE2izVQ=="],
@@ -3171,8 +3229,6 @@
 
     "@nuxt/fonts/@nuxt/kit/c12/giget/nypm/citty": ["citty@0.2.1", "", {}, "sha512-kEV95lFBhQgtogAPlQfJJ0WGVSokvLr/UEoFPiKKOXF7pl98HfUVUD0ejsuTCld/9xH9vogSywZ5KqHzXrZpqg=="],
 
-    "@nuxtjs/color-mode/@nuxt/kit/c12/giget/nypm/citty": ["citty@0.2.1", "", {}, "sha512-kEV95lFBhQgtogAPlQfJJ0WGVSokvLr/UEoFPiKKOXF7pl98HfUVUD0ejsuTCld/9xH9vogSywZ5KqHzXrZpqg=="],
-
     "@pinia/nuxt/@nuxt/kit/c12/giget/nypm/citty": ["citty@0.2.1", "", {}, "sha512-kEV95lFBhQgtogAPlQfJJ0WGVSokvLr/UEoFPiKKOXF7pl98HfUVUD0ejsuTCld/9xH9vogSywZ5KqHzXrZpqg=="],
 
     "archiver-utils/glob/jackspeak/@isaacs/cliui/string-width/emoji-regex": ["emoji-regex@9.2.2", "", {}, "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="],
diff --git a/frontend/package.json b/frontend/package.json
index 28ed17c4..68b8cd38 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -21,19 +21,19 @@
         "prepare:test": "nuxt prepare --envName=development"
     },
     "dependencies": {
-        "@iconify-json/lucide": "^1.2.111",
+        "@iconify-json/lucide": "^1.2.113",
         "@microsoft/fetch-event-source": "^2.0.1",
         "@noble/hashes": "^2.2.0",
         "@nuxt/eslint": "^1.16.0",
         "@nuxt/eslint-config": "^1.16.0",
-        "@nuxt/ui": "^4.8.2",
+        "@nuxt/ui": "^4.9.0",
         "@pinia/nuxt": "^0.11.3",
         "@vueuse/core": "^14.3.0",
         "@vueuse/nuxt": "^14.3.0",
         "@xterm/addon-fit": "^0.11.0",
         "@xterm/xterm": "^6.0.0",
-        "assjs": "^0.1.7",
-        "cronstrue": "^3.14.0",
+        "assjs": "^0.1.8",
+        "cronstrue": "^3.20.0",
         "hls.js": "^1.6.16",
         "marked": "^18.0.5",
         "marked-alert": "^2.1.2",
@@ -42,7 +42,7 @@
         "moment": "^2.30.1",
         "nuxt": "^4.4.8",
         "pinia": "^3.0.4",
-        "tailwindcss": "^4.3.0",
+        "tailwindcss": "^4.3.1",
         "vue": "^3.5.38",
         "vue-router": "^5.1.0",
         "vuedraggable": "^4.1.0"
@@ -56,13 +56,13 @@
     ],
     "devDependencies": {
         "@types/bun": "^1.3.14",
-        "@types/node": "25.6.0",
-        "@typescript-eslint/parser": "^8.61.0",
-        "eslint": "^10.4.1",
-        "oxfmt": "^0.47.0",
+        "@types/node": "25.9.3",
+        "@typescript-eslint/parser": "^8.61.1",
+        "eslint": "^10.5.0",
+        "oxfmt": "^0.55.0",
         "typescript": "^6.0.3",
         "vue-eslint-parser": "^10.4.1",
-        "vue-tsc": "^3.3.4"
+        "vue-tsc": "^3.3.5"
     },
     "eslintIgnore": [
         ".gitignore"
diff --git a/src/API/Backend/Proxy.php b/src/API/Backend/Proxy.php
new file mode 100644
index 00000000..dbec14d8
--- /dev/null
+++ b/src/API/Backend/Proxy.php
@@ -0,0 +1,302 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\API\Backend;
+
+use App\Libs\APIResponse;
+use App\Libs\Attributes\Route\Post;
+use App\Libs\DataUtil;
+use App\Libs\Enums\Http\Method;
+use App\Libs\Enums\Http\Status;
+use App\Libs\Exceptions\RuntimeException;
+use App\Libs\Mappers\ImportInterface as iImport;
+use App\Libs\Stream;
+use App\Libs\Traits\APITraits;
+use Psr\Http\Message\ResponseInterface as iResponse;
+use Psr\Http\Message\ServerRequestInterface as iRequest;
+use Psr\Http\Message\StreamInterface as iStream;
+use Psr\Http\Message\UriInterface as iUri;
+use Psr\Log\LoggerInterface as iLogger;
+use Throwable;
+
+/**
+ * Proxies an arbitrary request to a configured backend, using the backend's stored credentials.
+ *
+ * The caller supplies a path (resolved against the backend URL), an HTTP method, optional query
+ * parameters, optional body and optional non-auth headers. Auth headers are stripped and injected
+ * exclusively by the backend context to prevent credential leakage or override.
+ */
+final class Proxy
+{
+    use APITraits;
+
+    /**
+     * Caller-supplied headers that are stripped before forwarding.
+     *
+     * Backend credentials must be injected exclusively by the backend context via
+     * {@see \App\Backends\Common\Context::getHttpOptions()} so the frontend cannot override them.
+     */
+    private const array DENYLIST_HEADERS = [
+        'authorization',
+        'x-plex-token',
+        'x-emby-token',
+        'x-emby-authorization',
+        'x-mediabrowser-token',
+        'x-ms-authorization',
+        'cookie',
+        'set-cookie',
+    ];
+
+    public function __construct(
+        private readonly iImport $mapper,
+        private readonly iLogger $logger,
+    ) {}
+
+    #[Post(Index::URL . '/{name:backend}/proxy[/]', name: 'backend.proxy')]
+    public function __invoke(iRequest $request, string $name): iResponse
+    {
+        try {
+            $userContext = $this->getUserContext($request, $this->mapper, $this->logger);
+        } catch (RuntimeException $e) {
+            return api_error($e->getMessage(), Status::NOT_FOUND);
+        }
+
+        if (null === $this->getBackend(name: $name, userContext: $userContext)) {
+            return api_error(r("Backend '{name}' not found.", ['name' => $name]), Status::NOT_FOUND);
+        }
+
+        $params = DataUtil::fromRequest($request);
+
+        $methodValue = strtoupper((string) $params->get('method', 'GET'));
+        $method = Method::tryFrom($methodValue);
+
+        if (null === $method) {
+            return api_error(
+                r("Method '{method}' is not supported.", ['method' => $methodValue]),
+                Status::BAD_REQUEST,
+            );
+        }
+
+        $path = trim((string) $params->get('path', ''));
+
+        if ('' === $path) {
+            return api_error('No path was given.', Status::BAD_REQUEST);
+        }
+
+        try {
+            $client = $this->getClient(name: $name, userContext: $userContext);
+        } catch (RuntimeException $e) {
+            return api_error($e->getMessage(), Status::NOT_FOUND);
+        }
+
+        $context = $client->getContext();
+
+        try {
+            $uri = $this->buildUri($context->backendUrl, $path, (array) $params->get('query', []));
+        } catch (RuntimeException $e) {
+            return api_error($e->getMessage(), Status::BAD_REQUEST);
+        }
+
+        $headers = $this->filterHeaders((array) $params->get('headers', []));
+
+        $proxyBody = $this->resolveBody($method, $params->get('body'));
+
+        $logContext = [
+            'operation' => 'backend.proxy',
+            'identity' => [
+                'user' => $context->userContext->name,
+                'backend' => $context->backendName,
+                'client' => $context->clientName,
+            ],
+            'request' => [
+                'method' => $method->value,
+                'url' => (string) $uri,
+            ],
+        ];
+
+        try {
+            $apiRequest = $client->proxy(method: $method, uri: $uri, body: $proxyBody, opts: [
+                'headers' => $headers,
+            ]);
+        } catch (Throwable $e) {
+            $this->logger->error(
+                message: "Proxy request to '{identity.user}@{identity.backend}' failed. {exception.message}",
+                context: [...$logContext, ...exception_log($e)],
+            );
+
+            return api_response(Status::OK, [
+                'request' => [
+                    'method' => $method->value,
+                    'url' => (string) $uri,
+                    'headers' => $headers,
+                ],
+                'response' => [
+                    'status' => Status::INTERNAL_SERVER_ERROR->value,
+                    'headers' => [
+                        'WS-Exception' => $e::class,
+                        'WS-Error' => $e->getMessage(),
+                    ],
+                    'body' => $e->getMessage(),
+                ],
+            ]);
+        }
+
+        if (false === $apiRequest->isSuccessful()) {
+            $this->logger->log(
+                $apiRequest->error->level(),
+                $apiRequest->error->message,
+                $apiRequest->error->context,
+            );
+
+            return api_error('Backend proxy request failed.', Status::BAD_REQUEST);
+        }
+
+        $apiResponse = $apiRequest->response;
+
+        if (!$apiResponse instanceof APIResponse) {
+            $this->logger->error(
+                message: "Proxy request to '{identity.user}@{identity.backend}' returned an unexpected response shape.",
+                context: $logContext,
+            );
+
+            return api_error('Unexpected backend proxy response.', Status::INTERNAL_SERVER_ERROR);
+        }
+
+        $bodyString = null !== $apiResponse->stream ? (string) $apiResponse->stream : '';
+
+        $flattenedHeaders = [];
+
+        foreach ($apiResponse->headers as $key => $value) {
+            $flattenedHeaders[$key] = is_array($value) ? implode(', ', $value) : (string) $value;
+        }
+
+        $this->logger->debug(
+            message: "Proxy request to '{identity.user}@{identity.backend}' completed with status {status_code}.",
+            context: [...$logContext, 'response' => ['status_code' => $apiResponse->status->value]],
+        );
+
+        return api_response(Status::OK, [
+            'request' => [
+                'method' => $method->value,
+                'url' => (string) $uri,
+                'headers' => $headers,
+            ],
+            'response' => [
+                'status' => $apiResponse->status->value,
+                'headers' => $flattenedHeaders,
+                'body' => $bodyString,
+            ],
+        ]);
+    }
+
+    /**
+     * Resolve caller-supplied path and query against the backend URL, preserving the backend host.
+     *
+     * @param iUri $backendUrl the configured backend URL (supplies scheme/host/port/userInfo).
+     * @param string $path caller-supplied path. Must be relative; absolute URLs and protocol-relative
+     *     URLs are rejected to prevent SSRF.
+     * @param array<string,mixed> $query caller-supplied query parameters.
+     *
+     * @throws RuntimeException when the path is not safe to forward.
+     */
+    private function buildUri(iUri $backendUrl, string $path, array $query): iUri
+    {
+        if (str_contains($path, '://') || str_starts_with($path, '//')) {
+            throw new RuntimeException('Absolute and protocol-relative paths are not allowed.');
+        }
+
+        $normalizedPath = '/' . ltrim($path, '/');
+
+        $uri = $backendUrl->withPath($normalizedPath);
+
+        if (count($query) > 0) {
+            $uri = $uri->withQuery(http_build_query($this->flattenQuery($query)));
+        }
+
+        return $uri;
+    }
+
+    /**
+     * Strip denylisted (auth-related) headers from the caller-supplied set.
+     *
+     * @param array<mixed> $headers caller-supplied headers as key/value pairs.
+     *
+     * @return array<string,string> the filtered headers safe to forward.
+     */
+    private function filterHeaders(array $headers): array
+    {
+        $filtered = [];
+
+        foreach ($headers as $key => $value) {
+            if (!is_string($key) || '' === trim($key)) {
+                continue;
+            }
+
+            if (in_array(strtolower($key), self::DENYLIST_HEADERS, true)) {
+                continue;
+            }
+
+            if (null === $value) {
+                continue;
+            }
+
+            $filtered[$key] = is_string($value) ? $value : (string) $value;
+        }
+
+        return $filtered;
+    }
+
+    /**
+     * Flatten nested query values into a shape http_build_query can consume safely.
+     *
+     * @param array<string,mixed> $query caller-supplied query parameters.
+     *
+     * @return array<string,string> flattened query parameters.
+     */
+    private function flattenQuery(array $query): array
+    {
+        $flat = [];
+
+        foreach ($query as $key => $value) {
+            if (null === $value || '' === $value) {
+                continue;
+            }
+
+            if (is_array($value)) {
+                $flat[$key] = implode(',', array_map('strval', $value));
+                continue;
+            }
+
+            $flat[$key] = (string) $value;
+        }
+
+        return $flat;
+    }
+
+    /**
+     * Resolve the request body into the shape expected by {@see \App\Backends\Common\ClientInterface::proxy()}.
+     *
+     * Array bodies are forwarded as-is (the backend Proxy action JSON-encodes them). Non-empty string
+     * bodies are wrapped in a stream so non-JSON payloads (XML, form-encoded, etc.) work when the
+     * caller also supplies the matching Content-Type header. An empty array signals "no body".
+     *
+     * @return array<mixed>|iStream
+     */
+    private function resolveBody(Method $method, mixed $body): array|iStream
+    {
+        if (in_array($method, [Method::GET, Method::HEAD], true)) {
+            return [];
+        }
+
+        if (is_array($body)) {
+            return $body;
+        }
+
+        if (is_string($body) && '' !== trim($body)) {
+            return Stream::create($body);
+        }
+
+        return [];
+    }
+}
diff --git a/src/API/Backends/PlexToken.php b/src/API/Backends/PlexToken.php
index 08027646..0f144f83 100644
--- a/src/API/Backends/PlexToken.php
+++ b/src/API/Backends/PlexToken.php
@@ -49,7 +49,7 @@ public function generate(iHttp $http): iResponse
         ]);
 
         if (Status::CREATED !== Status::from($req->getStatusCode())) {
-            $this->logger->error("Request for OAuth PIN returned with unexpected '{response.status_code}' status code.", [
+            $this->logger->error('Request for OAuth PIN returned HTTP {response.status_code}.', [
                 'response' => [
                     'status_code' => $req->getStatusCode(),
                     'parsed' => $req->toArray(false),
@@ -58,7 +58,7 @@ public function generate(iHttp $http): iResponse
             ]);
             return api_error(
                 r(
-                    text: "Request for OAuth PIN returned with unexpected '{response.status_code}' status code.",
+                    text: 'Request for OAuth PIN returned HTTP {response.status_code}.',
                     context: ['response' => ['status_code' => $req->getStatusCode()]],
                 ),
                 Status::from($req->getStatusCode()),
@@ -98,7 +98,7 @@ public function check(iRequest $request, iHttp $http): iResponse
         ]);
 
         if (Status::OK !== Status::from($req->getStatusCode())) {
-            $this->logger->error("Request for OAuth PIN check returned with unexpected '{response.status_code}' status code.", [
+            $this->logger->error('Request for OAuth PIN check returned HTTP {response.status_code}.', [
                 'response' => [
                     'status_code' => $req->getStatusCode(),
                     'parsed' => $req->toArray(false),
@@ -108,7 +108,7 @@ public function check(iRequest $request, iHttp $http): iResponse
 
             return api_error(
                 r(
-                    text: "Request for OAuth PIN check returned with unexpected '{response.status_code}' status code.",
+                    text: 'Request for OAuth PIN check returned HTTP {response.status_code}.',
                     context: ['response' => ['status_code' => $req->getStatusCode()]],
                 ),
                 Status::from($req->getStatusCode()),
diff --git a/src/API/Backends/Users.php b/src/API/Backends/Users.php
index e51d3afb..664b1f0f 100644
--- a/src/API/Backends/Users.php
+++ b/src/API/Backends/Users.php
@@ -49,7 +49,14 @@ public function __invoke(iRequest $request, string $type, iLogger $logger): iRes
                 $users[] = $user;
             }
         } catch (Throwable $e) {
-            $logger->error($e->getMessage(), exception_log($e));
+            $logger->error(
+                "Failed to load users list from '{type}' backend. {exception.message}",
+                [
+                    'operation' => 'backends.users_list',
+                    'backend' => ['type' => $type],
+                    ...exception_log($e),
+                ],
+            );
             return api_error($e->getMessage(), Status::INTERNAL_SERVER_ERROR);
         }
 
diff --git a/src/API/Backends/ValidateToken.php b/src/API/Backends/ValidateToken.php
deleted file mode 100644
index fe9f4657..00000000
--- a/src/API/Backends/ValidateToken.php
+++ /dev/null
@@ -1,46 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\API\Backends;
-
-use App\Backends\Plex\PlexClient;
-use App\Libs\Attributes\Route\Route;
-use App\Libs\DataUtil;
-use App\Libs\Enums\Http\Status;
-use App\Libs\Traits\APITraits;
-use Psr\Http\Message\ResponseInterface as iResponse;
-use Psr\Http\Message\ServerRequestInterface as iRequest;
-use Symfony\Contracts\HttpClient\HttpClientInterface as iHttp;
-use Throwable;
-
-final class ValidateToken
-{
-    use APITraits;
-
-    #[Route(['POST'], Index::URL . '/validate/token/{type}[/]', name: 'backends.validate.token')]
-    public function __invoke(iRequest $request, iHttp $http, string $type): iResponse
-    {
-        if (false === (ucfirst($type) === PlexClient::CLIENT_NAME)) {
-            return api_error('Validate token api endpoint only supported for plex client.', Status::BAD_REQUEST);
-        }
-
-        $params = DataUtil::fromRequest($request);
-
-        if (null === ($token = $params->get('token'))) {
-            return api_error('Token is required.', Status::BAD_REQUEST);
-        }
-
-        try {
-            $status = PlexClient::validate_token($http, $token);
-
-            if (true === $status) {
-                return api_message('Token is valid.', Status::OK);
-            }
-
-            return api_error('non 200 OK request received.', Status::UNAUTHORIZED);
-        } catch (Throwable $e) {
-            return api_error($e->getMessage(), Status::tryFrom($e->getCode()) ?? Status::BAD_REQUEST);
-        }
-    }
-}
diff --git a/src/API/History/Index.php b/src/API/History/Index.php
index cd304e1e..b2ebd76b 100644
--- a/src/API/History/Index.php
+++ b/src/API/History/Index.php
@@ -550,7 +550,20 @@ public function list(iRequest $request): iResponse
                         [],
                     );
                 } catch (Throwable $e) {
-                    $this->logger->error($e->getMessage(), exception_log($e));
+                    $this->logger->error(
+                        "Failed to load duplicates for '#{item.id}: {item.title}'. {exception.message}",
+                        [
+                            'operation' => 'history.duplicates',
+                            'identity' => [
+                                'user' => $userContext->name,
+                            ],
+                            'item' => [
+                                'id' => $entity['id'] ?? null,
+                                'title' => ag($entity, 'title', '??'),
+                            ],
+                            ...exception_log($e),
+                        ],
+                    );
                 }
             }
 
@@ -673,7 +686,20 @@ public function read(iRequest $request, string $id): iResponse
                     [],
                 );
             } catch (Throwable $e) {
-                $this->logger->error($e->getMessage(), exception_log($e));
+                $this->logger->error(
+                    "Failed to load duplicates for '#{item.id}: {item.title}'. {exception.message}",
+                    [
+                        'operation' => 'history.duplicates',
+                        'identity' => [
+                            'user' => $userContext->name,
+                        ],
+                        'item' => [
+                            'id' => $item->id,
+                            'title' => $item->getName(),
+                        ],
+                        ...exception_log($e),
+                    ],
+                );
             }
         }
 
@@ -711,7 +737,20 @@ public function duplicates(iRequest $request, string $id): iResponse
                 [],
             );
         } catch (Throwable $e) {
-            $this->logger->error($e->getMessage(), exception_log($e));
+            $this->logger->error(
+                "Failed to load duplicates for '#{item.id}: {item.title}'. {exception.message}",
+                [
+                    'operation' => 'history.duplicates',
+                    'identity' => [
+                        'user' => $userContext->name,
+                    ],
+                    'item' => [
+                        'id' => $item->id,
+                        'title' => $item->getName(),
+                    ],
+                    ...exception_log($e),
+                ],
+            );
             return api_error('Failed to get duplicates', Status::INTERNAL_SERVER_ERROR);
         }
 
diff --git a/src/API/Identities/Index.php b/src/API/Identities/Index.php
index 6c1f1d64..d6a690b5 100644
--- a/src/API/Identities/Index.php
+++ b/src/API/Identities/Index.php
@@ -75,10 +75,10 @@ public function identity_add(iRequest $request): iResponse
             per_user_config($identityName);
             ensure_migration(get_user_db($identityName));
         } catch (Throwable $e) {
-            $this->logger->error(r('Failed to create identity {identity}: {exception.message}', [
-                'identity' => $identityName,
+            $this->logger->error("Failed to create identity '{identity.name}'. {exception.message}", [
+                'identity' => ['name' => $identityName],
                 ...exception_log($e),
-            ]));
+            ]);
 
             return api_error(
                 r('Failed to create identity {identity}', ['identity' => $identityName]),
@@ -113,10 +113,10 @@ public function identity_delete(string $identity, iCache $cache): iResponse
         try {
             delete_user_config($identity, $cache);
         } catch (Throwable $e) {
-            $this->logger->error(r('Failed to delete identity {identity}: {exception.message}', [
-                'identity' => $identity,
+            $this->logger->error("Failed to delete identity '{identity.name}'. {exception.message}", [
+                'identity' => ['name' => $identity],
                 ...exception_log($e),
-            ]));
+            ]);
 
             return api_error(
                 r('Failed to delete identity {identity}', ['identity' => $identity]),
diff --git a/src/API/Player/Playlist.php b/src/API/Player/Playlist.php
index b588bcf9..f605f7a5 100644
--- a/src/API/Player/Playlist.php
+++ b/src/API/Player/Playlist.php
@@ -213,7 +213,13 @@ public function __invoke(iRequest $request, #[SensitiveParameter] string $token)
                 'Access-Control-Max-Age' => 300,
             ]);
         } catch (Throwable $e) {
-            $this->logger->error($e->getMessage(), exception_log($e));
+            $this->logger->error(
+                'Failed to generate playlist. {exception.message}',
+                [
+                    'operation' => 'player.playlist',
+                    ...exception_log($e),
+                ],
+            );
             return api_error($e->getMessage(), Status::INTERNAL_SERVER_ERROR);
         }
     }
diff --git a/src/API/Player/Segments.php b/src/API/Player/Segments.php
index 0eb3d6d5..ff08a582 100644
--- a/src/API/Player/Segments.php
+++ b/src/API/Player/Segments.php
@@ -323,8 +323,9 @@ public function __invoke(iRequest $request, #[\SensitiveParameter] string $token
 
             if (!$process->isSuccessful()) {
                 $this->logger->error(
-                    r("Failed to generate segment. '{error}'", ['error' => $process->getErrorOutput()]),
+                    'Failed to generate segment.',
                     [
+                        'operation' => 'generate_segment',
                         'stdout' => $process->getOutput(),
                         'stderr' => $process->getErrorOutput(),
                         'Ffmpeg' => $process->getCommandLine(),
@@ -380,6 +381,7 @@ public function __invoke(iRequest $request, #[\SensitiveParameter] string $token
             return $response;
         } catch (Throwable $e) {
             $this->logger->error('Failed to generate segment. {exception.message}', [
+                'operation' => 'generate_segment',
                 'stdout' => isset($process) ? $process->getOutput() : null,
                 'stderr' => isset($process) ? $process->getErrorOutput() : null,
                 'Ffmpeg' => $this->cmdLog($cmd),
@@ -449,6 +451,10 @@ private function extractTextSubTitle(string $path, string $type, int $stream, st
 
             if (!$process->isSuccessful()) {
                 $this->logger->error('Failed to extract subtitle.', [
+                    'operation' => 'extract_subtitle',
+                    'source' => $path,
+                    'stream' => $stream,
+                    'type' => $type,
                     'stdout' => $process->getOutput(),
                     'stderr' => $process->getErrorOutput(),
                     'Ffmpeg' => $this->cmdLog($cmd),
@@ -465,6 +471,10 @@ private function extractTextSubTitle(string $path, string $type, int $stream, st
             return $cacheFile;
         } catch (Throwable $e) {
             $this->logger->error('Failed to extract subtitles. {exception.message}', [
+                'operation' => 'extract_subtitle',
+                'source' => $path,
+                'stream' => $stream,
+                'type' => $type,
                 'stdout' => isset($process) ? $process->getOutput() : null,
                 'stderr' => isset($process) ? $process->getErrorOutput() : null,
                 'Ffmpeg' => $this->cmdLog($cmd),
diff --git a/src/API/Player/Subtitle.php b/src/API/Player/Subtitle.php
index 0808eadb..d1aaca43 100644
--- a/src/API/Player/Subtitle.php
+++ b/src/API/Player/Subtitle.php
@@ -177,7 +177,13 @@ public function convert(
                 'X-Cache' => $response->getHeaderLine('X-Cache'),
             ]);
         } catch (Throwable $e) {
-            $this->logger->error($e->getMessage(), exception_log($e));
+            $this->logger->error(
+                'Failed to convert subtitle. {exception.message}',
+                [
+                    'operation' => 'player.subtitle_convert',
+                    ...exception_log($e),
+                ],
+            );
             return api_error($e->getMessage(), Status::INTERNAL_SERVER_ERROR);
         }
     }
diff --git a/src/API/System/Report.php b/src/API/System/Report.php
index 6e4dcba6..405f0194 100644
--- a/src/API/System/Report.php
+++ b/src/API/System/Report.php
@@ -6,16 +6,21 @@
 
 use App\Libs\Attributes\Route\Get;
 use App\Libs\Enums\Http\Status;
+use App\Libs\ReportGenerator;
 use Psr\Http\Message\ResponseInterface as iResponse;
 
 final class Report
 {
     public const string URL = '%{api.prefix}/system/report';
 
+    public function __construct(
+        private readonly ReportGenerator $generator,
+    ) {}
+
     #[Get(self::URL . '[/]', name: 'system.report')]
     public function basic_report(): iResponse
     {
-        return api_response(Status::OK, run_command('system:report', asArray: true));
+        return api_response(Status::OK, $this->generator->generate());
     }
 
     #[Get(self::URL . '/ini[/]', name: 'system.ini')]
diff --git a/src/Backends/Emby/Action/AddWebhook.php b/src/Backends/Emby/Action/AddWebhook.php
index 45d9cfd5..03dfbd59 100644
--- a/src/Backends/Emby/Action/AddWebhook.php
+++ b/src/Backends/Emby/Action/AddWebhook.php
@@ -94,7 +94,7 @@ private function addWebhook(Context $context, string $webhookUrl, array $opts =
                 return new Response(
                     status: false,
                     error: new Error(
-                        message: "Request for '{identity.user}@{identity.backend}' get webhooks returned with unexpected '{response.status_code}' status code.",
+                        message: "Request for '{identity.user}@{identity.backend}' get webhooks returned HTTP {response.status_code}.",
                         context: [
                             ...$logContext,
                             'response' => [
@@ -113,7 +113,7 @@ private function addWebhook(Context $context, string $webhookUrl, array $opts =
                 return new Response(
                     status: false,
                     error: new Error(
-                        message: "Request for '{identity.user}@{identity.backend}' get webhooks returned with empty response.",
+                        message: "Request for '{identity.user}@{identity.backend}' get webhooks returned an empty response.",
                         context: [...$logContext, 'response' => ['body' => $content]],
                         level: Levels::ERROR,
                     ),
@@ -197,7 +197,7 @@ private function addWebhook(Context $context, string $webhookUrl, array $opts =
                 return new Response(
                     status: false,
                     error: new Error(
-                        message: "Request for '{identity.user}@{identity.backend}' to {mode} webhook returned with unexpected '{response.status_code}' status code.",
+                        message: "Request for '{identity.user}@{identity.backend}' to {mode} webhook returned HTTP {response.status_code}.",
                         context: [
                             ...$logContext,
                             'mode' => $mode,
diff --git a/src/Backends/Emby/Action/Progress.php b/src/Backends/Emby/Action/Progress.php
index 58988ea1..74134c3f 100644
--- a/src/Backends/Emby/Action/Progress.php
+++ b/src/Backends/Emby/Action/Progress.php
@@ -128,7 +128,11 @@ private function action(
             if ($context->backendName === $entity->via && false === $replayProgress) {
                 $this->logger->info(
                     message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event originated from this backend.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'progress.skip',
+                        'error' => 'event_from_this_backend',
+                    ],
                 );
                 continue;
             }
@@ -136,7 +140,11 @@ private function action(
             if (null === ag($metadata, iState::COLUMN_ID, null)) {
                 $this->logger->warning(
                     message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. No metadata was found.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'progress.skip',
+                        'error' => 'no_metadata',
+                    ],
                 );
                 continue;
             }
@@ -145,7 +153,11 @@ private function action(
             if (null === $senderDate) {
                 $this->logger->warning(
                     message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. The event originator did not set a date.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'progress.skip',
+                        'error' => 'no_event_date',
+                    ],
                 );
                 continue;
             }
@@ -155,12 +167,16 @@ private function action(
             $datetime = ag($entity->getExtra($context->backendName), iState::COLUMN_EXTRA_DATE, null);
             if (false === $ignoreDate && null !== $datetime && make_date($datetime)->getTimestamp() > $senderDate) {
                 $this->logger->warning(
-                    message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event date '{event_date}' is older than backend local db item date '{local_date}'.",
+                    message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event date '{comparison.event_date}' is older than local database date '{comparison.local_date}'.",
                     context: [
                         ...$logContext,
-                        'event_date' => make_date($senderDate),
-                        'local_date' => make_date($datetime),
-                        'compare' => ['remote' => make_date($datetime), 'sender' => make_date($senderDate)],
+                        'operation' => 'progress.skip',
+                        'error' => 'stale_event_date',
+                        'comparison' => [
+                            'event_date' => make_date($senderDate),
+                            'local_date' => make_date($datetime),
+                            'delta_seconds' => make_date($datetime)->getTimestamp() - $senderDate,
+                        ],
                     ],
                 );
                 continue;
@@ -171,7 +187,11 @@ private function action(
             if (array_key_exists($logContext['remote']['id'], $sessions)) {
                 $this->logger->notice(
                     message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. The item is playing right now.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'progress.skip',
+                        'error' => 'currently_playing',
+                    ],
                 );
                 continue;
             }
@@ -188,14 +208,15 @@ private function action(
 
                 if (false === $ignoreDate && make_date($remoteItem->updated)->getTimestamp() > $senderDate) {
                     $this->logger->info(
-                        message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event date '{event_date}' is older than backend remote item date '{remote_date}'.",
+                        message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event date '{comparison.event_date}' is older than backend date '{comparison.remote_date}'.",
                         context: [
                             ...$logContext,
-                            'event_date' => make_date($senderDate),
-                            'remote_date' => make_date($remoteItem->updated),
-                            'compare' => [
-                                'remote' => make_date($remoteItem->updated),
-                                'sender' => make_date($senderDate),
+                            'operation' => 'progress.skip',
+                            'error' => 'stale_event_date',
+                            'comparison' => [
+                                'event_date' => make_date($senderDate),
+                                'remote_date' => make_date($remoteItem->updated),
+                                'delta_seconds' => make_date($remoteItem->updated)->getTimestamp() - $senderDate,
                             ],
                         ],
                     );
@@ -211,7 +232,11 @@ private function action(
                         if (false === ($allowUpdate >= $minThreshold && time() > ($entity->updated + $allowUpdate))) {
                             $this->logger->info(
                                 message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. The backend says the item is marked as watched.",
-                                context: $logContext,
+                                context: [
+                                    ...$logContext,
+                                    'operation' => 'progress.skip',
+                                    'error' => 'backend_marked_watched',
+                                ],
                             );
                             continue;
                         }
@@ -220,7 +245,7 @@ private function action(
             } catch (\App\Libs\Exceptions\RuntimeException|RuntimeException|InvalidArgumentException $e) {
                 $this->logger->error(
                     ...lw(
-                        message: "Failed during '{identity.user}@{identity.backend}' get {history.type} '#{history.id}: {history.title}' status. {exception.message}",
+                        message: "Failed to get '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' status. {exception.message}",
                         context: [
                             ...$logContext,
                             ...exception_log($e),
@@ -280,7 +305,7 @@ private function action(
 
                             if (false === in_array(Status::tryFrom($statusCode), [Status::OK, Status::NO_CONTENT], true)) {
                                 $this->logger->error(
-                                    message: "Request to change '{identity.user}@{identity.backend}' {history.type} '{history.title}' watch progress returned with unexpected '{response.status_code}' status code.",
+                                    message: "Request to change '{identity.user}@{identity.backend}' {history.type} '{history.title}' watch progress returned HTTP {response.status_code}.",
                                     context: [
                                         ...$requestContext,
                                         'response' => ['status_code' => $statusCode],
@@ -340,7 +365,7 @@ private function action(
                                     $statusCode = $response->getStatusCode();
                                     if (false === in_array(Status::tryFrom($statusCode), [Status::OK, Status::NO_CONTENT], true)) {
                                         $this->logger->error(
-                                            message: "Request to mark '{identity.user}@{identity.backend}' {history.type} '{history.title}' as unplayed before progress update returned with unexpected '{response.status_code}' status code.",
+                                            message: "Request to mark '{identity.user}@{identity.backend}' {history.type} '{history.title}' as unplayed before progress update returned HTTP {response.status_code}.",
                                             context: [
                                                 ...$unwatchContext,
                                                 'error' => 'unexpected_status',
@@ -356,7 +381,7 @@ private function action(
                                 error: function (Throwable $e) use ($unwatchContext): array {
                                     $this->logger->error(
                                         ...lw(
-                                            message: "Exception was thrown during '{identity.user}@{identity.backend}' unplayed request before progress update.",
+                                            message: "Failed to mark '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' as unplayed before progress update. {exception.message}",
                                             context: [
                                                 ...$unwatchContext,
                                                 'error' => 'request_exception',
diff --git a/src/Backends/Jellyfin/Action/AddWebhook.php b/src/Backends/Jellyfin/Action/AddWebhook.php
index 1d6cff79..91abf8a9 100644
--- a/src/Backends/Jellyfin/Action/AddWebhook.php
+++ b/src/Backends/Jellyfin/Action/AddWebhook.php
@@ -90,7 +90,7 @@ private function addWebhook(Context $context, string $webhookUrl, array $opts =
                 return new Response(
                     status: false,
                     error: new Error(
-                        message: "Request for '{identity.user}@{identity.backend}' plugins list returned with unexpected '{response.status_code}' status code.",
+                        message: "Request for '{identity.user}@{identity.backend}' plugins list returned HTTP {response.status_code}.",
                         context: [
                             ...$logContext,
                             'response' => [
@@ -109,7 +109,7 @@ private function addWebhook(Context $context, string $webhookUrl, array $opts =
                 return new Response(
                     status: false,
                     error: new Error(
-                        message: "Request for '{identity.user}@{identity.backend}' plugins list returned with empty response.",
+                        message: "Request for '{identity.user}@{identity.backend}' plugins list returned an empty response.",
                         context: [...$logContext, 'response' => ['body' => $content]],
                         level: Levels::ERROR,
                     ),
@@ -162,7 +162,7 @@ private function addWebhook(Context $context, string $webhookUrl, array $opts =
                 return new Response(
                     status: false,
                     error: new Error(
-                        message: "Request for '{identity.user}@{identity.backend}' get webhooks returned with unexpected '{response.status_code}' status code.",
+                        message: "Request for '{identity.user}@{identity.backend}' get webhooks returned HTTP {response.status_code}.",
                         context: [
                             ...$logContext,
                             'response' => [
@@ -181,7 +181,7 @@ private function addWebhook(Context $context, string $webhookUrl, array $opts =
                 return new Response(
                     status: false,
                     error: new Error(
-                        message: "Request for '{identity.user}@{identity.backend}' get webhooks returned with empty response.",
+                        message: "Request for '{identity.user}@{identity.backend}' get webhooks returned an empty response.",
                         context: [...$logContext, 'response' => ['body' => $content]],
                         level: Levels::ERROR,
                     ),
@@ -286,7 +286,7 @@ private function addWebhook(Context $context, string $webhookUrl, array $opts =
                 return new Response(
                     status: false,
                     error: new Error(
-                        message: "Request for '{identity.user}@{identity.backend}' to {mode} webhook returned with unexpected '{response.status_code}' status code.",
+                        message: "Request for '{identity.user}@{identity.backend}' to {mode} webhook returned HTTP {response.status_code}.",
                         context: [
                             ...$logContext,
                             'mode' => $mode,
diff --git a/src/Backends/Jellyfin/Action/CreatePlaylist.php b/src/Backends/Jellyfin/Action/CreatePlaylist.php
index 6c4259c4..47a7f569 100644
--- a/src/Backends/Jellyfin/Action/CreatePlaylist.php
+++ b/src/Backends/Jellyfin/Action/CreatePlaylist.php
@@ -80,7 +80,7 @@ protected function action(Context $context, string $title, array $itemIds): Resp
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' playlist '{title}' returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' playlist '{title}' returned HTTP {response.status_code}.",
                     context: [...$logContext, 'response' => ['status_code' => $response->getStatusCode()]],
                     level: Levels::ERROR,
                 ),
diff --git a/src/Backends/Jellyfin/Action/DeletePlaylist.php b/src/Backends/Jellyfin/Action/DeletePlaylist.php
index b1564b9e..1aa7829f 100644
--- a/src/Backends/Jellyfin/Action/DeletePlaylist.php
+++ b/src/Backends/Jellyfin/Action/DeletePlaylist.php
@@ -72,7 +72,7 @@ protected function action(Context $context, string|int $id): Response
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' playlist '{id}' returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' playlist '{id}' returned HTTP {response.status_code}.",
                     context: [...$logContext, 'response' => ['status_code' => $response->getStatusCode()]],
                     level: Levels::ERROR,
                 ),
diff --git a/src/Backends/Jellyfin/Action/Export.php b/src/Backends/Jellyfin/Action/Export.php
index c6913d11..e564257a 100644
--- a/src/Backends/Jellyfin/Action/Export.php
+++ b/src/Backends/Jellyfin/Action/Export.php
@@ -254,7 +254,7 @@ protected function process(
 
                         if (Status::OK !== Status::tryFrom($statusCode)) {
                             $this->logger->error(
-                                message: "Request to change '{identity.user}@{identity.backend}' {item.type} '{item.title}' play state returned with unexpected '{response.status_code}' status code.",
+                                message: "Request to change '{identity.user}@{identity.backend}' {item.type} '{item.title}' play state returned HTTP {response.status_code}.",
                                 context: [
                                     ...$requestContext,
                                     'response' => ['status_code' => $statusCode],
diff --git a/src/Backends/Jellyfin/Action/GenerateAccessToken.php b/src/Backends/Jellyfin/Action/GenerateAccessToken.php
index a6bb9e3f..44d998d5 100644
--- a/src/Backends/Jellyfin/Action/GenerateAccessToken.php
+++ b/src/Backends/Jellyfin/Action/GenerateAccessToken.php
@@ -128,7 +128,7 @@ private function generateToken(
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' to generate access for '{username}' token returned with unexpected '{response.status_code}' status code. {response.body}",
+                    message: "Request for '{identity.user}@{identity.backend}' to generate access for '{username}' token returned HTTP {response.status_code}. {response.body}",
                     context: [
                         ...$logContext,
                         'response' => [
diff --git a/src/Backends/Jellyfin/Action/GetInfo.php b/src/Backends/Jellyfin/Action/GetInfo.php
index 66d17b46..54c4f01d 100644
--- a/src/Backends/Jellyfin/Action/GetInfo.php
+++ b/src/Backends/Jellyfin/Action/GetInfo.php
@@ -79,7 +79,7 @@ public function __invoke(Context $context, array $opts = []): Response
                     return new Response(
                         status: false,
                         error: new Error(
-                            message: "'{identity.user}@{identity.backend}' request returned with unexpected '{response.status_code}' status code.",
+                            message: "'{identity.user}@{identity.backend}' request returned HTTP {response.status_code}.",
                             context: [
                                 ...$logContext,
                                 'response' => [
@@ -100,7 +100,7 @@ public function __invoke(Context $context, array $opts = []): Response
                     return new Response(
                         status: false,
                         error: new Error(
-                            message: "'{identity.user}@{identity.backend}' request returned with empty response. Please make sure the container can communicate with the backend.",
+                            message: "'{identity.user}@{identity.backend}' request returned an empty response. Please make sure the container can communicate with the backend.",
                             context: [
                                 ...$logContext,
                                 'response' => [
diff --git a/src/Backends/Jellyfin/Action/GetLibrariesList.php b/src/Backends/Jellyfin/Action/GetLibrariesList.php
index 1c9f2570..2768e891 100644
--- a/src/Backends/Jellyfin/Action/GetLibrariesList.php
+++ b/src/Backends/Jellyfin/Action/GetLibrariesList.php
@@ -208,7 +208,7 @@ private function real_request(Context $context): array
         if (Status::OK !== Status::tryFrom($response->getStatusCode())) {
             throw new RuntimeException(
                 r(
-                    text: "Request for '{identity.user}@{identity.backend}' libraries returned with unexpected '{response.status_code}' status code.",
+                    text: "Request for '{identity.user}@{identity.backend}' libraries returned HTTP {response.status_code}.",
                     context: [
                         ...$logContext,
                         'response' => ['status_code' => $response->getStatusCode()],
diff --git a/src/Backends/Jellyfin/Action/GetLibrary.php b/src/Backends/Jellyfin/Action/GetLibrary.php
index 79e19487..7cc055c2 100644
--- a/src/Backends/Jellyfin/Action/GetLibrary.php
+++ b/src/Backends/Jellyfin/Action/GetLibrary.php
@@ -129,7 +129,7 @@ private function action(Context $context, iGuid $guid, string|int $id, array $op
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "The request for '{identity.user}@{identity.backend}' library '{library.id}: {library.title}' returned with unsupported type '{library.type}'.",
+                    message: "The request for '{identity.user}@{identity.backend}' library '{library.id}: {library.title}' returned unsupported type '{library.type}'.",
                     context: $logContext,
                     level: Levels::WARNING,
                 ),
@@ -170,7 +170,7 @@ private function action(Context $context, iGuid $guid, string|int $id, array $op
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' library '{library.title}' items returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' library '{library.title}' items returned HTTP {response.status_code}.",
                     context: [
                         'response' => ['status_code' => $response->getStatusCode()],
                         ...$logContext,
diff --git a/src/Backends/Jellyfin/Action/GetMetaData.php b/src/Backends/Jellyfin/Action/GetMetaData.php
index 7415ceaf..44237c7d 100644
--- a/src/Backends/Jellyfin/Action/GetMetaData.php
+++ b/src/Backends/Jellyfin/Action/GetMetaData.php
@@ -121,7 +121,7 @@ public function __invoke(Context $context, string|int $id, array $opts = []): Re
                         return new Response(
                             status: false,
                             error: new Error(
-                                message: "Request for '{identity.user}@{identity.backend}' - '{id}' item returned with unexpected '{response.status_code}' status code.",
+                                message: "Request for '{identity.user}@{identity.backend}' - '{id}' item returned HTTP {response.status_code}.",
                                 context: [
                                     ...$logContext,
                                     'response' => ['status_code' => $response->getStatusCode()],
diff --git a/src/Backends/Jellyfin/Action/GetPlaylist.php b/src/Backends/Jellyfin/Action/GetPlaylist.php
index 250b3cc9..e65ab414 100644
--- a/src/Backends/Jellyfin/Action/GetPlaylist.php
+++ b/src/Backends/Jellyfin/Action/GetPlaylist.php
@@ -68,7 +68,7 @@ protected function action(Context $context, string|int $id, array $opts = []): R
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' playlist '{id}' returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' playlist '{id}' returned HTTP {response.status_code}.",
                     context: [...$logContext, 'response' => ['status_code' => $detailResponse->getStatusCode()]],
                     level: Levels::ERROR,
                 ),
@@ -86,7 +86,7 @@ protected function action(Context $context, string|int $id, array $opts = []): R
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' playlist '{id}' items returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' playlist '{id}' items returned HTTP {response.status_code}.",
                     context: [...$logContext, 'response' => ['status_code' => $itemsResponse->getStatusCode()]],
                     level: Levels::ERROR,
                 ),
diff --git a/src/Backends/Jellyfin/Action/GetPlaylistsList.php b/src/Backends/Jellyfin/Action/GetPlaylistsList.php
index 9803307c..dd8c669a 100644
--- a/src/Backends/Jellyfin/Action/GetPlaylistsList.php
+++ b/src/Backends/Jellyfin/Action/GetPlaylistsList.php
@@ -66,7 +66,7 @@ protected function action(Context $context, array $opts = []): Response
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' playlists returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' playlists returned HTTP {response.status_code}.",
                     context: [...$logContext, 'response' => ['status_code' => $response->getStatusCode()]],
                     level: Levels::ERROR,
                 ),
diff --git a/src/Backends/Jellyfin/Action/GetSessions.php b/src/Backends/Jellyfin/Action/GetSessions.php
index 551b8113..399351c5 100644
--- a/src/Backends/Jellyfin/Action/GetSessions.php
+++ b/src/Backends/Jellyfin/Action/GetSessions.php
@@ -85,7 +85,7 @@ public function __invoke(Context $context, array $opts = []): Response
                     return new Response(
                         status: false,
                         error: new Error(
-                            message: "Request for '{identity.user}@{identity.backend}' get sessions returned with unexpected '{response.status_code}' status code.",
+                            message: "Request for '{identity.user}@{identity.backend}' get sessions returned HTTP {response.status_code}.",
                             context: [
                                 ...$logContext,
                                 'response' => ['status_code' => $response->getStatusCode(), 'body' => $content],
@@ -99,7 +99,7 @@ public function __invoke(Context $context, array $opts = []): Response
                     return new Response(
                         status: false,
                         error: new Error(
-                            message: "Request for '{identity.user}@{identity.backend}' get sessions returned with empty response.",
+                            message: "Request for '{identity.user}@{identity.backend}' get sessions returned an empty response.",
                             context: [
                                 ...$logContext,
                                 'response' => ['status_code' => $response->getStatusCode(), 'body' => $content],
diff --git a/src/Backends/Jellyfin/Action/GetUser.php b/src/Backends/Jellyfin/Action/GetUser.php
index 07e30e04..601cab3a 100644
--- a/src/Backends/Jellyfin/Action/GetUser.php
+++ b/src/Backends/Jellyfin/Action/GetUser.php
@@ -9,6 +9,7 @@
 use App\Backends\Common\Error;
 use App\Backends\Common\Levels;
 use App\Backends\Common\Response;
+use App\Libs\Config;
 use App\Libs\Enums\Http\Method;
 use App\Libs\Enums\Http\Status;
 use App\Libs\Options;
@@ -100,7 +101,17 @@ private function getUser(Context $context, array $opts = []): Response
         $options = $context->getHttpOptions();
 
         if (count($options['headers']) < 1) {
-            $options['headers']['X-MediaBrowser-Token'] = $context->backendToken;
+            $options['headers']['Authorization'] = r(
+                'MediaBrowser Token="{token}", Client="{app}", Device="{os}", DeviceId="{id}", Version="{version}", UserId="{user}"',
+                [
+                    'token' => $context->backendToken,
+                    'app' => Config::get('name') . '/' . $context->clientName,
+                    'os' => PHP_OS,
+                    'id' => md5(Config::get('name') . '/' . $context->clientName),
+                    'version' => get_app_version(),
+                    'user' => $context->backendUser,
+                ],
+            );
         }
 
         $response = $this->http->request(Method::GET, (string) $url, $options);
@@ -112,7 +123,7 @@ private function getUser(Context $context, array $opts = []): Response
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' user '{userId}' info returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' user '{userId}' info returned HTTP {response.status_code}.",
                     context: [
                         ...$logContext,
                         'response' => [
diff --git a/src/Backends/Jellyfin/Action/GetUsersList.php b/src/Backends/Jellyfin/Action/GetUsersList.php
index f3c6d60c..c3e12afe 100644
--- a/src/Backends/Jellyfin/Action/GetUsersList.php
+++ b/src/Backends/Jellyfin/Action/GetUsersList.php
@@ -9,6 +9,7 @@
 use App\Backends\Common\Error;
 use App\Backends\Common\Levels;
 use App\Backends\Common\Response;
+use App\Libs\Config;
 use App\Libs\Container;
 use App\Libs\Enums\Http\Method;
 use App\Libs\Enums\Http\Status;
@@ -95,12 +96,18 @@ private function getUsers(Context $context, array $opts = []): Response
 
         $headers = $context->getHttpOptions();
 
-        if (empty($headers)) {
-            $headers = [
-                'headers' => [
-                    'X-MediaBrowser-Token' => $context->backendToken,
+        if (empty($headers['headers'])) {
+            $headers['headers']['Authorization'] = r(
+                'MediaBrowser Token="{token}", Client="{app}", Device="{os}", DeviceId="{id}", Version="{version}", UserId="{user}"',
+                [
+                    'token' => $context->backendToken,
+                    'app' => Config::get('name') . '/' . $context->clientName,
+                    'os' => PHP_OS,
+                    'id' => md5(Config::get('name') . '/' . $context->clientName),
+                    'version' => get_app_version(),
+                    'user' => $context->backendUser,
                 ],
-            ];
+            );
         }
 
         $response = $this->http->request(Method::GET, (string) $url, $headers);
@@ -112,7 +119,7 @@ private function getUsers(Context $context, array $opts = []): Response
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' users list returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' users list returned HTTP {response.status_code}.",
                     context: [
                         ...$logContext,
                         'response' => [
diff --git a/src/Backends/Jellyfin/Action/Import.php b/src/Backends/Jellyfin/Action/Import.php
index 33889f45..496f7b21 100644
--- a/src/Backends/Jellyfin/Action/Import.php
+++ b/src/Backends/Jellyfin/Action/Import.php
@@ -184,7 +184,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
                 }
 
                 $this->logger->error(
-                    message: "Request for '{identity.user}@{identity.backend}' libraries returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' libraries returned HTTP {response.status_code}.",
                     context: $rContext,
                 );
 
@@ -202,7 +202,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
 
             if (empty($listDirs)) {
                 $this->logger->warning(
-                    message: "Request for '{identity.user}@{identity.backend}' libraries returned with empty list.",
+                    message: "Request for '{identity.user}@{identity.backend}' libraries returned an empty list.",
                     context: [
                         ...$rContext,
                         'response' => ['body' => $payload],
@@ -214,7 +214,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
         } catch (iException $e) {
             $this->logger->error(
                 ...lw(
-                    message: "Request for '{identity.user}@{identity.backend}' libraries has failed. {exception.message}",
+                    message: "Request for '{identity.user}@{identity.backend}' libraries failed. {exception.message}",
                     context: [...$rContext, ...exception_log($e)],
                     e: $e,
                 ),
@@ -224,7 +224,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
         } catch (JsonException $e) {
             $this->logger->error(
                 ...lw(
-                    message: "Request for '{identity.user}@{identity.backend}' libraries returned with invalid body. {exception.message}",
+                    message: "Request for '{identity.user}@{identity.backend}' libraries returned invalid JSON. {exception.message}",
                     context: [...$rContext, ...exception_log($e)],
                     e: $e,
                 ),
@@ -347,7 +347,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
             try {
                 if (Status::OK !== Status::tryFrom($response->getStatusCode())) {
                     $this->logger->error(
-                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' items count returned with unexpected '{response.status_code}' status code.",
+                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' items count returned HTTP {response.status_code}.",
                         context: [
                             ...$logContext,
                             'response' => ['status_code' => $response->getStatusCode()],
@@ -362,7 +362,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
 
                 if ($totalCount < 1) {
                     $this->logger->warning(
-                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' items count returned with 0 or less.",
+                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' items count returned 0 items.",
                         context: [
                             ...$logContext,
                             'response' => [
@@ -378,7 +378,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
             } catch (iException $e) {
                 $this->logger->error(
                     ...lw(
-                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' total items has failed. {exception.message}",
+                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' total items failed. {exception.message}",
                         context: [...$logContext, ...exception_log($e)],
                         e: $e,
                     ),
@@ -625,7 +625,7 @@ protected function handle(Context $context, iResponse $response, Closure $callba
     {
         if (Status::OK !== Status::tryFrom($response->getStatusCode())) {
             $this->logger->error(
-                message: "Request for '{identity.user}@{identity.backend}' - '{library.title} {segment.number}/{segment.of}' content returned with unexpected '{response.status_code}' status code.",
+                message: "Request for '{identity.user}@{identity.backend}' - '{library.title} {segment.number}/{segment.of}' content returned HTTP {response.status_code}.",
                 context: [
                     ...$logContext,
                     'response' => ['status_code' => $response->getStatusCode()],
@@ -898,9 +898,11 @@ protected function process(
 
             if (null === ag($item, $dateKey)) {
                 $this->logger->debug(
-                    message: "Ignoring '{identity.user}@{identity.backend}' - '{item.id}: {item.title}'. No date key '{date_key}' is set on object. '{response.body}'",
+                    message: "Ignoring '{identity.user}@{identity.backend}' - '{item.id}: {item.title}'. No date key '{date_key}' is set on object.",
                     context: [
                         'date_key' => $dateKey,
+                        'operation' => 'import.item_skip',
+                        'error' => 'no_date_set',
                         'response' => ['body' => $item],
                         ...$logContext,
                     ],
diff --git a/src/Backends/Jellyfin/Action/Progress.php b/src/Backends/Jellyfin/Action/Progress.php
index e088764d..7498e079 100644
--- a/src/Backends/Jellyfin/Action/Progress.php
+++ b/src/Backends/Jellyfin/Action/Progress.php
@@ -155,7 +155,11 @@ private function action(
             if ($context->backendName === $entity->via && false === $replayProgress) {
                 $this->logger->info(
                     message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event originated from this backend.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'progress.skip',
+                        'error' => 'event_from_this_backend',
+                    ],
                 );
                 continue;
             }
@@ -163,7 +167,11 @@ private function action(
             if (null === ag($metadata, iState::COLUMN_ID, null)) {
                 $this->logger->warning(
                     message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. No metadata was found.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'progress.skip',
+                        'error' => 'no_metadata',
+                    ],
                 );
                 continue;
             }
@@ -172,7 +180,11 @@ private function action(
             if (null === $senderDate) {
                 $this->logger->warning(
                     message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. The event originator did not set a date.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'progress.skip',
+                        'error' => 'no_event_date',
+                    ],
                 );
                 continue;
             }
@@ -182,12 +194,16 @@ private function action(
             $datetime = ag($entity->getExtra($context->backendName), iState::COLUMN_EXTRA_DATE, null);
             if (false === $ignoreDate && null !== $datetime && make_date($datetime)->getTimestamp() > $senderDate) {
                 $this->logger->warning(
-                    message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event date '{event_date}' is older than backend local db item date '{local_date}'.",
+                    message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event date '{comparison.event_date}' is older than local database date '{comparison.local_date}'.",
                     context: [
                         ...$logContext,
-                        'event_date' => make_date($senderDate),
-                        'local_date' => make_date($datetime),
-                        'compare' => ['remote' => make_date($datetime), 'sender' => make_date($senderDate)],
+                        'operation' => 'progress.skip',
+                        'error' => 'stale_event_date',
+                        'comparison' => [
+                            'event_date' => make_date($senderDate),
+                            'local_date' => make_date($datetime),
+                            'delta_seconds' => make_date($datetime)->getTimestamp() - $senderDate,
+                        ],
                     ],
                 );
                 continue;
@@ -198,7 +214,11 @@ private function action(
             if (array_key_exists($logContext['remote']['id'], $sessions)) {
                 $this->logger->notice(
                     message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. The item is playing right now.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'progress.skip',
+                        'error' => 'currently_playing',
+                    ],
                 );
                 continue;
             }
@@ -211,14 +231,15 @@ private function action(
 
                 if (false === $ignoreDate && make_date($remoteItem->updated)->getTimestamp() > $senderDate) {
                     $this->logger->info(
-                        message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event date '{event_date}' is older than backend remote item date '{remote_date}'.",
+                        message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event date '{comparison.event_date}' is older than backend date '{comparison.remote_date}'.",
                         context: [
                             ...$logContext,
-                            'event_date' => make_date($senderDate),
-                            'remote_date' => make_date($remoteItem->updated),
-                            'compare' => [
-                                'remote' => make_date($remoteItem->updated),
-                                'sender' => make_date($senderDate),
+                            'operation' => 'progress.skip',
+                            'error' => 'stale_event_date',
+                            'comparison' => [
+                                'event_date' => make_date($senderDate),
+                                'remote_date' => make_date($remoteItem->updated),
+                                'delta_seconds' => make_date($remoteItem->updated)->getTimestamp() - $senderDate,
                             ],
                         ],
                     );
@@ -234,7 +255,11 @@ private function action(
                         if (false === ($allowUpdate >= $minThreshold && time() > ($entity->updated + $allowUpdate))) {
                             $this->logger->info(
                                 message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. The backend says the item is marked as watched.",
-                                context: $logContext,
+                                context: [
+                                    ...$logContext,
+                                    'operation' => 'progress.skip',
+                                    'error' => 'backend_marked_watched',
+                                ],
                             );
                             continue;
                         }
@@ -243,7 +268,7 @@ private function action(
             } catch (\App\Libs\Exceptions\RuntimeException|RuntimeException|InvalidArgumentException $e) {
                 $this->logger->error(
                     ...lw(
-                        message: "Failed during '{identity.user}@{identity.backend}' get {history.type} '#{history.id}: {history.title}' status. {exception.message}",
+                        message: "Failed to get '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' status. {exception.message}",
                         context: [
                             ...$logContext,
                             ...exception_log($e),
@@ -307,7 +332,7 @@ private function action(
 
                             if (false === in_array(Status::tryFrom($statusCode), [Status::OK, Status::NO_CONTENT], true)) {
                                 $this->logger->error(
-                                    message: "Request to change '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' watch progress returned with unexpected '{response.status_code}' status code.",
+                                    message: "Watch progress update for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' returned HTTP {response.status_code}.",
                                     context: [
                                         ...$requestContext,
                                         'response' => ['status_code' => $statusCode],
@@ -330,7 +355,7 @@ private function action(
                         error: function (Throwable $e) use ($requestContext): array {
                             $this->logger->error(
                                 ...lw(
-                                    message: "Failed during '{identity.user}@{identity.backend}' request to change watch progress of {history.type} '#{history.id}: {history.title}'. {exception.message}",
+                                    message: "Failed to update watch progress for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. {exception.message}",
                                     context: [
                                         ...$requestContext,
                                         ...exception_log($e),
@@ -367,7 +392,7 @@ private function action(
                                     $statusCode = $response->getStatusCode();
                                     if (false === in_array(Status::tryFrom($statusCode), [Status::OK, Status::NO_CONTENT], true)) {
                                         $this->logger->error(
-                                            message: "Request to mark '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' as unplayed before progress update returned with unexpected '{response.status_code}' status code.",
+                                            message: "Mark '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' as unplayed before progress update returned HTTP {response.status_code}.",
                                             context: [
                                                 ...$unwatchContext,
                                                 'error' => 'unexpected_status',
@@ -383,7 +408,7 @@ private function action(
                                 error: function (Throwable $e) use ($unwatchContext): array {
                                     $this->logger->error(
                                         ...lw(
-                                            message: "Exception was thrown during '{identity.user}@{identity.backend}' unplayed request before progress update.",
+                                            message: "Failed to mark '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' as unplayed before progress update. {exception.message}",
                                             context: [
                                                 ...$unwatchContext,
                                                 'error' => 'request_exception',
@@ -409,7 +434,7 @@ private function action(
             } catch (Throwable $e) {
                 $this->logger->error(
                     ...lw(
-                        message: "Failed during '{identity.user}@{identity.backend}' change {history.type} '#{history.id}: {history.title}' watch progress. {exception.message}",
+                        message: "Failed to update watch progress for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. {exception.message}",
                         context: [
                             ...$logContext,
                             ...exception_log($e),
diff --git a/src/Backends/Jellyfin/Action/Push.php b/src/Backends/Jellyfin/Action/Push.php
index 26c93ff0..54013d9d 100644
--- a/src/Backends/Jellyfin/Action/Push.php
+++ b/src/Backends/Jellyfin/Action/Push.php
@@ -114,7 +114,11 @@ private function action(
             if (null === ag($metadata, iState::COLUMN_ID, null)) {
                 $this->logger->warning(
                     message: "Ignoring '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. No metadata was found.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'push.skip',
+                        'error' => 'no_metadata',
+                    ],
                 );
                 continue;
             }
@@ -155,7 +159,7 @@ private function action(
             } catch (Throwable $e) {
                 $this->logger->error(
                     ...lw(
-                        message: "Failed during '{identity.user}@{identity.backend}' request for {history.type} '#{history.id}: {history.title}' metadata. {exception.message}",
+                        message: "Failed to request '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' metadata. {exception.message}",
                         context: [
                             ...$logContext,
                             ...exception_log($e),
@@ -187,12 +191,12 @@ private function action(
                 if (Status::OK !== Status::tryFrom($response->getStatusCode())) {
                     if (Status::NOT_FOUND === Status::tryFrom($response->getStatusCode())) {
                         $this->logger->warning(
-                            message: "Request for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' metadata returned with (404: Not Found) status code.",
+                            message: "Request for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' metadata returned HTTP 404 (Not Found).",
                             context: [...$logContext, 'response' => ['status_code' => $response->getStatusCode()]],
                         );
                     } else {
                         $this->logger->error(
-                            message: "Request for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' metadata returned with unexpected '{response.status_code}' status code.",
+                            message: "Request for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' metadata returned HTTP {response.status_code}.",
                             context: [...$logContext, 'response' => ['status_code' => $response->getStatusCode()]],
                         );
                     }
@@ -218,7 +222,11 @@ private function action(
                 if ($entity->watched === $isWatched) {
                     $this->logger->info(
                         message: "Ignoring '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. Play state is identical.",
-                        context: $logContext,
+                        context: [
+                            ...$logContext,
+                            'operation' => 'push.skip',
+                            'error' => 'play_state_identical',
+                        ],
                     );
                     continue;
                 }
@@ -228,7 +236,13 @@ private function action(
                     if (null === ($date = ag($json, $dateKey))) {
                         $this->logger->error(
                             message: "Ignoring '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. No {date_key} is set on backend object.",
-                            context: ['date_key' => $dateKey, ...$logContext, 'response' => ['body' => $json]],
+                            context: [
+                                'date_key' => $dateKey,
+                                ...$logContext,
+                                'operation' => 'push.skip',
+                                'error' => 'no_backend_date',
+                                'response' => ['body' => $json],
+                            ],
                         );
                         continue;
                     }
@@ -242,11 +256,13 @@ private function action(
                             message: "Ignoring '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. Database date is older than backend date.",
                             context: [
                                 ...$logContext,
+                                'operation' => 'push.skip',
+                                'error' => 'stale_database_date',
                                 'comparison' => [
-                                    'database' => make_date($entity->updated),
-                                    'backend' => $date,
-                                    'difference' => $date->getTimestamp() - $entity->updated,
-                                    'extra_margin' => [Options::EXPORT_ALLOWED_TIME_DIFF => $timeExtra],
+                                    'database_date' => make_date($entity->updated),
+                                    'backend_date' => $date,
+                                    'delta_seconds' => $date->getTimestamp() - $entity->updated,
+                                    'margin_seconds' => $timeExtra,
                                 ],
                             ],
                         );
@@ -320,7 +336,7 @@ private function action(
             } catch (Throwable $e) {
                 $this->logger->error(
                     ...lw(
-                        message: "Failed during '{identity.user}@{identity.backend}' push play state. {exception.message}",
+                        message: "Failed to push play state for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. {exception.message}",
                         context: [
                             ...$logContext,
                             ...exception_log($e),
diff --git a/src/Backends/Jellyfin/Action/SearchQuery.php b/src/Backends/Jellyfin/Action/SearchQuery.php
index 707b8885..d1e19f7d 100644
--- a/src/Backends/Jellyfin/Action/SearchQuery.php
+++ b/src/Backends/Jellyfin/Action/SearchQuery.php
@@ -132,7 +132,7 @@ private function search(Context $context, string $query, int $limit = 25, array
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Search request for '{query}' in '{identity.user}@{identity.backend}' returned with unexpected '{response.status_code}' status code.",
+                    message: "Search request for '{query}' in '{identity.user}@{identity.backend}' returned HTTP {response.status_code}.",
                     context: [
                         ...$logContext,
                         'response' => ['status_code' => $response->getStatusCode()],
diff --git a/src/Backends/Jellyfin/JellyfinGuid.php b/src/Backends/Jellyfin/JellyfinGuid.php
index 387b713a..6648fcd8 100644
--- a/src/Backends/Jellyfin/JellyfinGuid.php
+++ b/src/Backends/Jellyfin/JellyfinGuid.php
@@ -52,8 +52,9 @@ public function __construct(
                 $this->parseGUIDFile($file);
             }
         } catch (Throwable $e) {
-            $this->logger->error("{class}: Failed to read or parse '{guid}' file. {exception.message}.", [
-                'class' => after_last(static::class, '\\'),
+            $this->logger->error("Failed to read or parse GUID file '{guid}'. {exception.message}", [
+                'operation' => 'guid.load_file',
+                'error' => 'file_parse_failed',
                 'guid' => $file,
                 ...exception_log($e),
             ]);
@@ -78,7 +79,10 @@ public function parseGUIDFile(string $file): void
         }
 
         if (filesize($file) < 1) {
-            $this->logger->info("The external GUID mapping file '{file}' is empty.", ['file' => $file]);
+            $this->logger->info("The external GUID mapping file '{file}' is empty.", [
+                'operation' => 'guid.load_file',
+                'file' => $file,
+            ]);
             return;
         }
 
@@ -125,7 +129,9 @@ public function parseGUIDFile(string $file): void
 
         foreach ($mapping as $key => $map) {
             if (false === is_array($map)) {
-                $this->logger->warning("Ignoring 'links.{key}'. Value must be an object. '{given}' is given.", [
+                $this->logger->warning("Ignoring link mapping '{key}'. Value must be an object. '{given}' given.", [
+                    'operation' => 'guid.link_map',
+                    'error' => 'link_not_object',
                     'key' => $key,
                     'type' => $this->type,
                     'given' => get_debug_type($map),
@@ -140,7 +146,9 @@ public function parseGUIDFile(string $file): void
             $mapper = ag($map, 'map', null);
 
             if (false === is_array($mapper)) {
-                $this->logger->warning("Ignoring 'links.{key}'. map value must be an object. '{given}' is given.", [
+                $this->logger->warning("Ignoring link mapping '{key}'. 'map' value must be an object. '{given}' given.", [
+                    'operation' => 'guid.link_map',
+                    'error' => 'link_map_not_object',
                     'key' => $key,
                     'type' => $this->type,
                     'given' => get_debug_type($mapper),
@@ -152,7 +160,9 @@ public function parseGUIDFile(string $file): void
             $to = ag($mapper, 'to', null);
 
             if (empty($from) || false === is_string($from)) {
-                $this->logger->warning("Ignoring 'links.{key}'. map.from field is empty or not a string.", [
+                $this->logger->warning("Ignoring link mapping '{key}'. 'map.from' field is empty or not a string.", [
+                    'operation' => 'guid.link_map',
+                    'error' => 'link_from_missing',
                     'type' => $this->type,
                     'key' => $key,
                 ]);
@@ -160,7 +170,9 @@ public function parseGUIDFile(string $file): void
             }
 
             if (empty($to) || false === is_string($to)) {
-                $this->logger->warning("Ignoring 'links.{key}'. map.to field is empty or not a string.", [
+                $this->logger->warning("Ignoring link mapping '{key}'. 'map.to' field is empty or not a string.", [
+                    'operation' => 'guid.link_map',
+                    'error' => 'link_to_missing',
                     'type' => $this->type,
                     'key' => $key,
                 ]);
@@ -168,7 +180,9 @@ public function parseGUIDFile(string $file): void
             }
 
             if (false === Guid::validateGUIDName($to)) {
-                $this->logger->warning("Ignoring 'links.{key}'. map.to '{to}' field does not starts with 'guid_'.", [
+                $this->logger->warning("Ignoring link mapping '{key}'. 'map.to' field does not starts with 'guid_', '{to}' given.", [
+                    'operation' => 'guid.link_map',
+                    'error' => 'link_to_not_guid',
                     'type' => $this->type,
                     'key' => $key,
                     'to' => $to,
@@ -177,7 +191,9 @@ public function parseGUIDFile(string $file): void
             }
 
             if (false === in_array($to, $supported, true)) {
-                $this->logger->warning("Ignoring 'links.{key}'. map.to field is not a supported GUID type.", [
+                $this->logger->warning("Ignoring link mapping '{key}'. 'map.to' field is not a supported GUID type, '{to}' given.", [
+                    'operation' => 'guid.link_map',
+                    'error' => 'link_to_not_supported',
                     'type' => $this->type,
                     'key' => $key,
                     'to' => $to,
@@ -244,9 +260,10 @@ protected function ListExternalIds(array $guids, array $context = [], bool $log
                 if (true === is_ignored_id($this->context->userContext, $bName, $type, $key, $value, $id)) {
                     if (true === $log) {
                         $this->logger->debug(
-                            "{class}: Ignoring '{identity.client}: {identity.user}@{identity.backend}' external id '{source}' for {item.type} '{item.id}: {item.title}' as requested.",
+                            "Ignoring '{identity.client}: {identity.user}@{identity.backend}' external id '{source}' for {item.type} '{item.id}: {item.title}' as requested.",
                             [
-                                'class' => after_last(static::class, '\\'),
+                                'operation' => 'guid.parse',
+                                'error' => 'ignored_by_user',
                                 'identity' => [
                                     'client' => $this->context->clientName,
                                     'user' => $this->context->userContext->name,
@@ -268,9 +285,10 @@ protected function ListExternalIds(array $guids, array $context = [], bool $log
             } catch (Throwable $e) {
                 if (true === $log) {
                     $this->logger->info(
-                        message: "{class}: Ignoring '{identity.user}@{identity.backend}' invalid GUID '{agent}' for {item.type} '{item.id}: {item.title}'.",
+                        message: "Ignoring '{identity.user}@{identity.backend}' invalid GUID '{agent}' for {item.type} '{item.id}: {item.title}'.",
                         context: [
-                            'class' => after_last(static::class, '\\'),
+                            'operation' => 'guid.parse',
+                            'error' => 'invalid_guid',
                             'identity' => [
                                 'user' => $this->context->userContext->name,
                                 'backend' => $this->context->backendName,
diff --git a/src/Backends/Jellyfin/JellyfinValidateContext.php b/src/Backends/Jellyfin/JellyfinValidateContext.php
index e5e4ffc8..7a782842 100644
--- a/src/Backends/Jellyfin/JellyfinValidateContext.php
+++ b/src/Backends/Jellyfin/JellyfinValidateContext.php
@@ -97,7 +97,6 @@ private function validateUrl(Context $context): string
                 options: array_replace_recursive($context->getHttpOptions(), [
                     'headers' => [
                         'Accept' => 'application/json',
-                        'X-MediaBrowser-Token' => $context->backendToken,
                     ],
                 ]),
             );
diff --git a/src/Backends/Plex/Action/AddWebhook.php b/src/Backends/Plex/Action/AddWebhook.php
index ca731b0d..69dc0aa6 100644
--- a/src/Backends/Plex/Action/AddWebhook.php
+++ b/src/Backends/Plex/Action/AddWebhook.php
@@ -97,7 +97,7 @@ private function addWebhook(Context $context, string $webhookUrl, array $opts =
                 return new Response(
                     status: false,
                     error: new Error(
-                        message: "Request for '{identity.user}@{identity.backend}' get webhooks returned with unexpected '{response.status_code}' status code.",
+                        message: "Request for '{identity.user}@{identity.backend}' get webhooks returned HTTP {response.status_code}.",
                         context: [
                             ...$logContext,
                             'response' => [
@@ -116,7 +116,7 @@ private function addWebhook(Context $context, string $webhookUrl, array $opts =
                 return new Response(
                     status: false,
                     error: new Error(
-                        message: "Request for '{identity.user}@{identity.backend}' get webhooks returned with empty response.",
+                        message: "Request for '{identity.user}@{identity.backend}' get webhooks returned an empty response.",
                         context: [...$logContext, 'response' => ['body' => $content]],
                         level: Levels::ERROR,
                     ),
@@ -176,7 +176,7 @@ private function addWebhook(Context $context, string $webhookUrl, array $opts =
                 return new Response(
                     status: false,
                     error: new Error(
-                        message: "Request for '{identity.user}@{identity.backend}' to add webhook returned with unexpected '{response.status_code}' status code.",
+                        message: "Request for '{identity.user}@{identity.backend}' to add webhook returned HTTP {response.status_code}.",
                         context: [
                             ...$logContext,
                             'response' => [
diff --git a/src/Backends/Plex/Action/CreatePlaylist.php b/src/Backends/Plex/Action/CreatePlaylist.php
index f22cc3bb..e5605952 100644
--- a/src/Backends/Plex/Action/CreatePlaylist.php
+++ b/src/Backends/Plex/Action/CreatePlaylist.php
@@ -103,7 +103,7 @@ private function action(Context $context, string $title, array $itemIds): Respon
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' playlist '{title}' returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' playlist '{title}' returned HTTP {response.status_code}.",
                     context: [
                         ...$logContext,
                         'response' => ['status_code' => $response->getStatusCode()],
diff --git a/src/Backends/Plex/Action/DeletePlaylist.php b/src/Backends/Plex/Action/DeletePlaylist.php
index 78ef357f..7e44a7f4 100644
--- a/src/Backends/Plex/Action/DeletePlaylist.php
+++ b/src/Backends/Plex/Action/DeletePlaylist.php
@@ -72,7 +72,7 @@ private function action(Context $context, string|int $id): Response
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' playlist '{id}' returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' playlist '{id}' returned HTTP {response.status_code}.",
                     context: [...$logContext, 'response' => ['status_code' => $response->getStatusCode()]],
                     level: Levels::ERROR,
                 ),
diff --git a/src/Backends/Plex/Action/Export.php b/src/Backends/Plex/Action/Export.php
index 2ac57730..a9426ea5 100644
--- a/src/Backends/Plex/Action/Export.php
+++ b/src/Backends/Plex/Action/Export.php
@@ -222,7 +222,7 @@ protected function process(
 
                         if (Status::OK !== Status::tryFrom($statusCode)) {
                             $this->logger->error(
-                                message: "Request to change '{identity.user}@{identity.backend}' {item.type} '{item.title}' play state returned with unexpected '{response.status_code}' status code.",
+                                message: "Request to change '{identity.user}@{identity.backend}' {item.type} '{item.title}' play state returned HTTP {response.status_code}.",
                                 context: [
                                     ...$requestContext,
                                     'response' => ['status_code' => $statusCode],
diff --git a/src/Backends/Plex/Action/GetInfo.php b/src/Backends/Plex/Action/GetInfo.php
index 7736619b..6d35c5e4 100644
--- a/src/Backends/Plex/Action/GetInfo.php
+++ b/src/Backends/Plex/Action/GetInfo.php
@@ -78,7 +78,7 @@ public function __invoke(Context $context, array $opts = []): Response
                     return new Response(
                         status: false,
                         error: new Error(
-                            message: "Request for '{identity.user}@{identity.backend}' get info returned with unexpected '{response.status_code}' status code.",
+                            message: "Request for '{identity.user}@{identity.backend}' get info returned HTTP {response.status_code}.",
                             context: [
                                 ...$logContext,
                                 'response' => [
@@ -99,7 +99,7 @@ public function __invoke(Context $context, array $opts = []): Response
                     return new Response(
                         status: false,
                         error: new Error(
-                            message: "Request for '{identity.user}@{identity.backend}' get info returned with empty response.",
+                            message: "Request for '{identity.user}@{identity.backend}' get info returned an empty response.",
                             context: [...$logContext, 'response' => ['body' => $content]],
                             level: Levels::ERROR,
                         ),
diff --git a/src/Backends/Plex/Action/GetLibrariesList.php b/src/Backends/Plex/Action/GetLibrariesList.php
index ca8adf08..03f0d01d 100644
--- a/src/Backends/Plex/Action/GetLibrariesList.php
+++ b/src/Backends/Plex/Action/GetLibrariesList.php
@@ -195,7 +195,7 @@ private function real_request(Context $context, array $logContext = []): array
         if (Status::OK !== Status::tryFrom($response->getStatusCode())) {
             throw new RuntimeException(
                 r(
-                    text: "Request for '{identity.user}@{identity.backend}' libraries returned with unexpected '{response.status_code}' status code.",
+                    text: "Request for '{identity.user}@{identity.backend}' libraries returned HTTP {response.status_code}.",
                     context: [...$logContext, 'response' => ['status_code' => $response->getStatusCode()]],
                 ),
             );
diff --git a/src/Backends/Plex/Action/GetLibrary.php b/src/Backends/Plex/Action/GetLibrary.php
index c8967b92..0cbd4291 100644
--- a/src/Backends/Plex/Action/GetLibrary.php
+++ b/src/Backends/Plex/Action/GetLibrary.php
@@ -112,7 +112,7 @@ private function action(Context $context, iGuid $guid, string|int $id, array $op
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "The requested '{identity.user}@{identity.backend}' library '{library.title}' returned with unsupported type '{library.type}'.",
+                    message: "The requested '{identity.user}@{identity.backend}' library '{library.title}' returned unsupported type '{library.type}'.",
                     context: $logContext,
                     level: Levels::WARNING,
                 ),
@@ -155,7 +155,7 @@ private function action(Context $context, iGuid $guid, string|int $id, array $op
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' library '{library.title}' returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' library '{library.title}' returned HTTP {response.status_code}.",
                     context: [...$logContext, 'response' => ['status_code' => $response->getStatusCode()]],
                     level: Levels::ERROR,
                 ),
@@ -232,7 +232,7 @@ private function action(Context $context, iGuid $guid, string|int $id, array $op
                 if (Status::OK !== Status::tryFrom($response->getStatusCode())) {
                     if (false === $noLog) {
                         $this->logger->warning(
-                            message: "Request for '{identity.user}@{identity.backend}' {item.type} '{item.title}' metadata returned with unexpected '{response.status_code}' status code.",
+                            message: "Request for '{identity.user}@{identity.backend}' {item.type} '{item.title}' metadata returned HTTP {response.status_code}.",
                             context: [
                                 ...$requestContext,
                                 'response' => ['status_code' => $response->getStatusCode(), 'body' => $response->getContent(false)],
diff --git a/src/Backends/Plex/Action/GetMetaData.php b/src/Backends/Plex/Action/GetMetaData.php
index baee8253..24b9783e 100644
--- a/src/Backends/Plex/Action/GetMetaData.php
+++ b/src/Backends/Plex/Action/GetMetaData.php
@@ -93,7 +93,7 @@ public function __invoke(Context $context, string|int $id, array $opts = []): Re
                         return new Response(
                             status: false,
                             error: new Error(
-                                message: "Request for '{identity.user}@{identity.backend}' - '{id}' item returned with unexpected '{response.status_code}' status code.",
+                                message: "Request for '{identity.user}@{identity.backend}' - '{id}' item returned HTTP {response.status_code}.",
                                 context: [...$logContext, 'response' => ['status_code' => $response->getStatusCode()]],
                             ),
                         );
diff --git a/src/Backends/Plex/Action/GetPlaylist.php b/src/Backends/Plex/Action/GetPlaylist.php
index 37b3adc6..c2e8ded4 100644
--- a/src/Backends/Plex/Action/GetPlaylist.php
+++ b/src/Backends/Plex/Action/GetPlaylist.php
@@ -66,7 +66,7 @@ private function action(Context $context, string|int $id, array $opts = []): Res
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' playlist '{id}' returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' playlist '{id}' returned HTTP {response.status_code}.",
                     context: [...$logContext, 'response' => ['status_code' => $detailResponse->getStatusCode()]],
                     level: Levels::ERROR,
                 ),
@@ -97,7 +97,7 @@ private function action(Context $context, string|int $id, array $opts = []): Res
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' playlist '{id}' items returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' playlist '{id}' items returned HTTP {response.status_code}.",
                     context: [...$logContext, 'response' => ['status_code' => $itemsResponse->getStatusCode()]],
                     level: Levels::ERROR,
                 ),
diff --git a/src/Backends/Plex/Action/GetPlaylistsList.php b/src/Backends/Plex/Action/GetPlaylistsList.php
index 120c4ffa..8db3d740 100644
--- a/src/Backends/Plex/Action/GetPlaylistsList.php
+++ b/src/Backends/Plex/Action/GetPlaylistsList.php
@@ -67,7 +67,7 @@ private function action(Context $context, array $opts = []): Response
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Request for '{identity.user}@{identity.backend}' playlists returned with unexpected '{response.status_code}' status code.",
+                    message: "Request for '{identity.user}@{identity.backend}' playlists returned HTTP {response.status_code}.",
                     context: [...$logContext, 'response' => ['status_code' => $response->getStatusCode()]],
                     level: Levels::ERROR,
                 ),
diff --git a/src/Backends/Plex/Action/GetSessions.php b/src/Backends/Plex/Action/GetSessions.php
index ca6bc9f3..e8361124 100644
--- a/src/Backends/Plex/Action/GetSessions.php
+++ b/src/Backends/Plex/Action/GetSessions.php
@@ -77,7 +77,7 @@ public function __invoke(Context $context, array $opts = []): Response
                     return new Response(
                         status: false,
                         error: new Error(
-                            message: "Request for '{identity.user}@{identity.backend}' active play sessions returned with unexpected '{response.status_code}' status code.",
+                            message: "Request for '{identity.user}@{identity.backend}' active play sessions returned HTTP {response.status_code}.",
                             context: [
                                 ...$logContext,
                                 'response' => ['status_code' => $response->getStatusCode(), 'body' => $content],
@@ -91,7 +91,7 @@ public function __invoke(Context $context, array $opts = []): Response
                     return new Response(
                         status: false,
                         error: new Error(
-                            message: "Request for '{identity.user}@{identity.backend}' active play sessions returned with empty response.",
+                            message: "Request for '{identity.user}@{identity.backend}' active play sessions returned an empty response.",
                             context: [
                                 ...$logContext,
                                 'response' => ['status_code' => $response->getStatusCode(), 'body' => $content],
diff --git a/src/Backends/Plex/Action/GetUserToken.php b/src/Backends/Plex/Action/GetUserToken.php
index 16988a7d..5e86a6c3 100644
--- a/src/Backends/Plex/Action/GetUserToken.php
+++ b/src/Backends/Plex/Action/GetUserToken.php
@@ -361,7 +361,7 @@ private function request(
         return new Response(
             status: false,
             error: new Error(
-                message: "Request to '{identity.user}@{identity.backend}' to grant access token for '{user_id}' returned with unexpected '{response.status_code}' status code. {tokenType}{extra_msg}",
+                message: "Request to '{identity.user}@{identity.backend}' to grant access token for '{user_id}' returned HTTP {response.status_code}. {tokenType}{extra_msg}",
                 context: [
                     'identity' => [
                         'user' => $context->userContext->name,
diff --git a/src/Backends/Plex/Action/GetUsersList.php b/src/Backends/Plex/Action/GetUsersList.php
index 15f48368..872a748b 100644
--- a/src/Backends/Plex/Action/GetUsersList.php
+++ b/src/Backends/Plex/Action/GetUsersList.php
@@ -621,7 +621,7 @@ private function request(iUri $url, Context $context, array $opts = []): iRespon
 
         throw new InvalidArgumentException(
             r(
-                "Request for '{identity.user}@{identity.backend}' users list returned with unexpected '{response.status_code}' status code. {tokenType}{extra_msg}",
+                "Request for '{identity.user}@{identity.backend}' users list returned HTTP {response.status_code}. {tokenType}{extra_msg}",
                 [
                     'identity' => [
                         'user' => $context->userContext->name,
diff --git a/src/Backends/Plex/Action/Import.php b/src/Backends/Plex/Action/Import.php
index 247a0c63..5e6318a7 100644
--- a/src/Backends/Plex/Action/Import.php
+++ b/src/Backends/Plex/Action/Import.php
@@ -155,7 +155,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
                 }
 
                 $this->logger->error(
-                    "Request for '{identity.user}@{identity.backend}' libraries returned with unexpected '{response.status_code}' status code.",
+                    "Request for '{identity.user}@{identity.backend}' libraries returned HTTP {response.status_code}.",
                     $logContext,
                 );
 
@@ -175,7 +175,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
 
             if (empty($listDirs)) {
                 $this->logger->warning(
-                    message: "Request for '{identity.user}@{identity.backend}' libraries returned with empty list.",
+                    message: "Request for '{identity.user}@{identity.backend}' libraries returned an empty list.",
                     context: [
                         ...$rContext,
                         'response' => [
@@ -190,7 +190,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
         } catch (ExceptionInterface $e) {
             $this->logger->error(
                 ...lw(
-                    message: "Request for '{identity.user}@{identity.backend}' libraries has failed. {exception.message}",
+                    message: "Request for '{identity.user}@{identity.backend}' libraries failed. {exception.message}",
                     context: [...$rContext, ...exception_log($e)],
                     e: $e,
                 ),
@@ -200,7 +200,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
         } catch (JsonException $e) {
             $this->logger->error(
                 ...lw(
-                    message: "Request for '{identity.user}@{identity.backend}' libraries returned with invalid body. {exception.message}",
+                    message: "Request for '{identity.user}@{identity.backend}' libraries returned invalid JSON. {exception.message}",
                     context: [...$rContext, ...exception_log($e)],
                     e: $e,
                 ),
@@ -351,7 +351,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
             } catch (ExceptionInterface $e) {
                 $this->logger->error(
                     ...lw(
-                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' items count has failed. {exception.message}",
+                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' items count failed. {exception.message}",
                         context: [...$rContext, ...exception_log($e), ...$logContext],
                         e: $e,
                     ),
@@ -376,7 +376,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
             try {
                 if (Status::OK !== Status::tryFrom($response->getStatusCode())) {
                     $this->logger->error(
-                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' items count returned with unexpected '{response.status_code}' status code.",
+                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' items count returned HTTP {response.status_code}.",
                         context: [
                             ...$logContext,
                             'response' => ['status_code' => $response->getStatusCode()],
@@ -389,7 +389,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
 
                 if ($totalCount < 1) {
                     $this->logger->warning(
-                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' items count returned with 0 or less.",
+                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' items count returned 0 items.",
                         context: [
                             ...$logContext,
                             'response' => [
@@ -408,7 +408,7 @@ protected function getLibraries(Context $context, Closure $handle, Closure $erro
             } catch (ExceptionInterface $e) {
                 $this->logger->error(
                     ...lw(
-                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' total items has failed. {exception.message}",
+                        message: "Request for '{identity.user}@{identity.backend}' - '{library.title}' total items failed. {exception.message}",
                         context: [...$logContext, ...exception_log($e)],
                         e: $e,
                     ),
@@ -665,7 +665,7 @@ protected function handle(Context $context, iResponse $response, Closure $callba
     {
         if (Status::OK !== Status::tryFrom($response->getStatusCode())) {
             $this->logger->error(
-                message: "Request for '{identity.user}@{identity.backend}' - '{library.title} {segment.number}/{segment.of}' content returned with unexpected '{response.status_code}' status code.",
+                message: "Request for '{identity.user}@{identity.backend}' - '{library.title} {segment.number}/{segment.of}' content returned HTTP {response.status_code}.",
                 context: [
                     ...$logContext,
                     'response' => ['status_code' => $response->getStatusCode()],
@@ -881,9 +881,11 @@ protected function process(
 
             if (null === ag($item, true === (bool) ag($item, 'viewCount', false) ? 'lastViewedAt' : 'addedAt')) {
                 $this->logger->debug(
-                    message: "Ignoring '{identity.user}@{identity.backend}' - '{item.id}: {item.title}'. No date '{date_key}' is set on object. '{response.body}'",
+                    message: "Ignoring '{identity.user}@{identity.backend}' - '{item.id}: {item.title}'. No date '{date_key}' is set on object.",
                     context: [
                         ...$logContext,
+                        'operation' => 'import.item_skip',
+                        'error' => 'no_date_set',
                         'date_key' => true === (bool) ag($item, 'viewCount', false) ? 'lastViewedAt' : 'addedAt',
                         'response' => [
                             'body' => $item,
diff --git a/src/Backends/Plex/Action/Progress.php b/src/Backends/Plex/Action/Progress.php
index 3acd71e3..7046a06d 100644
--- a/src/Backends/Plex/Action/Progress.php
+++ b/src/Backends/Plex/Action/Progress.php
@@ -137,7 +137,11 @@ private function action(
             if ($context->backendName === $entity->via && false === $replayProgress) {
                 $this->logger->info(
                     message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event originated from this backend.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'progress.skip',
+                        'error' => 'event_from_this_backend',
+                    ],
                 );
                 continue;
             }
@@ -145,7 +149,11 @@ private function action(
             if (null === ag($metadata, iState::COLUMN_ID, null)) {
                 $this->logger->warning(
                     message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. No metadata was found.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'progress.skip',
+                        'error' => 'no_metadata',
+                    ],
                 );
                 continue;
             }
@@ -154,7 +162,11 @@ private function action(
             if (null === $senderDate) {
                 $this->logger->warning(
                     message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. The event originator did not set a date.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'progress.skip',
+                        'error' => 'no_event_date',
+                    ],
                 );
                 continue;
             }
@@ -165,12 +177,16 @@ private function action(
 
             if (false === $ignoreDate && null !== $datetime && make_date($datetime)->getTimestamp() > $senderDate) {
                 $this->logger->warning(
-                    message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event date '{event_date}' is older than backend local db item date '{local_date}'.",
+                    message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event date '{comparison.event_date}' is older than local database date '{comparison.local_date}'.",
                     context: [
                         ...$logContext,
-                        'event_date' => make_date($senderDate),
-                        'local_date' => make_date($datetime),
-                        'compare' => ['remote' => make_date($datetime), 'sender' => make_date($senderDate)],
+                        'operation' => 'progress.skip',
+                        'error' => 'stale_event_date',
+                        'comparison' => [
+                            'event_date' => make_date($senderDate),
+                            'local_date' => make_date($datetime),
+                            'delta_seconds' => make_date($datetime)->getTimestamp() - $senderDate,
+                        ],
                     ],
                 );
                 continue;
@@ -181,7 +197,11 @@ private function action(
             if (array_key_exists($logContext['remote']['id'], $sessions)) {
                 $this->logger->notice(
                     message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. The item is playing right now.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'progress.skip',
+                        'error' => 'currently_playing',
+                    ],
                 );
                 continue;
             }
@@ -199,14 +219,15 @@ private function action(
 
                 if (false === $ignoreDate && make_date($remoteItem->updated)->getTimestamp() > $senderDate) {
                     $this->logger->info(
-                        message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event date '{event_date}' is older than backend remote item date '{remote_date}'.",
+                        message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. Event date '{comparison.event_date}' is older than backend date '{comparison.remote_date}'.",
                         context: [
                             ...$logContext,
-                            'event_date' => make_date($senderDate),
-                            'remote_date' => make_date($remoteItem->updated),
-                            'compare' => [
-                                'remote' => make_date($remoteItem->updated),
-                                'sender' => make_date($senderDate),
+                            'operation' => 'progress.skip',
+                            'error' => 'stale_event_date',
+                            'comparison' => [
+                                'event_date' => make_date($senderDate),
+                                'remote_date' => make_date($remoteItem->updated),
+                                'delta_seconds' => make_date($remoteItem->updated)->getTimestamp() - $senderDate,
                             ],
                         ],
                     );
@@ -222,7 +243,11 @@ private function action(
                         if (false === ($allowUpdate >= $minThreshold && time() > ($entity->updated + $allowUpdate))) {
                             $this->logger->info(
                                 message: "Not processing '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. The backend says the item is marked as watched.",
-                                context: $logContext,
+                                context: [
+                                    ...$logContext,
+                                    'operation' => 'progress.skip',
+                                    'error' => 'backend_marked_watched',
+                                ],
                             );
                             continue;
                         }
@@ -231,7 +256,7 @@ private function action(
             } catch (\App\Libs\Exceptions\RuntimeException|RuntimeException|InvalidArgumentException $e) {
                 $this->logger->error(
                     ...lw(
-                        message: "Failed during '{identity.user}@{identity.backend}' get {history.type} '#{history.id}: {history.title}' status. {exception.message}",
+                        message: "Failed to get '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' status. {exception.message}",
                         context: [
                             ...$logContext,
                             ...exception_log($e),
@@ -286,7 +311,7 @@ private function action(
 
                             if (false === in_array(Status::tryFrom($statusCode), [Status::OK, Status::NO_CONTENT], true)) {
                                 $this->logger->error(
-                                    message: "Request to change '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' watch progress returned with unexpected '{response.status_code}' status code.",
+                                    message: "Watch progress update for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' returned HTTP {response.status_code}.",
                                     context: [
                                         ...$requestContext,
                                         'response' => ['status_code' => $statusCode],
@@ -309,7 +334,7 @@ private function action(
                         error: function (Throwable $e) use ($requestContext): array {
                             $this->logger->error(
                                 ...lw(
-                                    message: "Failed during '{identity.user}@{identity.backend}' request to change watch progress of {history.type} '#{history.id}: {history.title}'. {exception.message}",
+                                    message: "Failed to update watch progress for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. {exception.message}",
                                     context: [
                                         ...$requestContext,
                                         ...exception_log($e),
@@ -351,7 +376,7 @@ private function action(
                                     $statusCode = $response->getStatusCode();
                                     if (false === in_array(Status::tryFrom($statusCode), [Status::OK, Status::NO_CONTENT], true)) {
                                         $this->logger->error(
-                                            message: "Request to mark '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' as unplayed before progress update returned with unexpected '{response.status_code}' status code.",
+                                            message: "Mark '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' as unplayed before progress update returned HTTP {response.status_code}.",
                                             context: [
                                                 ...$unwatchContext,
                                                 'error' => 'unexpected_status',
@@ -367,7 +392,7 @@ private function action(
                                 error: function (Throwable $e) use ($unwatchContext): array {
                                     $this->logger->error(
                                         ...lw(
-                                            message: "Exception was thrown during '{identity.user}@{identity.backend}' unplayed request before progress update.",
+                                            message: "Failed to mark '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' as unplayed before progress update. {exception.message}",
                                             context: [
                                                 ...$unwatchContext,
                                                 'error' => 'request_exception',
@@ -393,7 +418,7 @@ private function action(
             } catch (Throwable $e) {
                 $this->logger->error(
                     ...lw(
-                        message: "Failed during '{identity.user}@{identity.backend}' change {history.type} '#{history.id}: {history.title}' watch progress. {exception.message}",
+                        message: "Failed to update watch progress for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. {exception.message}",
                         context: [
                             ...$logContext,
                             ...exception_log($e),
diff --git a/src/Backends/Plex/Action/Push.php b/src/Backends/Plex/Action/Push.php
index 9f07e0a7..a253e7f6 100644
--- a/src/Backends/Plex/Action/Push.php
+++ b/src/Backends/Plex/Action/Push.php
@@ -97,7 +97,11 @@ private function action(
             if (null === ag($metadata, iState::COLUMN_ID)) {
                 $this->logger->warning(
                     message: "Ignoring '#{history.id}: {history.title}' for '{identity.user}@{identity.backend}'. No metadata was found.",
-                    context: $logContext,
+                    context: [
+                        ...$logContext,
+                        'operation' => 'push.skip',
+                        'error' => 'no_metadata',
+                    ],
                 );
                 continue;
             }
@@ -124,7 +128,7 @@ private function action(
             } catch (Throwable $e) {
                 $this->logger->error(
                     ...lw(
-                        message: "Failed during '{identity.user}@{identity.backend}' request for {history.type} '#{history.id}: {history.title}' metadata. {exception.message}",
+                        message: "Failed to request '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' metadata. {exception.message}",
                         context: [
                             ...$logContext,
                             ...exception_log($e),
@@ -156,12 +160,12 @@ private function action(
                 if (Status::OK !== Status::tryFrom($response->getStatusCode())) {
                     if (Status::NOT_FOUND === Status::tryFrom($response->getStatusCode())) {
                         $this->logger->warning(
-                            message: "Request for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' metadata returned with (404: Not Found) status code.",
+                            message: "Request for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' metadata returned HTTP 404 (Not Found).",
                             context: [...$logContext, 'response' => ['status_code' => $response->getStatusCode()]],
                         );
                     } else {
                         $this->logger->error(
-                            message: "Request for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' metadata returned with unexpected '{response.status_code}' status code.",
+                            message: "Request for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}' metadata returned HTTP {response.status_code}.",
                             context: [...$logContext, 'response' => ['status_code' => $response->getStatusCode()]],
                         );
                     }
@@ -186,7 +190,7 @@ private function action(
 
                 if (empty($json)) {
                     $this->logger->error(
-                        message: "Ignoring '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. Returned with unexpected body.",
+                        message: "Ignoring '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. Backend returned unexpected body.",
                         context: [...$logContext, 'response' => ['body' => $body]],
                     );
                     continue;
@@ -197,7 +201,11 @@ private function action(
                 if ($entity->watched === $isWatched) {
                     $this->logger->info(
                         message: "Ignoring '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. Play state is identical.",
-                        context: $logContext,
+                        context: [
+                            ...$logContext,
+                            'operation' => 'push.skip',
+                            'error' => 'play_state_identical',
+                        ],
                     );
                     continue;
                 }
@@ -207,8 +215,14 @@ private function action(
 
                     if (null === ($date = ag($json, $dateKey))) {
                         $this->logger->error(
-                            message: "Ignoring '{identity.user}@{identity.backend}' {history.type} '{history.title}'. No {date_key} is set on backend object.",
-                            context: ['date_key' => $dateKey, ...$logContext, 'response' => ['body' => $json]],
+                            message: "Ignoring '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. No {date_key} is set on backend object.",
+                            context: [
+                                'date_key' => $dateKey,
+                                ...$logContext,
+                                'operation' => 'push.skip',
+                                'error' => 'no_backend_date',
+                                'response' => ['body' => $json],
+                            ],
                         );
                         continue;
                     }
@@ -219,14 +233,16 @@ private function action(
 
                     if ($date->getTimestamp() >= ($entity->updated + $timeExtra)) {
                         $this->logger->notice(
-                            message: "Ignoring '{identity.user}@{identity.backend}' {history.type} '{history.title}'. Database date is older than backend date.",
+                            message: "Ignoring '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. Database date '{comparison.database_date}' is older than backend date '{comparison.backend_date}'.",
                             context: [
                                 ...$logContext,
+                                'operation' => 'push.skip',
+                                'error' => 'stale_database_date',
                                 'comparison' => [
-                                    'database' => make_date($entity->updated),
-                                    'backend' => $date,
-                                    'difference' => $date->getTimestamp() - $entity->updated,
-                                    'extra_margin' => [Options::EXPORT_ALLOWED_TIME_DIFF => $timeExtra],
+                                    'database_date' => make_date($entity->updated),
+                                    'backend_date' => $date,
+                                    'delta_seconds' => $date->getTimestamp() - $entity->updated,
+                                    'margin_seconds' => $timeExtra,
                                 ],
                             ],
                         );
@@ -270,7 +286,7 @@ private function action(
             } catch (Throwable $e) {
                 $this->logger->error(
                     ...lw(
-                        message: "Failed during '{identity.user}@{identity.backend}' push play state. {exception.message}",
+                        message: "Failed to push play state for '{identity.user}@{identity.backend}' {history.type} '#{history.id}: {history.title}'. {exception.message}",
                         context: [
                             ...$logContext,
                             ...exception_log($e),
diff --git a/src/Backends/Plex/Action/SearchQuery.php b/src/Backends/Plex/Action/SearchQuery.php
index 29c1ffd8..fbf93512 100644
--- a/src/Backends/Plex/Action/SearchQuery.php
+++ b/src/Backends/Plex/Action/SearchQuery.php
@@ -118,7 +118,7 @@ private function search(Context $context, string $query, int $limit = 25, array
             return new Response(
                 status: false,
                 error: new Error(
-                    message: "Search request for '{query}' in '{identity.user}@{identity.backend}' returned with unexpected '{response.status_code}' status code.",
+                    message: "Search request for '{query}' in '{identity.user}@{identity.backend}' returned HTTP {response.status_code}.",
                     context: [
                         ...$logContext,
                         'response' => ['status_code' => $response->getStatusCode()],
diff --git a/src/Backends/Plex/PlexClient.php b/src/Backends/Plex/PlexClient.php
index 61022c7d..a32cf41f 100644
--- a/src/Backends/Plex/PlexClient.php
+++ b/src/Backends/Plex/PlexClient.php
@@ -866,7 +866,7 @@ public static function discover(iHttp $http, #[\SensitiveParameter] string $toke
 
                 throw new RuntimeException(
                     r(
-                        text: "Request for servers list returned with unexpected '{response.status_code}' status code. {context}",
+                        text: 'Request for servers list returned HTTP {response.status_code}. {context}',
                         context: [
                             'response' => ['status_code' => $response->getStatusCode()],
                             'context' => array_to_string([
@@ -955,75 +955,6 @@ public static function discover(iHttp $http, #[\SensitiveParameter] string $toke
         return $list;
     }
 
-    /**
-     * Check if given plex token is valid.
-     *
-     * @param iHttp&HttpClient $http The HTTP client used to send the request.
-     * @param string $token The Plex authentication token.
-     * @param array $opts (Optional) options.
-     *
-     * @return bool return true if token is valid.
-     *
-     * @throws RuntimeException When an unexpected status code is returned or a network-related exception occurs.
-     * @throws ClientExceptionInterface When a client error is encountered.
-     * @throws RedirectionExceptionInterface When a redirection error is encountered.
-     * @throws ServerExceptionInterface When a server error is encountered.
-     */
-    public static function validate_token(iHttp $http, #[\SensitiveParameter] string $token, array $opts = []): bool
-    {
-        try {
-            $url = 'https://plex.tv/api/users';
-            $response = $http->request(
-                method: Method::GET,
-                url: $url,
-                options: ['headers' => ['X-Plex-Token' => $token]],
-            );
-
-            $status = Status::from($response->getStatusCode());
-
-            try {
-                $body = $response->getContent(false);
-                $payload = json_decode(
-                    json: json_encode(simplexml_load_string($body)),
-                    associative: true,
-                    flags: JSON_THROW_ON_ERROR | JSON_INVALID_UTF8_IGNORE,
-                );
-                if (false === is_array($payload)) {
-                    $payload = ['body' => $body];
-                }
-            } catch (Throwable $e) {
-                $payload = [
-                    'body' => $e->getMessage(),
-                ];
-            }
-
-            if (Status::UNAUTHORIZED === $status) {
-                throw new RuntimeException(r("{client}: plex.tv says the token is invalid. '{status}: {msg}'", [
-                    'client' => static::CLIENT_NAME,
-                    'status' => $status->value,
-                    'msg' => ag($payload, ['error', 'body'], '??'),
-                ]), $status->value);
-            }
-
-            $callback = ag($opts, Options::RAW_RESPONSE_CALLBACK, null);
-
-            if (true === $callback instanceof Closure) {
-                $callback([['url' => $url, 'headers' => $response->getHeaders(false), 'body' => $payload]]);
-            }
-
-            return true;
-        } catch (TransportExceptionInterface $e) {
-            throw new RuntimeException(
-                r(
-                    text: 'Failed during request for plex servers list, likely network related error. {exception.message}',
-                    context: exception_log($e),
-                ),
-                code: 500,
-                previous: $e,
-            );
-        }
-    }
-
     public static function clientId(): string
     {
         return md5(Config::get('name') . '/PlexClient');
diff --git a/src/Backends/Plex/PlexGuid.php b/src/Backends/Plex/PlexGuid.php
index 9f2f4961..881b5a1c 100644
--- a/src/Backends/Plex/PlexGuid.php
+++ b/src/Backends/Plex/PlexGuid.php
@@ -96,7 +96,9 @@ public function __construct(
                 $this->parseGUIDFile($file);
             }
         } catch (Throwable $e) {
-            $this->logger->error("Failed to read or parse '{guid}' file. {exception.message}.", [
+            $this->logger->error("Failed to read or parse GUID file '{guid}'. {exception.message}", [
+                'operation' => 'guid.load_file',
+                'error' => 'file_parse_failed',
                 'guid' => $file,
                 ...exception_log($e),
             ]);
@@ -121,7 +123,10 @@ public function parseGUIDFile(string $file): void
         }
 
         if (filesize($file) < 1) {
-            $this->logger->info("The external GUID mapping file '{file}' is empty.", ['file' => $file]);
+            $this->logger->info("The external GUID mapping file '{file}' is empty.", [
+                'operation' => 'guid.load_file',
+                'file' => $file,
+            ]);
             return;
         }
 
@@ -169,7 +174,9 @@ public function parseGUIDFile(string $file): void
 
         foreach ($mapping as $key => $map) {
             if (false === is_array($map)) {
-                $this->logger->warning("Ignoring 'links.{key}'. Value must be an object. '{given}' is given.", [
+                $this->logger->warning("Ignoring link mapping '{key}'. Value must be an object. '{given}' given.", [
+                    'operation' => 'guid.link_map',
+                    'error' => 'link_not_object',
                     'key' => $key,
                     'given' => get_debug_type($map),
                 ]);
@@ -182,13 +189,12 @@ public function parseGUIDFile(string $file): void
 
             if (null !== ($replace = ag($map, 'options.replace', null))) {
                 if (false === is_array($replace)) {
-                    $this->logger->warning(
-                        "Ignoring 'links.{key}'. options.replace value must be an object. '{given}' is given.",
-                        [
-                            'key' => $key,
-                            'given' => get_debug_type($replace),
-                        ],
-                    );
+                    $this->logger->warning("Ignoring link mapping '{key}'. 'options.replace' value must be an object. '{given}' given.", [
+                        'operation' => 'guid.link_map',
+                        'error' => 'link_replace_not_object',
+                        'key' => $key,
+                        'given' => get_debug_type($replace),
+                    ]);
                     continue;
                 }
 
@@ -197,8 +203,10 @@ public function parseGUIDFile(string $file): void
 
                 if (empty($from) || false === is_string($from)) {
                     $this->logger->warning(
-                        "Ignoring 'links.{key}'. options.replace.from field is empty or not a string.",
+                        "Ignoring link mapping '{key}'. 'options.replace.from' field is empty or not a string.",
                         [
+                            'operation' => 'guid.link_map',
+                            'error' => 'link_from_missing',
                             'key' => $key,
                         ],
                     );
@@ -206,7 +214,9 @@ public function parseGUIDFile(string $file): void
                 }
 
                 if (false === is_string($to)) {
-                    $this->logger->warning("Ignoring 'links.{key}'. options.replace.to field is not a string.", [
+                    $this->logger->warning("Ignoring link mapping '{key}'. 'options.replace.to' field is not a string.", [
+                        'operation' => 'guid.link_map',
+                        'error' => 'link_to_not_string',
                         'key' => $key,
                     ]);
                     continue;
@@ -217,7 +227,9 @@ public function parseGUIDFile(string $file): void
 
             if (null !== ($mapper = ag($map, 'map', null))) {
                 if (false === is_array($mapper)) {
-                    $this->logger->warning("Ignoring 'links.{key}'. map value must be an object. '{given}' is given.", [
+                    $this->logger->warning("Ignoring link mapping '{key}'. 'map' value must be an object. '{given}' given.", [
+                        'operation' => 'guid.link_map',
+                        'error' => 'link_map_not_object',
                         'key' => $key,
                         'given' => get_debug_type($mapper),
                     ]);
@@ -228,14 +240,18 @@ public function parseGUIDFile(string $file): void
                 $to = ag($mapper, 'to', null);
 
                 if (empty($from) || false === is_string($from)) {
-                    $this->logger->warning("Ignoring 'links.{key}'. map.from field is empty or not a string.", [
+                    $this->logger->warning("Ignoring link mapping '{key}'. 'map.from' field is empty or not a string.", [
+                        'operation' => 'guid.link_map',
+                        'error' => 'link_from_missing',
                         'key' => $key,
                     ]);
                     continue;
                 }
 
                 if (empty($to) || false === is_string($to)) {
-                    $this->logger->warning("Ignoring 'links.{key}'. map.to field is empty or not a string.", [
+                    $this->logger->warning("Ignoring link mapping '{key}'. 'map.to' field is empty or not a string.", [
+                        'operation' => 'guid.link_map',
+                        'error' => 'link_to_missing',
                         'key' => $key,
                     ]);
                     continue;
@@ -243,8 +259,10 @@ public function parseGUIDFile(string $file): void
 
                 if (false === str_starts_with($to, 'guid_')) {
                     $this->logger->warning(
-                        "Ignoring 'links.{key}'. map.to '{to}' field does not starts with 'guid_'.",
+                        "Ignoring link mapping '{key}'. 'map.to' field does not starts with 'guid_', '{to}' given.",
                         [
+                            'operation' => 'guid.link_map',
+                            'error' => 'link_to_not_guid',
                             'key' => $key,
                             'to' => $to,
                         ],
@@ -253,7 +271,9 @@ public function parseGUIDFile(string $file): void
                 }
 
                 if (false === in_array($to, $supported, true)) {
-                    $this->logger->warning("Ignoring 'links.{key}'. map.to field is not a supported GUID type.", [
+                    $this->logger->warning("Ignoring link mapping '{key}'. 'map.to' field is not a supported GUID type, '{to}' given.", [
+                        'operation' => 'guid.link_map',
+                        'error' => 'link_to_not_supported',
                         'key' => $key,
                         'to' => $to,
                     ]);
@@ -266,7 +286,9 @@ public function parseGUIDFile(string $file): void
                 }
 
                 if (true === in_array($from, $this->guidLegacy, true)) {
-                    $this->logger->warning("Ignoring 'links.{key}'. map.from already exists.", [
+                    $this->logger->warning("Ignoring link mapping '{key}'. 'map.from' already exists, '{from}' given.", [
+                        'operation' => 'guid.link_map',
+                        'error' => 'link_from_duplicate',
                         'key' => $key,
                         'from' => $from,
                     ]);
@@ -367,6 +389,8 @@ private function ListExternalIds(array $guids, array $context = [], bool $log =
                 if (false === str_contains($val, '://')) {
                     if (true === $log) {
                         $this->logger->info("Unable to parse '{identity.backend}: {agent}' identifier.", [
+                            'operation' => 'guid.parse',
+                            'error' => 'unparseable_identifier',
                             'identity' => [
                                 'backend' => $this->context->backendName,
                             ],
@@ -389,6 +413,8 @@ private function ListExternalIds(array $guids, array $context = [], bool $log =
                         $this->logger->debug(
                             "Ignoring '{identity.client}: {identity.backend}' external id '{source}' for {item.type} '{item.id}: {item.title}' as requested.",
                             [
+                                'operation' => 'guid.parse',
+                                'error' => 'ignored_by_user',
                                 'identity' => [
                                     'client' => $this->context->clientName,
                                     'backend' => $bName,
@@ -415,6 +441,8 @@ private function ListExternalIds(array $guids, array $context = [], bool $log =
                         $this->logger->info(
                             "'{identity.client}: {identity.backend}' reported conflicting '{key}' external ids '{existing_id}' and '{new_id}' for {item.type} '{item.id}: {item.title}'.",
                             [
+                                'operation' => 'guid.parse',
+                                'error' => 'conflicting_ids',
                                 'identity' => [
                                     'client' => $this->context->clientName,
                                     'backend' => $this->context->backendName,
@@ -440,9 +468,10 @@ private function ListExternalIds(array $guids, array $context = [], bool $log =
             } catch (Throwable $e) {
                 if (true === $log) {
                     $this->logger->info(
-                        message: "{class}: Ignoring '{identity.user}@{identity.backend}' invalid GUID '{agent}' for {item.type} '{item.id}: {item.title}'.",
+                        message: "Ignoring '{identity.user}@{identity.backend}' invalid GUID '{agent}' for {item.type} '{item.id}: {item.title}'.",
                         context: [
-                            'class' => after_last(self::class, '\\'),
+                            'operation' => 'guid.parse',
+                            'error' => 'invalid_guid',
                             'identity' => [
                                 'user' => $this->context->userContext->name,
                                 'backend' => $this->context->backendName,
@@ -506,8 +535,10 @@ private function parseLegacyAgent(string $guid, array $context = [], bool $log =
         } catch (Throwable $e) {
             if (true === $log) {
                 $this->logger->error(
-                    message: "Failed during '{identity.client}: {identity.backend}' parsing legacy agent '{agent}' identifier. {exception.message}",
+                    message: "Failed to parse '{identity.client}: {identity.backend}' legacy agent '{agent}' identifier. {exception.message}",
                     context: [
+                        'operation' => 'guid.parse_legacy',
+                        'error' => 'legacy_parse_failed',
                         'identity' => [
                             'backend' => $this->context->backendName,
                             'client' => $this->context->clientName,
@@ -563,8 +594,10 @@ private function parseNfoAgent(string $guid, array $context = [], bool $log = tr
         } catch (Throwable $e) {
             if (true === $log) {
                 $this->logger->error(
-                    message: "Failed during '{identity.client}: {identity.backend}' parsing NFO agent '{agent}' identifier. {exception.message}",
+                    message: "Failed to parse '{identity.client}: {identity.backend}' NFO agent '{agent}' identifier. {exception.message}",
                     context: [
+                        'operation' => 'guid.parse_nfo',
+                        'error' => 'nfo_parse_failed',
                         'identity' => [
                             'backend' => $this->context->backendName,
                             'client' => $this->context->clientName,
diff --git a/src/Commands/Backend/RestoreCommand.php b/src/Commands/Backend/RestoreCommand.php
index 55ac701e..685d5917 100644
--- a/src/Commands/Backend/RestoreCommand.php
+++ b/src/Commands/Backend/RestoreCommand.php
@@ -137,13 +137,19 @@ protected function process(iInput $input, iOutput $output): int
 
         $userName = $input->getOption('user');
         if (empty($userName)) {
-            $this->logger->warning('User not specified. Use [-u, --user].');
+            $this->logger->warning('User not specified. Use [-u, --user].', [
+                'operation' => 'restore.validate',
+                'error' => 'missing_user',
+            ]);
             return self::FAILURE;
         }
 
         $name = $input->getOption('select-backend');
         if (empty($name)) {
-            $this->logger->warning('Backend not specified. Use [-s, --select-backend].');
+            $this->logger->warning('Backend not specified. Use [-s, --select-backend].', [
+                'operation' => 'restore.validate',
+                'error' => 'missing_backend',
+            ]);
             return self::FAILURE;
         }
 
@@ -154,6 +160,8 @@ protected function process(iInput $input, iOutput $output): int
 
             if (false === file_exists($newFile) || false === is_readable($newFile)) {
                 $this->logger->warning("Unable to read backup file '{file}'.", [
+                    'operation' => 'restore.validate',
+                    'error' => 'unreadable_backup_file',
                     'file' => $file,
                 ]);
                 return self::FAILURE;
@@ -169,7 +177,14 @@ protected function process(iInput $input, iOutput $output): int
         try {
             $userContext = get_user_context(user: $userName, mapper: $mapper, logger: $this->logger);
         } catch (RuntimeException $e) {
-            $this->logger->error($e->getMessage(), exception_log($e));
+            $this->logger->error(
+                "Failed to load user '{user}' for restore. {exception.message}",
+                [
+                    'operation' => 'restore.load_user',
+                    'user' => $userName,
+                    ...exception_log($e),
+                ],
+            );
             return self::FAILURE;
         }
 
@@ -464,8 +479,9 @@ protected function process(iInput $input, iOutput $output): int
             return self::SUCCESS;
         } catch (Throwable $e) {
             $this->logger->error(
-                "Failed during '{identity.user}@{identity.backend}' restore operation. {exception.message}",
+                "Failed to restore '{identity.user}@{identity.backend}'. {exception.message}",
                 [
+                    'operation' => 'restore.run',
                     'identity' => [
                         'user' => $userContext->name,
                         'backend' => $name,
diff --git a/src/Commands/Database/IndexCommand.php b/src/Commands/Database/IndexCommand.php
index d3fa021d..6110f768 100644
--- a/src/Commands/Database/IndexCommand.php
+++ b/src/Commands/Database/IndexCommand.php
@@ -97,7 +97,13 @@ protected function runCommand(iInput $input, iOutput $output): int
         try {
             $users = select_users($input->getOption('user'));
         } catch (RuntimeException $e) {
-            $this->logger->error($e->getMessage(), exception_log($e));
+            $this->logger->error(
+                'Failed to resolve index users. {exception.message}',
+                [
+                    'operation' => 'db_index.resolve_users',
+                    ...exception_log($e),
+                ],
+            );
 
             return self::FAILURE;
         }
diff --git a/src/Commands/State/BackupCommand.php b/src/Commands/State/BackupCommand.php
index 49341f5c..d7814a63 100644
--- a/src/Commands/State/BackupCommand.php
+++ b/src/Commands/State/BackupCommand.php
@@ -233,11 +233,19 @@ protected function process(iInput $input): int
                 select_users($input->getOption('user')),
             );
         } catch (RuntimeException $e) {
-            $this->logger->error($e->getMessage());
+            $this->logger->error(
+                'Failed to resolve backup users. {exception.message}',
+                [
+                    'operation' => 'backup.resolve_users',
+                    ...exception_log($e),
+                ],
+            );
             return self::FAILURE;
         }
 
-        $this->logger->notice('Using WatchState {full_version}', ['full_version' => get_app_version()]);
+        $this->logger->notice('Using WatchState {full_version}', [
+            'full_version' => get_full_version(),
+        ]);
         foreach ($users as $userContext) {
             try {
                 $this->process_backup($input, $userContext);
@@ -274,6 +282,8 @@ private function process_backup(iInput $input, UserContext $userContext): void
 
             if (!isset($supported[$type])) {
                 $this->logger->error("Ignoring '{identity.user}@{identity.backend}'. Unexpected type '{type}'.", [
+                    'operation' => 'command.backend_config',
+                    'error' => 'unexpected_backend_type',
                     'identity' => [
                         'user' => $userContext->name,
                         'backend' => $backendName,
@@ -286,6 +296,8 @@ private function process_backup(iInput $input, UserContext $userContext): void
 
             if (null === ($url = ag($backend, 'url')) || false === is_valid_url($url)) {
                 $this->logger->error("Ignoring '{identity.user}@{identity.backend}'. Invalid URL '{url}'.", [
+                    'operation' => 'command.backend_config',
+                    'error' => 'invalid_url',
                     'identity' => [
                         'user' => $userContext->name,
                         'backend' => $backendName,
diff --git a/src/Commands/State/ExportCommand.php b/src/Commands/State/ExportCommand.php
index 725ccdc6..8eb49edb 100644
--- a/src/Commands/State/ExportCommand.php
+++ b/src/Commands/State/ExportCommand.php
@@ -162,7 +162,13 @@ protected function process(iInput $input, iOutput $output): int
                 select_users($input->getOption('user')),
             );
         } catch (RuntimeException $e) {
-            $this->logger->error($e->getMessage(), exception_log($e));
+            $this->logger->error(
+                'Failed to resolve export users. {exception.message}',
+                [
+                    'operation' => 'export.resolve_users',
+                    ...exception_log($e),
+                ],
+            );
 
             return self::FAILURE;
         }
@@ -216,7 +222,7 @@ protected function process(iInput $input, iOutput $output): int
                     if (true !== (bool) ag($backend, 'export.enabled')) {
                         if ($isCustom) {
                             $this->logger->warning(
-                                "Exporting to a export disabled backend '{identity.user}@{identity.backend}' as requested.",
+                                "Exporting to an export disabled backend '{identity.user}@{identity.backend}' as requested.",
                                 [
                                     'identity' => [
                                         'user' => $userContext->name,
@@ -239,6 +245,8 @@ protected function process(iInput $input, iOutput $output): int
                         $this->logger->error(
                             "Ignoring '{identity.user}@{identity.backend}'. Unexpected type '{type}'.",
                             [
+                                'operation' => 'command.backend_config',
+                                'error' => 'unexpected_backend_type',
                                 'type' => $type,
                                 'identity' => [
                                     'backend' => $backendName,
@@ -252,6 +260,8 @@ protected function process(iInput $input, iOutput $output): int
 
                     if (null === ($url = ag($backend, 'url')) || false === is_valid_url($url)) {
                         $this->logger->error("Ignoring '{identity.user}@{identity.backend}'. Invalid URL '{url}'.", [
+                            'operation' => 'command.backend_config',
+                            'error' => 'invalid_url',
                             'url' => $url ?? 'None',
                             'identity' => [
                                 'backend' => $backendName,
@@ -545,7 +555,7 @@ protected function process(iInput $input, iOutput $output): int
 
                                 if (Status::OK !== Status::tryFrom($context['response']['status_code'])) {
                                     $logger->error(
-                                        "Request to change '{identity.user}@{identity.backend}' - '#{history.id}: {history.title}' play state returned with unexpected '{response.status_code}' status code.",
+                                        "Request to change '{identity.user}@{identity.backend}' - '#{history.id}: {history.title}' play state returned HTTP {response.status_code}.",
                                         $context,
                                     );
 
@@ -611,8 +621,10 @@ protected function process(iInput $input, iOutput $output): int
                         );
                     } else {
                         $this->logger->warning(
-                            "Not updating '{identity.user}@{identity.backend}' export last sync date. There was errors recorded during the operation.",
+                            "Not updating '{identity.user}@{identity.backend}' export last sync date due to errors recorded during the operation.",
                             [
+                                'operation' => 'export.sync_date',
+                                'error' => 'skipped_due_to_errors',
                                 'identity' => [
                                     'backend' => $name,
                                     'user' => $userContext->name,
diff --git a/src/Commands/State/ImportCommand.php b/src/Commands/State/ImportCommand.php
index fbcc7f84..6c096f2b 100644
--- a/src/Commands/State/ImportCommand.php
+++ b/src/Commands/State/ImportCommand.php
@@ -193,7 +193,13 @@ protected function process(InputInterface $input, OutputInterface $output): int
         try {
             $selectedUsers = select_users($input->getOption('user'));
         } catch (RuntimeException $e) {
-            $this->logger->error($e->getMessage(), exception_log($e));
+            $this->logger->error(
+                'Failed to resolve import users. {exception.message}',
+                [
+                    'operation' => 'import.resolve_users',
+                    ...exception_log($e),
+                ],
+            );
 
             return self::FAILURE;
         }
@@ -243,7 +249,7 @@ protected function process(InputInterface $input, OutputInterface $output): int
                 $metadata = false === $importEnabled;
 
                 if ($isCustom && $input->getOption('exclude') === $this->in_array($selected, $backendName)) {
-                    $this->logger->info("Ignoring '{identity.user}@{identity.backend}'. as requested.", [
+                    $this->logger->info("Ignoring '{identity.user}@{identity.backend}' as requested.", [
                         'identity' => [
                             'user' => $userContext->name,
                             'backend' => $backendName,
@@ -258,6 +264,8 @@ protected function process(InputInterface $input, OutputInterface $output): int
 
                 if (!isset($supported[$type])) {
                     $this->logger->error("Ignoring '{identity.user}@{identity.backend}'. Unexpected type '{type}'.", [
+                        'operation' => 'command.backend_config',
+                        'error' => 'unexpected_backend_type',
                         'identity' => [
                             'user' => $userContext->name,
                             'backend' => $backendName,
@@ -270,6 +278,8 @@ protected function process(InputInterface $input, OutputInterface $output): int
 
                 if (null === ($url = ag($backend, 'url')) || false === is_valid_url($url)) {
                     $this->logger->error("Ignoring '{identity.user}@{identity.backend}'. Invalid URL '{url}'.", [
+                        'operation' => 'command.backend_config',
+                        'error' => 'invalid_url',
                         'identity' => [
                             'user' => $userContext->name,
                             'backend' => $backendName,
@@ -388,8 +398,10 @@ protected function process(InputInterface $input, OutputInterface $output): int
                 if (false === $inDryMode) {
                     if (true === (bool) Message::get("{$name}.has_errors")) {
                         $this->logger->warning(
-                            message: "Not updating '{identity.user}@{identity.backend}' import last sync date. There was errors recorded during the operation.",
+                            message: "Not updating '{identity.user}@{identity.backend}' import last sync date due to errors recorded during the operation.",
                             context: [
+                                'operation' => 'import.sync_date',
+                                'error' => 'skipped_due_to_errors',
                                 'identity' => [
                                     'user' => $userContext->name,
                                     'backend' => $name,
@@ -494,6 +506,7 @@ protected function process(InputInterface $input, OutputInterface $output): int
             $this->logger->notice(
                 "Imported '{identity.user}' play states: {movie.added} added, {movie.updated} updated, {movie.failed} failed (movies); {episode.added} added, {episode.updated} updated, {episode.failed} failed (episodes).",
                 [
+                    'operation' => 'import.summary',
                     'identity' => [
                         'user' => $userContext->name,
                     ],
diff --git a/src/Commands/State/PlaylistCommand.php b/src/Commands/State/PlaylistCommand.php
index bb07acdc..c3749399 100644
--- a/src/Commands/State/PlaylistCommand.php
+++ b/src/Commands/State/PlaylistCommand.php
@@ -101,7 +101,13 @@ protected function process(InputInterface $input, OutputInterface $output): int
         try {
             $selectedUsers = select_users($input->getOption('user'));
         } catch (RuntimeException $e) {
-            $this->logger->error($e->getMessage(), exception_log($e));
+            $this->logger->error(
+                'Failed to resolve playlist sync users. {exception.message}',
+                [
+                    'operation' => 'playlist.resolve_users',
+                    ...exception_log($e),
+                ],
+            );
 
             return self::FAILURE;
         }
@@ -351,6 +357,8 @@ protected function getClients(UserContext $userContext, array $selected = [], bo
                 $this->logger->warning(
                     "Ignoring '{identity.user}@{identity.backend}'. Unsupported backend type '{type}'.",
                     [
+                        'operation' => 'command.backend_config',
+                        'error' => 'unsupported_backend_type',
                         'identity' => [
                             'user' => $userContext->name,
                             'backend' => $backendName,
@@ -367,6 +375,8 @@ protected function getClients(UserContext $userContext, array $selected = [], bo
                 $this->logger->warning(
                     "Ignoring '{identity.user}@{identity.backend}'. Invalid URL '{url}'.",
                     [
+                        'operation' => 'command.backend_config',
+                        'error' => 'invalid_url',
                         'identity' => [
                             'user' => $userContext->name,
                             'backend' => $backendName,
diff --git a/src/Commands/State/ValidateCommand.php b/src/Commands/State/ValidateCommand.php
index a7f0d070..1cf06115 100644
--- a/src/Commands/State/ValidateCommand.php
+++ b/src/Commands/State/ValidateCommand.php
@@ -133,7 +133,13 @@ protected function process(iInput $input, iOutput $output): int
                 select_users($input->getOption('user')),
             );
         } catch (RuntimeException $e) {
-            $this->logger->error($e->getMessage(), exception_log($e));
+            $this->logger->error(
+                'Failed to resolve validate users. {exception.message}',
+                [
+                    'operation' => 'validate.resolve_users',
+                    ...exception_log($e),
+                ],
+            );
 
             return self::FAILURE;
         }
diff --git a/src/Commands/System/PruneCommand.php b/src/Commands/System/PruneCommand.php
index 32d15f4b..ddd572b1 100644
--- a/src/Commands/System/PruneCommand.php
+++ b/src/Commands/System/PruneCommand.php
@@ -133,6 +133,8 @@ protected function runPruners(InputInterface $input, OutputInterface $output): i
 
             if (false === ag_exists($pruners, $prunerName)) {
                 $this->logger->warning("Unknown pruner '{pruner}'. No pruner with that name registered.", [
+                    'operation' => 'prune.run',
+                    'error' => 'unknown_pruner',
                     'pruner' => $prunerName,
                 ]);
 
@@ -160,6 +162,7 @@ protected function runPruners(InputInterface $input, OutputInterface $output): i
 
         if (count($run) < 1) {
             $this->logger->debug("No pruners scheduled at '{datetime}'.", [
+                'operation' => 'prune.run',
                 'datetime' => make_date(),
             ]);
         }
@@ -237,6 +240,8 @@ protected function stringifyCallable(mixed $callable): string
     protected function reportPrunerError(array $pruner, Throwable $e, OutputInterface $output): void
     {
         $this->logger->warning("Skipping pruner '{name}'. {exception.message}", [
+            'operation' => 'prune.run',
+            'error' => 'pruner_failed',
             'name' => ag($pruner, 'name', 'unknown'),
             ...exception_log($e),
         ]);
diff --git a/src/Commands/System/ReportCommand.php b/src/Commands/System/ReportCommand.php
index 440ae8e0..a2c124f0 100644
--- a/src/Commands/System/ReportCommand.php
+++ b/src/Commands/System/ReportCommand.php
@@ -4,28 +4,15 @@
 
 namespace App\Commands\System;
 
-use App\API\Backends\Index;
 use App\Command;
 use App\Libs\Attributes\Route\Cli;
-use App\Libs\Config;
-use App\Libs\Database\PackageMigrationFactory;
-use App\Libs\Database\PdoFactory;
-use App\Libs\Entity\StateEntity;
 use App\Libs\Extends\ConsoleOutput;
 use App\Libs\Extends\Date;
-use App\Libs\Mappers\ImportInterface as iImport;
-use App\Libs\Options;
-use App\Libs\UserContext;
-use Cron\CronExpression;
-use LimitIterator;
-use Psr\Log\LoggerInterface as iLogger;
+use App\Libs\ReportGenerator;
 use RuntimeException;
-use SplFileObject;
 use Symfony\Component\Console\Input\InputInterface as iInput;
 use Symfony\Component\Console\Input\InputOption;
 use Symfony\Component\Console\Output\OutputInterface as iOutput;
-use Symfony\Component\Yaml\Yaml;
-use Throwable;
 
 /**
  * Class ReportCommand
@@ -39,11 +26,6 @@ final class ReportCommand extends Command
 
     private const int DEFAULT_LIMIT = 10;
 
-    /**
-     * @var array<string> $sensitive strip sensitive information from the report.
-     */
-    private array $sensitive = [];
-
     /**
      * @var iOutput|null $output The output instance.
      */
@@ -52,13 +34,10 @@ final class ReportCommand extends Command
     /**
      * Class Constructor.
      *
-     * @return void
+     * @param ReportGenerator $generator The report data generator.
      */
     public function __construct(
-        private readonly iImport $mapper,
-        private readonly iLogger $logger,
-        private readonly PdoFactory $pdoFactory,
-        private readonly PackageMigrationFactory $migrations,
+        private readonly ReportGenerator $generator,
     ) {
         parent::__construct();
     }
@@ -110,385 +89,260 @@ protected function runCommand(iInput $input, iOutput $output): int
         assert($output instanceof ConsoleOutput, new RuntimeException('Expecting ConsoleOutput instance.'));
         $this->output = $output->withNoSuppressor();
 
-        $this->filter('<info>[ Basic Report ]</info>' . PHP_EOL);
-        $this->filter(r('WatchState version: <flag>{answer}</flag>', ['answer' => get_app_version()]));
-        $this->filter(r('PHP version: <flag>{answer}</flag>', ['answer' => PHP_SAPI . '/' . PHP_VERSION]));
-        $this->filter(r('Timezone: <flag>{answer}</flag>', ['answer' => Config::get('tz', 'UTC')]));
-        $this->filter(r('Data path: <flag>{answer}</flag>', ['answer' => Config::get('path')]));
-        $this->filter(r('Temp path: <flag>{answer}</flag>', ['answer' => Config::get('tmpDir')]));
-        $this->filter(
-            r('Database migrated?: <flag>{answer}</flag>', [
-                'answer' => $this->migrations->isMigrated(
-                    $this->pdoFactory->createForFile((string) Config::get('database.file')),
-                )
-                    ? 'Yes'
-                    : 'No',
-            ]),
-        );
-        $this->filter(
-            r("Does the '.env' file exists? <flag>{answer}</flag>", [
-                'answer' => file_exists(Config::get('path') . '/config/.env') ? 'Yes' : 'No',
-            ]),
-        );
-
-        $this->filter(
-            r('Is the tasks scheduler working? <flag>{answer}</flag>', [
-                'answer' => (static function () {
-                    $info = is_scheduler_running(ignoreContainer: true);
-                    return r("{status} '{container}' - {message}", [
-                        'status' => $info['status'] ? 'Yes' : 'No',
-                        'message' => $info['message'],
-                        'container' => in_container() ? 'Container' : 'Unknown',
-                    ]);
-                })(),
-            ]),
-        );
-
-        $this->filter(r('Running in container? <flag>{answer}</flag>', ['answer' => in_container() ? 'Yes' : 'No']));
-
-        $this->filter(r('Report generated at: <flag>{answer}</flag>', ['answer' => gmdate(Date::ATOM)]));
-
-        $this->filter(PHP_EOL . '<info>[ Backends ]</info>' . PHP_EOL);
-        $this->getBackends($input);
+        $limit = (int) $input->getOption('limit');
+        $includeSample = (bool) $input->getOption('include-db-sample');
 
-        $this->filter(PHP_EOL . '<info>[ Log suppression ]</info>' . PHP_EOL);
-        $this->getSuppressor();
+        $report = $this->generator->generate($limit, $includeSample);
 
-        $this->filter('<info>[ Tasks ]</info>' . PHP_EOL);
-        $this->getTasks();
-        $this->filter('<info>[ Logs ]</info>' . PHP_EOL);
-        $this->getLogs($input);
+        $this->formatSystem(ag($report, 'system', []), (string) ag($report, 'generated_at', ''));
+        $this->formatBackends(ag($report, 'users', []), ag($report, 'backends', []));
+        $this->formatSuppression(ag($report, 'suppression', []));
+        $this->formatTasks(ag($report, 'tasks', []));
+        $this->formatLogs(ag($report, 'logs', []));
         $this->printFooter();
 
         return self::SUCCESS;
     }
 
     /**
-     * Get backends and display information about each backend.
-     *
-     * @param iInput $input An instance of the iInput class used for input operations.
+     * Format and display system information.
      *
-     * @return void
+     * @param array<string,mixed> $system The system data.
+     * @param string $generatedAt The report generation timestamp.
      */
-    private function getBackends(iInput $input): void
+    private function formatSystem(array $system, string $generatedAt): void
     {
-        $includeSample = (bool) $input->getOption('include-db-sample');
-
-        $usersContext = get_users_context($this->mapper, $this->logger);
-        $this->extractSensitive($usersContext);
-
-        if (count($usersContext) > 1) {
-            $this->filter(
-                r('Users? {users}' . PHP_EOL, [
-                    'users' => implode(', ', array_keys($usersContext)),
-                ]),
-            );
-        }
-
-        foreach ($usersContext as $username => $userContext) {
-            foreach ($userContext->config->getAll() as $name => $backend) {
-                try {
-                    $version = make_backend(backend: $backend, name: $name, options: [
-                        UserContext::class => $userContext,
-                    ])->setLogger($this->logger)->getVersion();
-                } catch (Throwable) {
-                    $version = 'Unknown';
-                }
+        $this->line('<info>[ Basic Report ]</info>' . PHP_EOL);
+        $this->line(r('WatchState version: <flag>{answer}</flag>', ['answer' => ag($system, 'version', '')]));
+        $this->line(r('PHP version: <flag>{answer}</flag>', [
+            'answer' => ag($system, 'sapi', '') . '/' . ag($system, 'php_version', ''),
+        ]));
+        $this->line(r('Timezone: <flag>{answer}</flag>', ['answer' => ag($system, 'timezone', '')]));
+        $this->line(r('Data path: <flag>{answer}</flag>', ['answer' => ag($system, 'data_path', '')]));
+        $this->line(r('Temp path: <flag>{answer}</flag>', ['answer' => ag($system, 'temp_path', '')]));
+        $this->line(r('Database migrated?: <flag>{answer}</flag>', [
+            'answer' => true === ag($system, 'database_migrated') ? 'Yes' : 'No',
+        ]));
+        $this->line(r("Does the '.env' file exists? <flag>{answer}</flag>", [
+            'answer' => true === ag($system, 'env_file_exists') ? 'Yes' : 'No',
+        ]));
 
-                foreach (Index::BLACK_LIST as $hideValue) {
-                    if (true !== ag_exists($backend, $hideValue)) {
-                        continue;
-                    }
+        $container = true === ag($system, 'in_container') ? 'Container' : 'Unknown';
+        $this->line(r('Is the tasks scheduler working? <flag>{answer}</flag>', [
+            'answer' => r('{status} {container} - {message}', [
+                'status' => true === ag($system, 'scheduler_running') ? 'Yes' : 'No',
+                'container' => "'{$container}'",
+                'message' => ag($system, 'scheduler_message', ''),
+            ]),
+        ]));
+        $this->line(r('Running in container? <flag>{answer}</flag>', [
+            'answer' => true === ag($system, 'in_container') ? 'Yes' : 'No',
+        ]));
+        $this->line(r('Report generated at: <flag>{answer}</flag>', ['answer' => $generatedAt]));
+    }
 
-                    $backend = ag_set($backend, $hideValue, '**HIDDEN**');
-                }
+    /**
+     * Format and display backend information.
+     *
+     * @param array<int,string> $users The list of users.
+     * @param array<int,array<string,mixed>> $backends The backend data.
+     */
+    private function formatBackends(array $users, array $backends): void
+    {
+        $this->line(PHP_EOL . '<info>[ Backends ]</info>' . PHP_EOL);
 
-                $this->filter(
-                    r('[ <value>{type} ({version}) ==> {username}@{name}</value> ]' . PHP_EOL, [
-                        'name' => $name,
-                        'username' => $username,
-                        'type' => ucfirst(ag($backend, 'type')),
-                        'version' => $version,
-                    ]),
-                );
-
-                $this->filter(
-                    r('Is backend URL HTTPS? <flag>{answer}</flag>', [
-                        'answer' => str_starts_with(ag($backend, 'url'), 'https:') ? 'Yes' : 'No',
-                    ]),
-                );
-
-                $this->filter(
-                    r('Has Unique Identifier? <flag>{answer}</flag>', [
-                        'answer' => null !== ag($backend, 'uuid') ? 'Yes' : 'No',
-                    ]),
-                );
-
-                $this->filter(
-                    r('Has User? <flag>{answer}</flag>', [
-                        'answer' => null !== ag($backend, 'user') ? 'Yes' : 'No',
-                    ]),
-                );
-
-                $this->filter(
-                    r('Export Enabled? <flag>{answer}</flag>', [
-                        'answer' => null !== ag($backend, 'export.enabled') ? 'Yes' : 'No',
-                    ]),
-                );
-
-                if (null !== ag($backend, 'export.enabled')) {
-                    $this->filter(
-                        r('Time since last export? <flag>{answer}</flag>', [
-                            'answer' => null === ag($backend, 'export.lastSync')
-                                ? 'Never'
-                                : gmdate(
-                                    Date::ATOM,
-                                    ag($backend, 'export.lastSync'),
-                                ),
-                        ]),
-                    );
-
-                    $this->filter(
-                        r('Time since last playlist export? <flag>{answer}</flag>', [
-                            'answer' => null === ag($backend, 'export.playlist.lastSync')
-                                ? 'Never'
-                                : gmdate(
-                                    Date::ATOM,
-                                    ag($backend, 'export.playlist.lastSync'),
-                                ),
-                        ]),
-                    );
-                }
+        if (count($users) > 1) {
+            $this->line(r('Users? {users}' . PHP_EOL, [
+                'users' => implode(', ', $users),
+            ]));
+        }
 
-                $this->filter(
-                    r('Play state import enabled? <flag>{answer}</flag>', [
-                        'answer' => true === (bool) ag($backend, 'import.enabled') ? 'Yes' : 'No',
-                    ]),
-                );
-
-                $this->filter(
-                    r('Metadata refresh enabled? <flag>{answer}</flag>', [
-                        'answer' => null !== ag($backend, 'import.enabled') ? 'Yes' : 'No',
-                    ]),
-                );
-
-                if (null !== ag($backend, 'import.enabled')) {
-                    $this->filter(
-                        r('Time since last import? <flag>{answer}</flag>', [
-                            'answer' => null === ag($backend, 'import.lastSync')
-                                ? 'Never'
-                                : gmdate(
-                                    Date::ATOM,
-                                    ag($backend, 'import.lastSync'),
-                                ),
-                        ]),
-                    );
-
-                    $this->filter(
-                        r('Time since last playlist import? <flag>{answer}</flag>', [
-                            'answer' => null === ag($backend, 'import.playlist.lastSync')
-                                ? 'Never'
-                                : gmdate(
-                                    Date::ATOM,
-                                    ag($backend, 'import.playlist.lastSync'),
-                                ),
-                        ]),
-                    );
-                }
+        foreach ($backends as $backend) {
+            $version = ag($backend, 'version', 'Unknown') ?? 'Unknown';
+            $this->line(r('[ <value>{type} ({version}) ==> {user}@{name}</value> ]' . PHP_EOL, [
+                'name' => ag($backend, 'name', ''),
+                'username' => ag($backend, 'user', ''),
+                'type' => ucfirst((string) ag($backend, 'type', '')),
+                'version' => $version,
+            ]));
+
+            $this->line(r('Is backend URL HTTPS? <flag>{answer}</flag>', [
+                'answer' => true === ag($backend, 'https') ? 'Yes' : 'No',
+            ]));
+            $this->line(r('Has Unique Identifier? <flag>{answer}</flag>', [
+                'answer' => true === ag($backend, 'has_uuid') ? 'Yes' : 'No',
+            ]));
+            $this->line(r('Has User? <flag>{answer}</flag>', [
+                'answer' => true === ag($backend, 'has_user') ? 'Yes' : 'No',
+            ]));
+
+            $export = ag($backend, 'export', []);
+            $this->line(r('Export Enabled? <flag>{answer}</flag>', [
+                'answer' => true === ag($export, 'enabled') ? 'Yes' : 'No',
+            ]));
+
+            if (true === ag($export, 'enabled')) {
+                $this->line(r('Time since last export? <flag>{answer}</flag>', [
+                    'answer' => $this->formatDate(ag($export, 'last_sync')),
+                ]));
+                $this->line(r('Time since last playlist export? <flag>{answer}</flag>', [
+                    'answer' => $this->formatDate(ag($export, 'playlist_last_sync')),
+                ]));
+            }
 
-                $opts = ag($backend, 'options', []);
-                $this->filter(
-                    r('Has custom options? <flag>{answer}</flag>' . PHP_EOL . '{opts}', [
-                        'answer' => count($opts) >= 1 ? 'Yes' : 'No',
-                        'opts' => count($opts) >= 1
-                            ? json_encode(
-                                $opts,
-                                JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE,
-                            ) : '{}',
-                    ]),
-                );
-
-                if (true === $includeSample) {
-                    $sql = 'SELECT * FROM state WHERE via = :name ORDER BY updated DESC LIMIT 3';
-                    $stmt = $userContext->db->getDBLayer()->prepare($sql);
-                    $stmt->execute([
-                        'name' => $name,
-                    ]);
-
-                    $entries = [];
-
-                    foreach ($stmt as $row) {
-                        $entries[] = StateEntity::fromArray($row);
-                    }
-
-                    $this->filter(
-                        r('Sample db entries related to backend.' . PHP_EOL . '{json}', [
-                            'json' => count($entries) >= 1
-                                ? json_encode(
-                                    $entries,
-                                    JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE,
-                                ) : '{}',
-                        ]),
-                    );
-                }
+            $import = ag($backend, 'import', []);
+            $this->line(r('Play state import enabled? <flag>{answer}</flag>', [
+                'answer' => true === ag($import, 'enabled') ? 'Yes' : 'No',
+            ]));
+            $this->line(r('Metadata refresh enabled? <flag>{answer}</flag>', [
+                'answer' => true === ag($import, 'metadata_refresh') ? 'Yes' : 'No',
+            ]));
+
+            if (true === ag($import, 'metadata_refresh')) {
+                $this->line(r('Time since last import? <flag>{answer}</flag>', [
+                    'answer' => $this->formatDate(ag($import, 'last_sync')),
+                ]));
+                $this->line(r('Time since last playlist import? <flag>{answer}</flag>', [
+                    'answer' => $this->formatDate(ag($import, 'playlist_last_sync')),
+                ]));
+            }
 
-                $this->filter('');
+            $opts = ag($backend, 'options', []);
+            $this->line(r('Has custom options? <flag>{answer}</flag>' . PHP_EOL . '{opts}', [
+                'answer' => count($opts) >= 1 ? 'Yes' : 'No',
+                'opts' => count($opts) >= 1
+                    ? json_encode($opts, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE)
+                    : '{}',
+            ]));
+
+            $sampleEntries = ag($backend, 'sample_entries');
+            if (null !== $sampleEntries && count($sampleEntries) >= 1) {
+                $this->line(r('Sample db entries related to backend.' . PHP_EOL . '{json}', [
+                    'json' => json_encode($sampleEntries, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE),
+                ]));
             }
+
+            $this->line('');
         }
     }
 
     /**
-     * Retrieves the tasks and displays information about each task.
-     *
+     * Format and display log suppression rules.
      *
-     * @return void
+     * @param array<string,mixed> $suppression The suppression data.
      */
-    private function getTasks(): void
+    private function formatSuppression(array $suppression): void
     {
-        foreach (Config::get('tasks.list', []) as $task) {
-            $this->filter(
-                r('[ <value>{name}</value> ]' . PHP_EOL, [
-                    'name' => ucfirst(ag($task, 'name')),
-                ]),
-            );
-            $enabled = true === (bool) ag($task, 'enabled');
-            $this->filter(
-                r('Is Task enabled? <flag>{answer}</flag>', [
-                    'answer' => $enabled ? 'Yes' : 'No',
-                ]),
-            );
+        $this->line(PHP_EOL . '<info>[ Log suppression ]</info>' . PHP_EOL);
 
-            if (true === $enabled) {
-                $this->filter(
-                    r('Which flags are used to run the task? <flag>{answer}</flag>', [
-                        'answer' => ag($task, 'args', 'None'),
-                    ]),
-                );
-
-                $this->filter(
-                    r('When the task scheduled to run at? <flag>{answer}</flag>', [
-                        'answer' => ag($task, 'timer', '???'),
-                    ]),
-                );
-
-                try {
-                    $timer = new CronExpression(ag($task, 'timer', '5 * * * *'));
-                    $this->filter(
-                        r('When is the next scheduled run? <flag>{answer}</flag>', [
-                            'answer' => gmdate(Date::ATOM, $timer->getNextRunDate()->getTimestamp()),
-                        ]),
-                    );
-                } catch (Throwable $e) {
-                    $this->filter(
-                        r('Next Run scheduled failed. <error>{answer}</error>', [
-                            'answer' => $e->getMessage(),
-                        ]),
-                    );
-                }
-            }
+        $this->line(r("Does the 'suppress.yaml' file exists? <flag>{answer}</flag>", [
+            'answer' => true === ag($suppression, 'file_exists') ? 'Yes' : 'No',
+        ]));
 
-            /** @noinspection DisconnectedForeachInstructionInspection */
-            $this->filter('');
+        $rules = ag($suppression, 'rules');
+        $error = ag($suppression, 'error');
+
+        if (null !== $error) {
+            $this->line(r('Error during parsing of suppress rules. {exception.message}', [
+                'exception.message' => $error,
+            ]));
+        } elseif (null !== $rules) {
+            $this->line('');
+            $this->line('User defined rules:');
+            $this->line('');
+            $this->line(
+                json_encode($rules, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT),
+            );
         }
+
+        $this->line('');
     }
 
     /**
-     * Get logs.
+     * Format and display scheduled tasks.
      *
-     * @param iInput $input An instance of the iInput class used for input operations.
+     * @param array<int,array<string,mixed>> $tasks The task data.
      */
-    private function getLogs(iInput $input): void
+    private function formatTasks(array $tasks): void
     {
-        $todayAffix = make_date()->format('Ymd');
-        $yesterdayAffix = make_date('yesterday')->format('Ymd');
-        $limit = $input->getOption('limit');
-
-        foreach (LogsCommand::getTypes() as $type) {
-            $linesLimit = $limit;
-            if (self::DEFAULT_LIMIT === $limit) {
-                $linesLimit = $type === 'task' ? 75 : self::DEFAULT_LIMIT;
-            }
-            $this->handleLog($type, $todayAffix, $linesLimit);
-            $this->filter('');
-        }
+        $this->line('<info>[ Tasks ]</info>' . PHP_EOL);
+
+        foreach ($tasks as $task) {
+            $this->line(r('[ <value>{name}</value> ]' . PHP_EOL, [
+                'name' => ucfirst((string) ag($task, 'name', '')),
+            ]));
+
+            $enabled = true === ag($task, 'enabled');
+            $this->line(r('Is Task enabled? <flag>{answer}</flag>', [
+                'answer' => $enabled ? 'Yes' : 'No',
+            ]));
+
+            if (true === $enabled) {
+                $this->line(r('Which flags are used to run the task? <flag>{answer}</flag>', [
+                    'answer' => ag($task, 'args', 'None'),
+                ]));
+                $this->line(r('When the task scheduled to run at? <flag>{answer}</flag>', [
+                    'answer' => ag($task, 'timer', '???'),
+                ]));
 
-        foreach (LogsCommand::getTypes() as $type) {
-            $linesLimit = $limit;
-            if (self::DEFAULT_LIMIT === $limit) {
-                $linesLimit = $type === 'task' ? 75 : self::DEFAULT_LIMIT;
+                $error = ag($task, 'error');
+                if (null !== $error) {
+                    $this->line(r('Next Run scheduled failed. <error>{answer}</error>', [
+                        'answer' => $error,
+                    ]));
+                } else {
+                    $this->line(r('When is the next scheduled run? <flag>{answer}</flag>', [
+                        'answer' => ag($task, 'next_run', '???'),
+                    ]));
+                }
             }
-            $this->handleLog($type, $yesterdayAffix, $linesLimit);
-            $this->filter('');
+
+            $this->line('');
         }
     }
 
     /**
-     * Get last X lines from log file.
-     *
-     * @param string $type The type of the log.
-     * @param string|int $date The date of the log file.
-     * @param int|string $limit The maximum number of lines to display.
+     * Format and display recent logs.
      *
-     * @return void
+     * @param array<int,array<string,mixed>> $logs The log data.
      */
-    private function handleLog(string $type, string|int $date, int|string $limit): void
+    private function formatLogs(array $logs): void
     {
-        $logFile = LogsCommand::getLogFile($type, $date);
-
-        $this->filter(r('[ <value>{logFile}</value> ]' . PHP_EOL, [
-            'logFile' => after($logFile, Config::get('tmpDir')),
-        ]));
-
-        if (!file_exists($logFile) || filesize($logFile) < 1) {
-            $this->filter(r('{type} log file is empty or does not exists.', ['type' => $type]));
-            return;
-        }
-
-        $file = new SplFileObject($logFile, 'r');
-
-        if ($file->getSize() < 1) {
-            $this->filter(r('{type} log file is empty or does not exists.', ['type' => $type]));
-            $file = null;
-            return;
-        }
-
-        $file->seek(PHP_INT_MAX);
-
-        $lastLine = $file->key();
+        $this->line('<info>[ Logs ]</info>' . PHP_EOL);
 
-        $it = new LimitIterator($file, max(0, $lastLine - $limit), $lastLine);
+        foreach ($logs as $log) {
+            $entries = ag($log, 'entries', []);
 
-        foreach ($it as $line) {
-            $line = trim((string) $line);
-
-            if (empty($line)) {
+            if (count($entries) < 1) {
                 continue;
             }
 
-            $entry = LogsCommand::parseJsonlLine($line);
+            $this->line(r('---  {type} logs ---', [
+                'type' => ag($log, 'type', ''),
+            ]));
 
-            if (null !== $entry) {
-                $this->filter(r(
-                    '{date} {level} [{logger}] {message}',
-                    [
-                        'date' => ag($entry, 'datetime', ''),
-                        'level' => strtoupper((string) ag($entry, 'level', '')),
-                        'logger' => ag($entry, 'logger', ''),
-                        'message' => ag($entry, 'message', ''),
-                    ],
-                ));
+            foreach ($entries as $entry) {
+                if (true === ag($entry, 'separator')) {
+                    $this->line('<value>.....</value>');
+                    continue;
+                }
 
-                continue;
+                $this->line(r('{date} {level} [{logger}] {message}', [
+                    'date' => ag($entry, 'datetime', ''),
+                    'level' => ag($entry, 'level', ''),
+                    'logger' => ag($entry, 'logger', ''),
+                    'message' => ag($entry, 'message', ''),
+                ]));
             }
 
-            $this->filter($line);
+            $this->line('');
         }
     }
 
     private function printFooter(): void
     {
-        $this->filter('<info><!-- Notice</info>');
-        $this->filter(
+        $this->line('<info><!-- Notice</info>');
+        $this->line(
             <<<FOOTER
                 <value>
                 Beware, while we try to make sure no sensitive information is leaked,
@@ -500,74 +354,29 @@ private function printFooter(): void
         );
     }
 
-    private function getSuppressor(): void
-    {
-        $suppressFile = Config::get('path') . '/config/suppress.yaml';
-
-        $this->filter(
-            r("Does the 'suppress.yaml' file exists? <flag>{answer}</flag>", [
-                'answer' => file_exists($suppressFile) ? 'Yes' : 'No',
-            ]),
-        );
-
-        if (filesize($suppressFile) > 10) {
-            $this->filter('');
-            $this->filter('User defined rules:');
-            $this->filter('');
-
-            try {
-                $this->filter(
-                    json_encode(
-                        Yaml::parseFile($suppressFile),
-                        JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT,
-                    ),
-                );
-            } catch (Throwable $e) {
-                $this->filter(r("Error during parsing of '{file}.' {exception.message}", [
-                    'file' => $suppressFile,
-                    ...exception_log($e),
-                ]));
-            }
-        }
-
-        $this->filter('');
-    }
-
-    private function filter(string $text): void
+    /**
+     * Format a timestamp as ISO date or 'Never' if null.
+     *
+     * @param mixed $value The timestamp value.
+     *
+     * @return string
+     */
+    private function formatDate(mixed $value): string
     {
-        foreach ($this->sensitive as $sensitive) {
-            $text = str_ireplace($sensitive, '**HIDDEN**', $text);
+        if (null === $value) {
+            return 'Never';
         }
 
-        $this->output?->writeln($text);
+        return gmdate(Date::ATOM, (int) $value);
     }
 
     /**
-     * Extract tokens from user configs to strip them from final report.
+     * Write a line to the output.
      *
-     * @param array<UserContext> $usersContext
+     * @param string $text The text to write.
      */
-    private function extractSensitive(array $usersContext): void
+    private function line(string $text): void
     {
-        $keys = [
-            'token',
-            'options.' . Options::ADMIN_TOKEN,
-            'options.' . Options::PLEX_USER_PIN,
-            'options.' . Options::ADMIN_PLEX_USER_PIN,
-        ];
-
-        foreach ($usersContext as $userContext) {
-            foreach ($userContext->config->getAll() as $backend) {
-                foreach ($keys as $key) {
-                    if (null === ($val = ag($backend, $key))) {
-                        continue;
-                    }
-                    if (true === in_array($val, $this->sensitive, true)) {
-                        continue;
-                    }
-                    $this->sensitive[] = $val;
-                }
-            }
-        }
+        $this->output?->writeln($text);
     }
 }
diff --git a/src/Commands/System/TasksCommand.php b/src/Commands/System/TasksCommand.php
index fa595faf..478d9ad8 100644
--- a/src/Commands/System/TasksCommand.php
+++ b/src/Commands/System/TasksCommand.php
@@ -304,6 +304,8 @@ private function runTasks(iInput $input, iOutput $output): int
 
             if (false === ag_exists($tasks, $task)) {
                 $this->logger->error("Unknown task '{task}'. No task with that name registered.", [
+                    'operation' => 'task.run',
+                    'error' => 'unknown_task',
                     'task' => $task,
                 ]);
                 return self::FAILURE;
@@ -325,6 +327,7 @@ private function runTasks(iInput $input, iOutput $output): int
 
         if (count($run) < 1) {
             $this->logger->debug("No task scheduled at '{datetime}'.", [
+                'operation' => 'task.run',
                 'datetime' => make_date(),
             ]);
 
@@ -519,6 +522,8 @@ private function runProcess(array $cmd, iInput $input, iOutput $output, ?array $
                     $stream->close();
                 } catch (Throwable $e) {
                     $this->logger->error("Failed to write to logfile '{file}': {exception.message}", [
+                        'operation' => 'task.logfile',
+                        'error' => 'write_failed',
                         'file' => Config::get('tasks.logfile'),
                         ...exception_log($e),
                     ]);
diff --git a/src/Libs/Database/PDO/PDOAdapter.php b/src/Libs/Database/PDO/PDOAdapter.php
index f81daef1..be17cfcf 100644
--- a/src/Libs/Database/PDO/PDOAdapter.php
+++ b/src/Libs/Database/PDO/PDOAdapter.php
@@ -227,9 +227,10 @@ public function insert(iState $entity, array $opts = []): iState
                     throw $e;
                 }
                 $this->logger->error(
-                    message: 'Failed. {exception.message}',
+                    message: 'Failed to insert state record. {exception.message}',
                     context: [
                         'entity' => $entity->getAll(),
+                        'operation' => 'state.insert',
                         ...exception_log($e),
                         'last' => $this->db->getLastStatement(),
                     ],
@@ -444,9 +445,10 @@ public function update(iState $entity, array $opts = []): iState
                     throw $e;
                 }
                 $this->logger->error(
-                    message: 'Failed. {exception.message}',
+                    message: 'Failed to update state record. {exception.message}',
                     context: [
                         'entity' => $entity->getAll(),
+                        'operation' => 'state.update',
                         ...exception_log($e),
                         'last' => $this->db->getLastStatement(),
                     ],
@@ -481,9 +483,10 @@ public function remove(iState $entity): bool
             $this->db->query('DELETE FROM state WHERE id = :id', ['id' => (int) $id]);
         } catch (PDOException $e) {
             $this->logger->error(
-                message: 'Failed. {exception.message}',
+                message: 'Failed to remove state record. {exception.message}',
                 context: [
                     'entity' => $entity->getAll(),
+                    'operation' => 'state.remove',
                     ...exception_log($e),
                 ],
             );
@@ -517,9 +520,10 @@ public function commit(array $entities, array $opts = []): array
                 } catch (PDOException $e) {
                     $actions['failed']++;
                     $this->logger->error(
-                        message: 'Failed. {exception.message}',
+                        message: 'Failed to commit state record. {exception.message}',
                         context: [
                             'entity' => $entity->getAll(),
+                            'operation' => 'state.commit',
                             ...exception_log($e),
                         ],
                     );
diff --git a/src/Libs/Guid.php b/src/Libs/Guid.php
index ee08f4e0..9bcb2666 100644
--- a/src/Libs/Guid.php
+++ b/src/Libs/Guid.php
@@ -173,6 +173,8 @@ public function __construct(array $guids, array $context = [], ?iLogger $logger
                 $this->getLogger()->info(
                     "Ignoring '{identity.backend}' {item.type} '{item.title}' '{key}' external id. Unexpected value type.",
                     [
+                        'operation' => 'guid.validate',
+                        'error' => 'unexpected_value_type',
                         'key' => $key,
                         'condition' => [
                             'expecting' => self::$supported[$key],
@@ -189,6 +191,8 @@ public function __construct(array $guids, array $context = [], ?iLogger $logger
                     $this->getLogger()->info(
                         "Ignoring '{identity.backend}' {item.type} '{item.title}' '{key}' external id. Unexpected value '{given}'. Expecting '{expected}'.",
                         [
+                            'operation' => 'guid.validate',
+                            'error' => 'unexpected_value',
                             'key' => $key,
                             'expected' => self::$validateGuid[$key]['example'],
                             'given' => $value,
@@ -235,7 +239,10 @@ public static function parseGUIDFile(string $file): void
         }
 
         if (filesize($file) < 1) {
-            self::$logger?->info(r("The external GUID mapping file '{file}' is empty.", ['file' => $file]));
+            self::$logger?->info("The external GUID mapping file '{file}' is empty.", [
+                'operation' => 'guid.load_file',
+                'file' => $file,
+            ]);
             return;
         }
 
@@ -279,6 +286,8 @@ public static function parseGUIDFile(string $file): void
                 self::$logger?->warning(
                     "Ignoring 'guids.{key}'. Value must be an object. '{given}' is given.",
                     [
+                        'operation' => 'guid.definition',
+                        'error' => 'def_not_object',
                         'key' => $key,
                         'given' => get_debug_type($def),
                     ],
@@ -291,6 +300,8 @@ public static function parseGUIDFile(string $file): void
                 self::$logger?->warning(
                     "Ignoring 'guids.{key}'. name must start with 'guid_'. '{given}' is given.",
                     [
+                        'operation' => 'guid.definition',
+                        'error' => 'def_name_invalid',
                         'key' => $key,
                         'given' => $name ?? 'null',
                     ],
@@ -303,6 +314,8 @@ public static function parseGUIDFile(string $file): void
                 self::$logger?->warning(
                     "Ignoring 'guids.{key}.{name}'. type must be a string. '{given}' is given.",
                     [
+                        'operation' => 'guid.definition',
+                        'error' => 'def_type_not_string',
                         'key' => $key,
                         'name' => $name,
                         'given' => get_debug_type($type),
@@ -316,6 +329,8 @@ public static function parseGUIDFile(string $file): void
                 self::$logger?->warning(
                     "Ignoring 'guids.{key}.{name}'. validator key must be an object. '{given}' is given.",
                     [
+                        'operation' => 'guid.definition',
+                        'error' => 'def_validator_not_object',
                         'key' => $key,
                         'name' => $name,
                         'given' => get_debug_type($validator),
@@ -327,6 +342,8 @@ public static function parseGUIDFile(string $file): void
             $pattern = ag($validator, 'pattern');
             if (null === $pattern || false === @preg_match($pattern, '')) {
                 self::$logger?->warning("Ignoring 'guids.{key}.{name}'. validator.pattern is empty or invalid.", [
+                    'operation' => 'guid.definition',
+                    'error' => 'def_pattern_invalid',
                     'key' => $key,
                     'name' => $name,
                 ]);
@@ -337,6 +354,8 @@ public static function parseGUIDFile(string $file): void
 
             if (empty($example) || false === is_string($example)) {
                 self::$logger?->warning("Ignoring 'guids.{key}.{name}'. validator.example is empty or not a string.", [
+                    'operation' => 'guid.definition',
+                    'error' => 'def_example_missing',
                     'key' => $key,
                     'name' => $name,
                 ]);
@@ -346,6 +365,8 @@ public static function parseGUIDFile(string $file): void
             $tests = ag($validator, 'tests', []);
             if (empty($tests) || false === is_array($tests)) {
                 self::$logger?->warning("Ignoring 'guids.{key}.{name}'. validator.tests key must be an object.", [
+                    'operation' => 'guid.definition',
+                    'error' => 'def_tests_not_object',
                     'key' => $key,
                     'name' => $name,
                 ]);
@@ -355,6 +376,8 @@ public static function parseGUIDFile(string $file): void
             $valid = ag($tests, 'valid', []);
             if (empty($valid) || false === is_array($valid) || count($valid) < 1) {
                 self::$logger?->warning("Ignoring 'guids.{key}.{name}'. validator.tests.valid key must be an array.", [
+                    'operation' => 'guid.definition',
+                    'error' => 'def_valid_tests_not_array',
                     'key' => $key,
                     'name' => $name,
                 ]);
@@ -369,6 +392,8 @@ public static function parseGUIDFile(string $file): void
                 self::$logger?->warning(
                     "Ignoring 'guids.{key}.{name}'. validator.tests.valid value '{val}' does not match pattern.",
                     [
+                        'operation' => 'guid.definition',
+                        'error' => 'def_valid_test_no_match',
                         'key' => $key,
                         'name' => $name,
                         'val' => $val,
@@ -382,6 +407,8 @@ public static function parseGUIDFile(string $file): void
                 self::$logger?->warning(
                     "Ignoring 'guids.{key}.{name}'. validator.tests.invalid key must be an array.",
                     [
+                        'operation' => 'guid.definition',
+                        'error' => 'def_invalid_tests_not_array',
                         'key' => $key,
                         'name' => $name,
                     ],
@@ -397,6 +424,8 @@ public static function parseGUIDFile(string $file): void
                 self::$logger?->warning(
                     "Ignoring 'guids.{key}.{name}'. validator.tests.invalid value '{val}' matches pattern.",
                     [
+                        'operation' => 'guid.definition',
+                        'error' => 'def_invalid_test_matches',
                         'key' => $key,
                         'name' => $name,
                         'val' => $val,
@@ -576,7 +605,9 @@ private static function loadExternalGUID(): void
                 self::parseGUIDFile($file);
             }
         } catch (Throwable $e) {
-            self::$logger?->error("Failed to read or parse '{guid}' file. Error '{exception.message}'.", [
+            self::$logger?->error("Failed to read or parse GUID file '{guid}'. Error '{exception.message}'.", [
+                'operation' => 'guid.load_file',
+                'error' => 'file_parse_failed',
                 'guid' => $file,
                 ...exception_log($e),
             ]);
diff --git a/src/Libs/Identities/IdentityProvisionService.php b/src/Libs/Identities/IdentityProvisionService.php
index e8fa38fe..a3867a52 100644
--- a/src/Libs/Identities/IdentityProvisionService.php
+++ b/src/Libs/Identities/IdentityProvisionService.php
@@ -42,6 +42,8 @@ public function loadBackends(): array
 
             if (!isset($supported[$type])) {
                 $this->logger->error("Ignoring '{identity.backend}'. Unexpected backend type '{type}'.", [
+                    'operation' => 'identity.discover',
+                    'error' => 'unexpected_backend_type',
                     'type' => $type,
                     'identity' => [
                         'backend' => $backendName,
@@ -52,7 +54,9 @@ public function loadBackends(): array
             }
 
             if (null === ($url = ag($backend, 'url')) || false === is_valid_url($url)) {
-                $this->logger->error("Ignoring '{identity.backend}'. Invalid url '{url}'.", [
+                $this->logger->error("Ignoring '{identity.backend}'. Invalid URL '{url}'.", [
+                    'operation' => 'identity.discover',
+                    'error' => 'invalid_url',
                     'url' => $url ?? 'None',
                     'identity' => [
                         'backend' => $backendName,
@@ -92,11 +96,17 @@ public function loadMappings(): array
         }
 
         if (false === $map->has('version')) {
-            $this->logger->warning('Starting with mapper.yaml v1.5, the version key is required.');
+            $this->logger->warning('mapper.yaml is missing the version key. Required since v1.5.', [
+                'operation' => 'identity.mapper',
+                'error' => 'missing_version_key',
+            ]);
         }
 
         if (false === $map->has('map')) {
-            $this->logger->warning('Please upgrade your mapper.yaml file to v1.5 format spec.');
+            $this->logger->warning('mapper.yaml is missing the map key. Upgrade to v1.5 format spec.', [
+                'operation' => 'identity.mapper',
+                'error' => 'missing_map_key',
+            ]);
         }
 
         $this->logger->info('Mapper file found, using it to map identities.', [
@@ -445,7 +455,13 @@ public function getBackendUsers(array $backends, array &$map, bool $noMapActions
                     if (false === is_valid_name($user['name'])) {
                         $this->logger->error(
                             message: "Invalid user name '{identity.backend}: {name}'. User names must be in [a-z_0-9] format. Skipping user.",
-                            context: ['name' => $user['name'], 'identity' => ['backend' => $backendName]],
+                            context: [
+                                'operation' => 'identity.sync',
+                                'error' => 'invalid_user_name',
+                                'constraint' => '[a-z_0-9]',
+                                'name' => $user['name'],
+                                'identity' => ['backend' => $backendName],
+                            ],
                         );
                         continue;
                     }
@@ -459,8 +475,13 @@ public function getBackendUsers(array $backends, array &$map, bool $noMapActions
 
                     if (false === is_valid_name($info['backendName'])) {
                         $this->logger->error(
-                            message: "Invalid backend name '{name}'. Backend name must be in [a-z_0-9] format. skipping the associated users.",
-                            context: ['name' => $info['backendName']],
+                            message: "Invalid backend name '{name}'. Backend name must be in [a-z_0-9] format. Skipping the associated users.",
+                            context: [
+                                'operation' => 'identity.sync',
+                                'error' => 'invalid_backend_name',
+                                'constraint' => '[a-z_0-9]',
+                                'name' => $info['backendName'],
+                            ],
                         );
                         continue;
                     }
@@ -501,8 +522,9 @@ public function getBackendUsers(array $backends, array &$map, bool $noMapActions
                 }
             } catch (Throwable $e) {
                 $this->logger->error(
-                    "Failed during '{identity.user}@{identity.backend}' get users list. {exception.message}",
+                    "Failed to get users list from '{identity.user}@{identity.backend}'. {exception.message}",
                     [
+                        'operation' => 'identity.get_users',
                         'identity' => [
                             'client' => $client->getContext()->clientName,
                             'backend' => $client->getContext()->backendName,
@@ -533,8 +555,13 @@ public function createIdentities(IdentityProvisionRequest $request, array $ident
 
             if (false === is_valid_name($identityName)) {
                 $this->logger->error(
-                    message: "Invalid identity name '{identity.name}'. Identity names must be in [a-z_0-9] format. skipping identity.",
-                    context: ['identity' => ['name' => $identityName]],
+                    message: "Invalid identity name '{identity.name}'. Identity names must be in [a-z_0-9] format. Skipping identity.",
+                    context: [
+                        'operation' => 'identity.create',
+                        'error' => 'invalid_identity_name',
+                        'constraint' => '[a-z_0-9]',
+                        'identity' => ['name' => $identityName],
+                    ],
                 );
                 continue;
             }
@@ -584,8 +611,13 @@ public function createIdentities(IdentityProvisionRequest $request, array $ident
 
                 if (false === is_valid_name($name)) {
                     $this->logger->error(
-                        message: "Invalid backend name '{name}'. Backend name must be in [a-z_0-9] format. skipping backend.",
-                        context: ['name' => $name],
+                        message: "Invalid backend name '{name}'. Backend name must be in [a-z_0-9] format. Skipping backend.",
+                        context: [
+                            'operation' => 'identity.create',
+                            'error' => 'invalid_backend_name',
+                            'constraint' => '[a-z_0-9]',
+                            'name' => $name,
+                        ],
                     );
                     continue;
                 }
@@ -668,7 +700,11 @@ public function createIdentities(IdentityProvisionRequest $request, array $ident
                             if (false === $token) {
                                 $this->logger->error(
                                     message: "Failed to generate access token for '{identity.name}@{identity.backend}' backend.",
-                                    context: ['identity' => ['name' => $identityName, 'backend' => $name]],
+                                    context: [
+                                        'operation' => 'identity.access_token',
+                                        'error' => 'token_generation_failed',
+                                        'identity' => ['name' => $identityName, 'backend' => $name],
+                                    ],
                                 );
                             } else {
                                 $perIdentity->set("{$name}.token", $token);
@@ -679,6 +715,8 @@ public function createIdentities(IdentityProvisionRequest $request, array $ident
                     $this->logger->error(
                         message: "Failed to generate access token for '{identity.name}@{name}' backend. {exception.message}",
                         context: [
+                            'operation' => 'identity.access_token',
+                            'error' => 'token_generation_failed',
                             'name' => $name,
                             'identity' => ['name' => $identityName],
                             ...exception_log($e),
@@ -950,6 +988,8 @@ public function generateIdentitiesList(array $users, array $map = []): array
                     }
 
                     $this->logger->error("No partial fallback match via map for '{identity.backend}: {identity.user}'", [
+                        'operation' => 'identity.match',
+                        'error' => 'no_partial_fallback',
                         'identity' => [
                             'backend' => $userObj['backend'],
                             'user' => $userObj['name'],
@@ -981,7 +1021,9 @@ public function generateIdentitiesList(array $users, array $map = []): array
                     continue;
                 }
 
-                $this->logger->error("No other users were found that match '{identity.backend}: {identity.user}{real_name}'.", [
+                $this->logger->warning("No other users were found that match '{identity.backend}: {identity.user}{real_name}'.", [
+                    'operation' => 'identity.match',
+                    'error' => 'no_user_match',
                     'identity' => [
                         'backend' => $userObj['backend'],
                         'user' => $userObj['name'],
@@ -1054,6 +1096,8 @@ public function mapActions(string $backend, array &$user, array &$mapping): void
 
         if (null === ($username = ag($user, 'name'))) {
             $this->logger->error("No username was given from one user of '{identity.backend}' backend.", [
+                'operation' => 'identity.match',
+                'error' => 'missing_username',
                 'identity' => [
                     'backend' => $backend,
                 ],
@@ -1118,6 +1162,9 @@ public function mapActions(string $backend, array &$user, array &$mapping): void
                 $this->logger->error(
                     message: "Failed to replace '{identity.backend}: {username}' with '{identity.backend}: {new_username}' name must be in [a-z_0-9] format.",
                     context: [
+                        'operation' => 'identity.rename',
+                        'error' => 'invalid_replacement_name',
+                        'constraint' => '[a-z_0-9]',
                         'identity' => [
                             'backend' => $backend,
                         ],
diff --git a/src/Libs/Initializer.php b/src/Libs/Initializer.php
index ca22dc1e..495c6a79 100644
--- a/src/Libs/Initializer.php
+++ b/src/Libs/Initializer.php
@@ -145,7 +145,7 @@ public function boot(): self
 
         set_exception_handler(static function (Throwable $e) use ($logger) {
             $logger->error(
-                message: '{exception.type}: {exception.message} ({exception.file}:{exception.line}).' . PHP_EOL,
+                message: 'Uncaught exception. {exception.message}',
                 context: exception_log($e),
             );
             exit(1);
@@ -160,7 +160,7 @@ public function boot(): self
 
             $type = $error['type'] ?? 0;
 
-            $logger->error(message: "{exception.type}: {exception.message} at '{exception.file}:{exception.line}'. '{request.uri}'", context: [
+            $logger->error(message: 'Fatal error. {exception.message}', context: [
                 'exception' => [
                     'type' => match ($type) {
                         E_ERROR => 'E_ERROR',
diff --git a/src/Libs/Mappers/Import/DirectMapper.php b/src/Libs/Mappers/Import/DirectMapper.php
index 1e61b7ed..28627b2b 100644
--- a/src/Libs/Mappers/Import/DirectMapper.php
+++ b/src/Libs/Mappers/Import/DirectMapper.php
@@ -244,6 +244,8 @@ private function addNewItem(iState $entity, array $opts = []): self
                 "[N] Ignoring '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}', not found locally and backend set as metadata source only.",
                 [
                     'mapper' => after_last(self::class, '\\'),
+                    'operation' => 'mapper.new',
+                    'error' => 'metadata_source_only',
                     'metaOnly' => true,
                     'history' => [
                         'id' => $entity->id ?? 'New',
@@ -521,6 +523,8 @@ private function handleTainted(iState $local, iState $entity, array $opts = []):
                 "[T] Ignoring '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}', reported '{state}' vs local '{local_state}', state change ignored due to '{reasons}'.",
                 [
                     'mapper' => after_last(self::class, '\\'),
+                    'operation' => 'mapper.transition',
+                    'error' => 'state_change_ignored',
                     'history' => [
                         'id' => $local->id ?? 'New',
                         'title' => $entity->getName(),
@@ -766,15 +770,20 @@ private function handleOldEntity(iState $local, iState $entity, array $opts = []
             $enable = Config::get('clients.jellyfin.fix_played', false);
             if ($enable && $entity->isWatched() && true === $entity->getContext('should_mark', false)) {
                 $this->logger->notice(
-                    "[O] '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}' date '{remote_date}' is older than last sync date '{local_date}'. Jellyfin API bug workaround applied to mark as played.",
+                    "[O] '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}' date '{comparison.remote_date}' is older than last sync date '{comparison.local_date}'. Jellyfin API bug workaround applied to mark as played.",
                     [
                         'mapper' => after_last(self::class, '\\'),
+                        'operation' => 'mapper.old_entity',
+                        'error' => 'jellyfin_played_bug',
                         'history' => [
                             'id' => $cloned->id ?? 'New',
                             'title' => $entity->getName(),
                         ],
-                        'remote_date' => make_date($entity->updated),
-                        'local_date' => make_date($opts[Options::AFTER]),
+                        'comparison' => [
+                            'remote_date' => make_date($entity->updated),
+                            'local_date' => make_date($opts[Options::AFTER]),
+                            'delta_seconds' => $opts[Options::AFTER]->getTimestamp() - $entity->updated,
+                        ],
                         'identity' => [
                             'user' => $this->userContext->name ?? 'main',
                             'backend' => $entity->via,
@@ -789,15 +798,20 @@ private function handleOldEntity(iState $local, iState $entity, array $opts = []
             }
 
             $this->logger->notice(
-                "[CODE:DM001] [O] '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}' date '{remote_date}' is older than last sync date '{local_date}'. Queueing for re-processing. Check FAQ.",
+                "[O] '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}' date '{comparison.remote_date}' is older than last sync date '{comparison.local_date}'. Queueing for re-processing. Check FAQ.",
                 [
                     'mapper' => after_last(self::class, '\\'),
+                    'operation' => 'mapper.old_entity',
+                    'error' => 'dm001_stale_date',
                     'history' => [
                         'id' => $cloned->id ?? 'New',
                         'title' => $entity->getName(),
                     ],
-                    'remote_date' => make_date($entity->updated),
-                    'local_date' => make_date($opts[Options::AFTER]),
+                    'comparison' => [
+                        'remote_date' => make_date($entity->updated),
+                        'local_date' => make_date($opts[Options::AFTER]),
+                        'delta_seconds' => $opts[Options::AFTER]->getTimestamp() - $entity->updated,
+                    ],
                     'state' => $entity->isWatched() ? 'played' : 'unplayed',
                     'local_state' => $local->isWatched() ? 'played' : 'unplayed',
                     'identity' => [
@@ -857,6 +871,8 @@ public function add(iState $entity, array $opts = []): self
                 "[A] Ignoring '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}', no external guids.",
                 [
                     'mapper' => after_last(self::class, '\\'),
+                    'operation' => 'mapper.add',
+                    'error' => 'no_external_guids',
                     'history' => [
                         'id' => $entity->id ?? 'New',
                         'title' => $entity->getName(),
@@ -876,6 +892,8 @@ public function add(iState $entity, array $opts = []): self
                 "[A] Ignoring '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}', marked as episode but no episode number.",
                 [
                     'mapper' => after_last(self::class, '\\'),
+                    'operation' => 'mapper.add',
+                    'error' => 'no_episode_number',
                     'history' => [
                         'id' => $entity->id ?? ag($entity->getMetadata($entity->via), iState::COLUMN_ID, '??'),
                         'title' => $entity->getName(),
diff --git a/src/Libs/Mappers/Import/MemoryMapper.php b/src/Libs/Mappers/Import/MemoryMapper.php
index d289eeb7..0bb857cf 100644
--- a/src/Libs/Mappers/Import/MemoryMapper.php
+++ b/src/Libs/Mappers/Import/MemoryMapper.php
@@ -198,6 +198,8 @@ protected function addNewItem(iState $entity, array $opts = []): self
                 "[N] Ignoring '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}', not found locally and backend set as metadata source only.",
                 [
                     'mapper' => after_last(self::class, '\\'),
+                    'operation' => 'mapper.new',
+                    'error' => 'metadata_source_only',
                     'metaOnly' => true,
                     'history' => [
                         'id' => $entity->id ?? 'New',
@@ -320,6 +322,8 @@ protected function handleTainted(string|int $pointer, iState $cloned, iState $en
                 "[T] Ignoring '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}', reported '{state}' vs local '{local_state}', state change ignored due to '{reasons}'.",
                 [
                     'mapper' => after_last(self::class, '\\'),
+                    'operation' => 'mapper.transition',
+                    'error' => 'state_change_ignored',
                     'history' => [
                         'id' => $this->objects[$pointer]->id ?? 'New',
                         'title' => $entity->getName(),
@@ -473,15 +477,20 @@ protected function handleOldEntity(string|int $pointer, iState $cloned, iState $
         if ($entity->isWatched() !== $this->objects[$pointer]->isWatched()) {
             if ($this->inTraceMode()) {
                 $this->logger->debug(
-                    "[O] '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}' is marked as '{state}' vs local '{local_state}', however due to the remote item date '{remote_date}' being older than the last backend sync date '{local_date}'. it was not considered as valid state.",
+                    "[O] '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}' is marked as '{state}' vs local '{local_state}', however due to the remote item date '{comparison.remote_date}' being older than the last backend sync date '{comparison.local_date}'. it was not considered as valid state.",
                     [
                         'mapper' => after_last(self::class, '\\'),
+                        'operation' => 'mapper.old_entity',
+                        'error' => 'stale_remote_date',
                         'history' => [
                             'id' => $this->objects[$pointer]->id ?? 'New',
                             'title' => $entity->getName(),
                         ],
-                        'remote_date' => make_date($entity->updated),
-                        'local_date' => make_date($opts['after']),
+                        'comparison' => [
+                            'remote_date' => make_date($entity->updated),
+                            'local_date' => make_date($opts['after']),
+                            'delta_seconds' => $opts['after']->getTimestamp() - $entity->updated,
+                        ],
                         'state' => $entity->isWatched() ? 'played' : 'unplayed',
                         'local_state' => $this->objects[$pointer]->isWatched() ? 'played' : 'unplayed',
                         'identity' => [
@@ -521,6 +530,8 @@ public function add(iState $entity, array $opts = []): self
                 "[O] Ignoring '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}', no external guids.",
                 [
                     'mapper' => after_last(self::class, '\\'),
+                    'operation' => 'mapper.add',
+                    'error' => 'no_external_guids',
                     'history' => [
                         'id' => $entity->id ?? 'New',
                         'title' => $entity->getName(),
@@ -540,6 +551,8 @@ public function add(iState $entity, array $opts = []): self
                 "[N] Ignoring '#{history.id}: {history.title}' by '{identity.user}@{identity.backend}', marked as episode but no episode number.",
                 [
                     'mapper' => after_last(self::class, '\\'),
+                    'operation' => 'mapper.add',
+                    'error' => 'no_episode_number',
                     'history' => [
                         'id' => $entity->id ?? ag($entity->getMetadata($entity->via), iState::COLUMN_ID, '??'),
                         'title' => $entity->getName(),
diff --git a/src/Libs/Playlists/PlaylistSyncService.php b/src/Libs/Playlists/PlaylistSyncService.php
index 59bc5158..6206431c 100644
--- a/src/Libs/Playlists/PlaylistSyncService.php
+++ b/src/Libs/Playlists/PlaylistSyncService.php
@@ -43,6 +43,7 @@ public function sync(UserContext $userContext, array $clients, array $opts = [])
         $fetchTotals = $this->makeFetchStats();
 
         $this->logger->notice("Starting playlist reconciliation for '{identity.user}' across '{total}' backend clients.", [
+            'operation' => 'playlist.reconcile',
             'identity' => ['user' => $userContext->name],
             'total' => count($clients),
             'dry_run' => $dryRun,
@@ -215,6 +216,7 @@ public function sync(UserContext $userContext, array $clients, array $opts = [])
         $summary = $this->summarizeBackends($clients, $store, $results, $syncStats, false);
 
         $this->logger->notice("Playlist reconciliation for '{identity.user}' completed in '{duration}'s.", [
+            'operation' => 'playlist.reconcile',
             'identity' => ['user' => $userContext->name],
             'duration' => round(microtime(true) - $syncStart, 4),
             'results' => $this->summarizeResultTotals($summary),
@@ -496,11 +498,13 @@ private function resolvePlaylistItem(iClient $client, UserContext $userContext,
             $entity = $client->toEntity($item, [Options::NO_CACHE => true]);
         } catch (Throwable $e) {
             $this->logger->warning(
-                "Failed to map '{identity.backend}' playlist item '{title}'. {error}",
+                "Failed to map '{identity.backend}' playlist item '{title}'. {exception.message}",
                 [
+                    'operation' => 'playlist.fetch',
+                    'error' => 'item_map_failed',
                     'identity' => ['backend' => $client->getName()],
                     'title' => ag($item, ['title', 'Name', 'OriginalTitle'], 'unknown'),
-                    'error' => $e->getMessage(),
+                    ...exception_log($e),
                 ],
             );
 
@@ -777,7 +781,11 @@ private function applySyncOperations(array $clients, PlaylistStore $store, array
             if ('' === $createdId) {
                 $this->logger->warning(
                     "Backend '{identity.backend}' create request completed without a playlist id.",
-                    ['identity' => ['backend' => $backendName]],
+                    [
+                        'operation' => 'playlist.apply',
+                        'error' => 'missing_playlist_id',
+                        'identity' => ['backend' => $backendName],
+                    ],
                 );
                 $failedBackends[$backendName] = true;
                 continue;
@@ -1475,6 +1483,8 @@ private function logBackendThrowable(Throwable $e, string $backendName, string $
         $this->logger->error(
             "Failed to {action} for '{identity.backend}'. {exception.message}",
             [
+                'operation' => 'playlist.apply',
+                'error' => 'action_failed',
                 'action' => $action,
                 'identity' => ['backend' => $backendName],
                 ...exception_log($e),
diff --git a/src/Libs/ReportGenerator.php b/src/Libs/ReportGenerator.php
new file mode 100644
index 00000000..bc74ef3a
--- /dev/null
+++ b/src/Libs/ReportGenerator.php
@@ -0,0 +1,410 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Libs;
+
+use App\API\Backends\Index;
+use App\Commands\System\LogsCommand;
+use App\Libs\Database\PackageMigrationFactory;
+use App\Libs\Database\PdoFactory;
+use App\Libs\Entity\StateEntity;
+use App\Libs\Extends\Date;
+use App\Libs\Mappers\ImportInterface as iImport;
+use App\Libs\UserContext;
+use Cron\CronExpression;
+use LimitIterator;
+use Psr\Log\LoggerInterface as iLogger;
+use SplFileObject;
+use Symfony\Component\Yaml\Yaml;
+use Throwable;
+
+/**
+ * Class ReportGenerator
+ *
+ * Collects structured diagnostic data about the system, backends,
+ * tasks, suppression rules, and recent logs. Used by both the API
+ * and CLI to ensure a single source of truth.
+ */
+final class ReportGenerator
+{
+    private const int DEFAULT_LIMIT = 10;
+
+    /**
+     * Class constructor.
+     *
+     * @param iImport $mapper The import mapper.
+     * @param iLogger $logger The logger instance.
+     * @param PdoFactory $pdoFactory The PDO factory.
+     * @param PackageMigrationFactory $migrations The package migration factory.
+     */
+    public function __construct(
+        private readonly iImport $mapper,
+        private readonly iLogger $logger,
+        private readonly PdoFactory $pdoFactory,
+        private readonly PackageMigrationFactory $migrations,
+    ) {}
+
+    /**
+     * Generate a structured diagnostic report.
+     *
+     * @param int $logLimit Number of log lines to include per log type.
+     * @param bool $includeDbSample Include sample database entries per backend.
+     *
+     * @return array<string,mixed> The structured report data.
+     */
+    public function generate(int $logLimit = self::DEFAULT_LIMIT, bool $includeDbSample = false): array
+    {
+        $usersContext = get_users_context($this->mapper, $this->logger);
+        $sensitive = $this->extractSensitive($usersContext);
+
+        $data = [
+            'generated_at' => gmdate(Date::ATOM),
+            'system' => $this->getSystemInfo(),
+            'users' => array_keys($usersContext),
+            'backends' => $this->getBackends($usersContext, $includeDbSample),
+            'suppression' => $this->getSuppression(),
+            'tasks' => $this->getTasks(),
+            'logs' => $this->getLogs($logLimit),
+        ];
+
+        return $this->redactSensitive($data, $sensitive);
+    }
+
+    /**
+     * Collect basic system information.
+     *
+     * @return array<string,mixed>
+     */
+    private function getSystemInfo(): array
+    {
+        $schedulerInfo = is_scheduler_running(ignoreContainer: true);
+
+        return [
+            'version' => get_app_version(),
+            'php_version' => PHP_VERSION,
+            'sapi' => PHP_SAPI,
+            'timezone' => Config::get('tz', 'UTC'),
+            'data_path' => Config::get('path'),
+            'temp_path' => Config::get('tmpDir'),
+            'database_migrated' => $this->migrations->isMigrated(
+                $this->pdoFactory->createForFile((string) Config::get('database.file')),
+            ),
+            'env_file_exists' => file_exists(Config::get('path') . '/config/.env'),
+            'scheduler_running' => (bool) ag($schedulerInfo, 'status', false),
+            'scheduler_message' => (string) ag($schedulerInfo, 'message', ''),
+            'in_container' => in_container(),
+        ];
+    }
+
+    /**
+     * Collect information about all configured backends across all users.
+     *
+     * @param array<UserContext> $usersContext The user contexts.
+     * @param bool $includeDbSample Whether to include sample DB entries.
+     *
+     * @return array<int,array<string,mixed>>
+     */
+    private function getBackends(array $usersContext, bool $includeDbSample): array
+    {
+        $backends = [];
+
+        foreach ($usersContext as $username => $userContext) {
+            foreach ($userContext->config->getAll() as $name => $backend) {
+                try {
+                    $version = make_backend(
+                        backend: $backend,
+                        name: $name,
+                        options: [UserContext::class => $userContext],
+                    )
+                        ->setLogger($this->logger)
+                        ->getVersion();
+                } catch (Throwable) {
+                    $version = null;
+                }
+
+                foreach (Index::BLACK_LIST as $hideValue) {
+                    if (true !== ag_exists($backend, $hideValue)) {
+                        continue;
+                    }
+                    $backend = ag_set($backend, $hideValue, '**HIDDEN**');
+                }
+
+                $entry = [
+                    'name' => $name,
+                    'user' => $username,
+                    'type' => ag($backend, 'type'),
+                    'version' => $version,
+                    'https' => str_starts_with((string) ag($backend, 'url'), 'https:'),
+                    'has_uuid' => null !== ag($backend, 'uuid'),
+                    'has_user' => null !== ag($backend, 'user'),
+                    'export' => [
+                        'enabled' => null !== ag($backend, 'export.enabled'),
+                        'last_sync' => ag($backend, 'export.lastSync'),
+                        'playlist_last_sync' => ag($backend, 'export.playlist.lastSync'),
+                    ],
+                    'import' => [
+                        'enabled' => true === (bool) ag($backend, 'import.enabled'),
+                        'metadata_refresh' => null !== ag($backend, 'import.enabled'),
+                        'last_sync' => ag($backend, 'import.lastSync'),
+                        'playlist_last_sync' => ag($backend, 'import.playlist.lastSync'),
+                    ],
+                    'options' => ag($backend, 'options', []),
+                ];
+
+                if (true === $includeDbSample) {
+                    $entry['sample_entries'] = $this->getSampleEntries($userContext, $name);
+                }
+
+                $backends[] = $entry;
+            }
+        }
+
+        return $backends;
+    }
+
+    /**
+     * Get sample database entries for a backend.
+     *
+     * @param UserContext $userContext The user context.
+     * @param string $name The backend name.
+     *
+     * @return array<int,array<string,mixed>>
+     */
+    private function getSampleEntries(UserContext $userContext, string $name): array
+    {
+        try {
+            $sql = 'SELECT * FROM state WHERE via = :name ORDER BY updated DESC LIMIT 3';
+            $stmt = $userContext->db->getDBLayer()->prepare($sql);
+            $stmt->execute(['name' => $name]);
+
+            $entries = [];
+            foreach ($stmt as $row) {
+                $entries[] = StateEntity::fromArray($row)->getAll();
+            }
+
+            return $entries;
+        } catch (Throwable) {
+            return [];
+        }
+    }
+
+    /**
+     * Get log suppression rules.
+     *
+     * @return array<string,mixed>
+     */
+    private function getSuppression(): array
+    {
+        $suppressFile = Config::get('path') . '/config/suppress.yaml';
+        $exists = file_exists($suppressFile);
+
+        if (false === $exists || filesize($suppressFile) <= 10) {
+            return [
+                'file_exists' => $exists,
+                'rules' => null,
+                'error' => null,
+            ];
+        }
+
+        try {
+            return [
+                'file_exists' => true,
+                'rules' => Yaml::parseFile($suppressFile),
+                'error' => null,
+            ];
+        } catch (Throwable $e) {
+            return [
+                'file_exists' => true,
+                'rules' => null,
+                'error' => $e->getMessage(),
+            ];
+        }
+    }
+
+    /**
+     * Get scheduled tasks information.
+     *
+     * @return array<int,array<string,mixed>>
+     */
+    private function getTasks(): array
+    {
+        $tasks = [];
+
+        foreach (Config::get('tasks.list', []) as $task) {
+            $enabled = true === (bool) ag($task, 'enabled');
+            $entry = [
+                'name' => ag($task, 'name'),
+                'enabled' => $enabled,
+                'args' => ag($task, 'args'),
+                'timer' => ag($task, 'timer'),
+                'next_run' => null,
+                'error' => null,
+            ];
+
+            if (true === $enabled) {
+                try {
+                    $timer = new CronExpression((string) ag($task, 'timer', '5 * * * *'));
+                    $entry['next_run'] = gmdate(Date::ATOM, $timer->getNextRunDate()->getTimestamp());
+                } catch (Throwable $e) {
+                    $entry['error'] = $e->getMessage();
+                }
+            }
+
+            $tasks[] = $entry;
+        }
+
+        return $tasks;
+    }
+
+    /**
+     * Get recent log entries grouped by type, merging today and yesterday.
+     *
+     * @param int $limit Maximum number of lines per log type per day.
+     *
+     * @return array<int,array<string,mixed>>
+     */
+    private function getLogs(int $limit): array
+    {
+        $todayAffix = make_date()->format('Ymd');
+        $yesterdayAffix = make_date('yesterday')->format('Ymd');
+
+        $logs = [];
+
+        foreach (LogsCommand::getTypes() as $type) {
+            $typeLimit = $limit;
+            if (self::DEFAULT_LIMIT === $limit) {
+                $typeLimit = 'task' === $type ? 75 : self::DEFAULT_LIMIT;
+            }
+
+            $todayEntries = array_reverse($this->readLogEntries($type, $todayAffix, $typeLimit));
+            $yesterdayEntries = array_reverse($this->readLogEntries($type, $yesterdayAffix, $typeLimit));
+
+            $entries = $todayEntries;
+
+            if (count($todayEntries) > 0 && count($yesterdayEntries) > 0) {
+                $entries[] = [
+                    'datetime' => '',
+                    'level' => '',
+                    'logger' => '',
+                    'message' => '',
+                    'separator' => true,
+                ];
+            }
+
+            $entries = array_merge($entries, $yesterdayEntries);
+
+            $logs[] = [
+                'type' => $type,
+                'entries' => $entries,
+            ];
+        }
+
+        return $logs;
+    }
+
+    /**
+     * Read last X lines from a log file.
+     *
+     * @param string $type The log type (app, access, task).
+     * @param string $date The date affix.
+     * @param int $limit Maximum number of lines.
+     *
+     * @return array<int,array<string,mixed>>
+     */
+    private function readLogEntries(string $type, string $date, int $limit): array
+    {
+        $logFile = LogsCommand::getLogFile($type, $date);
+
+        if (!file_exists($logFile) || filesize($logFile) < 1) {
+            return [];
+        }
+
+        $file = new SplFileObject($logFile, 'r');
+        $file->seek(PHP_INT_MAX);
+        $lastLine = $file->key();
+
+        $it = new LimitIterator($file, max(0, $lastLine - $limit), $lastLine);
+
+        $entries = [];
+        foreach ($it as $line) {
+            $line = trim((string) $line);
+            if (empty($line)) {
+                continue;
+            }
+
+            $entry = LogsCommand::parseJsonlLine($line);
+
+            if (null !== $entry) {
+                $entries[] = [
+                    'datetime' => ag($entry, 'datetime', ''),
+                    'level' => strtoupper((string) ag($entry, 'level', '')),
+                    'logger' => ag($entry, 'logger', ''),
+                    'message' => ag($entry, 'message', ''),
+                ];
+            }
+        }
+
+        return $entries;
+    }
+
+    /**
+     * Extract tokens from user configs to redact from the report.
+     *
+     * @param array<UserContext> $usersContext The user contexts.
+     *
+     * @return array<int,string>
+     */
+    private function extractSensitive(array $usersContext): array
+    {
+        $keys = [
+            'token',
+            'options.' . Options::ADMIN_TOKEN,
+            'options.' . Options::PLEX_USER_PIN,
+            'options.' . Options::ADMIN_PLEX_USER_PIN,
+        ];
+
+        $sensitive = [];
+
+        foreach ($usersContext as $userContext) {
+            foreach ($userContext->config->getAll() as $backend) {
+                foreach ($keys as $key) {
+                    $val = ag($backend, $key);
+                    if (null === $val || true === in_array($val, $sensitive, true)) {
+                        continue;
+                    }
+                    $sensitive[] = $val;
+                }
+            }
+        }
+
+        return $sensitive;
+    }
+
+    /**
+     * Recursively redact sensitive tokens from all string values in the data.
+     *
+     * @param array<string,mixed> $data The report data.
+     * @param array<int,string> $sensitive The tokens to redact.
+     *
+     * @return array<string,mixed>
+     */
+    private function redactSensitive(array $data, array $sensitive): array
+    {
+        if (count($sensitive) < 1) {
+            return $data;
+        }
+
+        array_walk_recursive($data, static function (mixed &$value) use ($sensitive): void {
+            if (true !== is_string($value)) {
+                return;
+            }
+
+            foreach ($sensitive as $token) {
+                $value = str_ireplace($token, '**HIDDEN**', $value);
+            }
+        });
+
+        return $data;
+    }
+}
diff --git a/src/Libs/TestCase.php b/src/Libs/TestCase.php
index 4b210edf..24c989f8 100644
--- a/src/Libs/TestCase.php
+++ b/src/Libs/TestCase.php
@@ -15,6 +15,7 @@
 use Closure;
 use Monolog\Handler\NullHandler;
 use Monolog\Handler\TestHandler;
+use Monolog\Level;
 use Monolog\Logger;
 use PDO;
 use Psr\Log\LoggerInterface;
@@ -64,6 +65,85 @@ protected function initTempDir(): void
         }
     }
 
+    /**
+     * Assert that at least one log record in the handler matches the given level and context filters.
+     *
+     * Structured context fields (e.g. 'operation', 'error') are the stable contract for log assertions.
+     * Prefer this over substring matching on message text, which is fragile under prose refactors.
+     *
+     * @param Level $level Expected log level.
+     * @param array<string, mixed> $context Key/value pairs that must be present in the record context.
+     * @param bool $clear Whether to clear the handler after checking.
+     *
+     * @return bool True if a matching record was found.
+     */
+    protected function loggedWith(Level $level, array $context = [], bool $clear = false): bool
+    {
+        if (null === $this->handler) {
+            return false;
+        }
+
+        try {
+            foreach ($this->handler->getRecords() as $record) {
+                if ($level !== $record->level) {
+                    continue;
+                }
+
+                $match = true;
+                foreach ($context as $key => $value) {
+                    if (ag($record->context, $key) === $value) {
+                        continue;
+                    }
+                    $match = false;
+                    break;
+                }
+
+                if (true === $match) {
+                    return true;
+                }
+            }
+
+            return false;
+        } finally {
+            if (true === $clear) {
+                $this->handler->clear();
+            }
+        }
+    }
+
+    /**
+     * Static variant of loggedWith() for tests that use a local TestHandler instead of $this->handler.
+     *
+     * @param TestHandler $handler The handler to inspect.
+     * @param Level $level Expected log level.
+     * @param array<string, mixed> $context Key/value pairs that must be present in the record context.
+     *
+     * @return bool True if a matching record was found.
+     */
+    protected static function hasRecordWith(TestHandler $handler, Level $level, array $context = []): bool
+    {
+        foreach ($handler->getRecords() as $record) {
+            if ($level !== $record->level) {
+                continue;
+            }
+
+            $match = true;
+            foreach ($context as $key => $value) {
+                if (ag($record->context, $key) === $value) {
+                    continue;
+                }
+                $match = false;
+                break;
+            }
+
+            if (true === $match) {
+                return true;
+            }
+        }
+
+        return false;
+    }
+
     protected function initTempApp(?string $path = null): string
     {
         $this->initTempDir();
diff --git a/src/Libs/Utils.php b/src/Libs/Utils.php
index e1f8ca99..a95741cf 100644
--- a/src/Libs/Utils.php
+++ b/src/Libs/Utils.php
@@ -784,7 +784,13 @@ function register_events(bool $ignoreCache = false): void
                     $dispatcher->addListener(ag($event, 'on'), ag($event, 'callable'));
                 }
             } catch (Throwable $e) {
-                $logger->error($e->getMessage(), []);
+                $logger->error(
+                    'Failed to register event listener. {exception.message}',
+                    [
+                        'operation' => 'events.register_listener',
+                        ...exception_log($e),
+                    ],
+                );
             }
         }
 
@@ -1579,6 +1585,8 @@ function get_user_context(string $user, iImport $mapper, iLogger $logger): UserC
         $users = get_users(includeMain: true);
         if (false === in_array($user, $users, true)) {
             $logger->error("User '{identity.user}' not found.", [
+                'operation' => 'user_context.resolve',
+                'error' => 'user_not_found',
                 'identity' => ['user' => $user],
                 'users' => $users,
             ]);
diff --git a/src/Libs/helpers.php b/src/Libs/helpers.php
index 3f2a5ebb..3332ed3e 100644
--- a/src/Libs/helpers.php
+++ b/src/Libs/helpers.php
@@ -572,6 +572,8 @@ function queue_push(iState $entity, bool $remove = false, ?UserContext $userCont
 
         if (!$entity->id) {
             $logger->error("Unable to push event '{identity.backend}: {entity}'. It has no local id yet.", [
+                'operation' => 'queue.push',
+                'error' => 'no_local_id',
                 'identity' => ['backend' => $entity->via],
                 'entity' => $entity->getName(),
             ]);
@@ -590,6 +592,8 @@ function queue_push(iState $entity, bool $remove = false, ?UserContext $userCont
 
         if (!$entity->hasGuids() && !$entity->hasRelativeGuid()) {
             $logger->error("Unable to push '{id}' event '{identity.backend}: {entity}'. It has no GUIDs.", [
+                'operation' => 'queue.push',
+                'error' => 'no_guids',
                 'id' => $entity->id,
                 'identity' => ['backend' => $entity->via],
                 'entity' => $entity->getName(),
diff --git a/src/Listeners/ProcessProgressEvent.php b/src/Listeners/ProcessProgressEvent.php
index 74a3960c..50b274d6 100644
--- a/src/Listeners/ProcessProgressEvent.php
+++ b/src/Listeners/ProcessProgressEvent.php
@@ -139,6 +139,8 @@ public function __invoke(DataEvent $event): DataEvent
 
             if (!isset($supported[$type])) {
                 $writer(Level::Error, "Ignoring '{identity.user}@{identity.backend}'. Invalid type '{type}'.", [
+                    'operation' => 'webhook.backend_config',
+                    'error' => 'unexpected_backend_type',
                     'type' => $type,
                     'condition' => [
                         'expected' => implode(', ', array_keys($supported)),
@@ -154,6 +156,8 @@ public function __invoke(DataEvent $event): DataEvent
 
             if (null === ($url = ag($backend, 'url')) || false === is_valid_url($url)) {
                 $writer(Level::Error, "Ignoring '{identity.user}@{identity.backend}'. Invalid URL '{url}'.", [
+                    'operation' => 'webhook.backend_config',
+                    'error' => 'invalid_url',
                     'url' => $url ?? 'None',
                     'identity' => [
                         'backend' => $backendName,
@@ -285,7 +289,7 @@ public function __invoke(DataEvent $event): DataEvent
                     if (false === in_array(Status::tryFrom($statusCode), [Status::OK, Status::NO_CONTENT], true)) {
                         $writer(
                             Level::Error,
-                            "Request to change '{identity.user}@{identity.backend}' - '#{id}: {history.title}' watch progress returned with unexpected '{response.status_code}' status code.",
+                            "Request to change '{identity.user}@{identity.backend}' - '#{id}: {history.title}' watch progress returned HTTP {response.status_code}.",
                             [
                                 ...$context,
                                 'response' => ['status_code' => $statusCode],
diff --git a/src/Listeners/ProcessPushEvent.php b/src/Listeners/ProcessPushEvent.php
index 0b26e74b..ea523367 100644
--- a/src/Listeners/ProcessPushEvent.php
+++ b/src/Listeners/ProcessPushEvent.php
@@ -104,6 +104,8 @@ public function __invoke(DataEvent $e): DataEvent
 
             if (!isset($supported[$type])) {
                 $writer(Level::Error, "Ignoring '{identity.user}@{identity.backend}'. Invalid type '{type}'.", [
+                    'operation' => 'webhook.backend_config',
+                    'error' => 'unexpected_backend_type',
                     'type' => $type,
                     'identity' => [
                         'user' => $user,
@@ -119,6 +121,8 @@ public function __invoke(DataEvent $e): DataEvent
 
             if (null === ($url = ag($backend, 'url')) || false === is_valid_url($url)) {
                 $writer(Level::Error, "Ignoring '{identity.user}@{identity.backend}'. Invalid URL '{url}'.", [
+                    'operation' => 'webhook.backend_config',
+                    'error' => 'invalid_url',
                     'url' => $url ?? 'None',
                     'identity' => [
                         'user' => $user,
@@ -219,7 +223,7 @@ public function __invoke(DataEvent $e): DataEvent
                     if (Status::OK !== Status::tryFrom($context['response']['status_code'])) {
                         $writer(
                             Level::Error,
-                            "Request to change '{identity.user}@{identity.backend}' - '#{history.id}: {history.title}' play state returned with unexpected '{response.status_code}' status code.",
+                            "Request to change '{identity.user}@{identity.backend}' - '#{history.id}: {history.title}' play state returned HTTP {response.status_code}.",
                             $context,
                         );
 
diff --git a/tests/API/Backend/ProxyTest.php b/tests/API/Backend/ProxyTest.php
new file mode 100644
index 00000000..89881f2a
--- /dev/null
+++ b/tests/API/Backend/ProxyTest.php
@@ -0,0 +1,384 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Tests\API\Backend;
+
+use App\API\Backend\Proxy;
+use App\Backends\Common\Error;
+use App\Backends\Common\Levels;
+use App\Backends\Common\Response;
+use App\Libs\APIResponse;
+use App\Libs\Config;
+use App\Libs\Enums\Http\Method;
+use App\Libs\Enums\Http\Status;
+use App\Libs\Mappers\ImportInterface as iImport;
+use App\Libs\Stream;
+use App\Libs\TestCase;
+use Monolog\Logger;
+use Tests\Support\FakeBackendClient;
+use Tests\Support\RequestResponseTrait;
+
+final class ProxyTest extends TestCase
+{
+    use RequestResponseTrait;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        FakeBackendClient::reset();
+
+        $this->initTempApp();
+        $this->seedTestServersConfig();
+        Config::save('supported.plex', FakeBackendClient::class);
+    }
+
+    public function test_proxies_get_request(): void
+    {
+        FakeBackendClient::setProxyResponse(
+            user: 'main',
+            backend: 'test_plex',
+            response: new Response(
+                status: true,
+                response: new APIResponse(
+                    status: Status::OK,
+                    headers: ['content-type' => ['application/json']],
+                    stream: Stream::create('{"ok":true}'),
+                ),
+            ),
+        );
+
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $response = $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/test_plex/proxy',
+                post: [
+                    'method' => 'GET',
+                    'path' => '/library/sections',
+                    'query' => ['type' => 'movie'],
+                ],
+            ),
+            'test_plex',
+        );
+
+        self::assertSame(Status::OK->value, $response->getStatusCode());
+
+        $payload = json_decode((string) $response->getBody(), true, flags: JSON_THROW_ON_ERROR);
+
+        self::assertSame('GET', ag($payload, 'request.method'));
+        self::assertSame(
+            'https://plex.example.invalid/library/sections?type=movie',
+            ag($payload, 'request.url'),
+        );
+        self::assertSame(200, ag($payload, 'response.status'));
+        self::assertSame('{"ok":true}', ag($payload, 'response.body'));
+        self::assertSame('application/json', ag($payload, 'response.headers.content-type'));
+
+        $calls = FakeBackendClient::getCalls('proxy');
+        self::assertCount(1, $calls, 'Proxy call should be recorded once.');
+        self::assertSame('GET', $calls[0]['method']);
+        self::assertSame(
+            'https://plex.example.invalid/library/sections?type=movie',
+            $calls[0]['url'],
+        );
+    }
+
+    public function test_proxies_post_with_body(): void
+    {
+        FakeBackendClient::setProxyResponse(
+            user: 'main',
+            backend: 'test_plex',
+            response: new Response(
+                status: true,
+                response: new APIResponse(
+                    status: Status::OK,
+                    stream: Stream::create('{}'),
+                ),
+            ),
+        );
+
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $body = ['title' => 'Watchlist', 'type' => 'movie'];
+
+        $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/test_plex/proxy',
+                post: [
+                    'method' => 'POST',
+                    'path' => '/playlists',
+                    'body' => $body,
+                ],
+            ),
+            'test_plex',
+        );
+
+        $calls = FakeBackendClient::getCalls('proxy');
+        self::assertSame($body, $calls[0]['body'], 'POST body should be forwarded to the backend.');
+    }
+
+    public function test_get_drops_body(): void
+    {
+        FakeBackendClient::setProxyResponse('main', 'test_plex', new Response(status: true));
+
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/test_plex/proxy',
+                post: [
+                    'method' => 'GET',
+                    'path' => '/items',
+                    'body' => ['should' => 'be_dropped'],
+                ],
+            ),
+            'test_plex',
+        );
+
+        $calls = FakeBackendClient::getCalls('proxy');
+        self::assertSame([], $calls[0]['body'], 'GET requests must not forward a body.');
+    }
+
+    public function test_rejects_trace_method(): void
+    {
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $response = $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/test_plex/proxy',
+                post: [
+                    'method' => 'TRACE',
+                    'path' => '/',
+                ],
+            ),
+            'test_plex',
+        );
+
+        self::assertSame(Status::BAD_REQUEST->value, $response->getStatusCode());
+        self::assertSame([], FakeBackendClient::getCalls('proxy'), 'TRACE must never reach the backend.');
+    }
+
+    public function test_rejects_empty_path(): void
+    {
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $response = $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/test_plex/proxy',
+                post: ['method' => 'GET', 'path' => '   '],
+            ),
+            'test_plex',
+        );
+
+        self::assertSame(Status::BAD_REQUEST->value, $response->getStatusCode());
+    }
+
+    public function test_rejects_unknown_backend(): void
+    {
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $response = $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/missing/proxy',
+                post: ['method' => 'GET', 'path' => '/'],
+            ),
+            'missing',
+        );
+
+        self::assertSame(Status::NOT_FOUND->value, $response->getStatusCode());
+    }
+
+    public function test_rejects_absolute_url_path(): void
+    {
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $response = $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/test_plex/proxy',
+                post: ['method' => 'GET', 'path' => 'http://evil.example.invalid/'],
+            ),
+            'test_plex',
+        );
+
+        self::assertSame(Status::BAD_REQUEST->value, $response->getStatusCode());
+        self::assertSame([], FakeBackendClient::getCalls('proxy'));
+    }
+
+    public function test_rejects_protocol_relative_path(): void
+    {
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $response = $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/test_plex/proxy',
+                post: ['method' => 'GET', 'path' => '//evil.example.invalid/'],
+            ),
+            'test_plex',
+        );
+
+        self::assertSame(Status::BAD_REQUEST->value, $response->getStatusCode());
+        self::assertSame([], FakeBackendClient::getCalls('proxy'));
+    }
+
+    public function test_strips_denylist_headers(): void
+    {
+        FakeBackendClient::setProxyResponse('main', 'test_plex', new Response(status: true));
+
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/test_plex/proxy',
+                post: [
+                    'method' => 'GET',
+                    'path' => '/',
+                    'headers' => [
+                        'Accept' => 'application/json',
+                        'X-Plex-Token' => 'stolen',
+                        'authorization' => 'Bearer stolen',
+                        'X-Emby-Authorization' => 'stolen',
+                        'Cookie' => 'session=stolen',
+                    ],
+                ],
+            ),
+            'test_plex',
+        );
+
+        $calls = FakeBackendClient::getCalls('proxy');
+        $forwarded = $calls[0]['headers'];
+
+        self::assertArrayHasKey('Accept', $forwarded, 'Non-auth header should be forwarded.');
+        self::assertArrayNotHasKey('X-Plex-Token', $forwarded);
+        self::assertArrayNotHasKey('authorization', $forwarded);
+        self::assertArrayNotHasKey('X-Emby-Authorization', $forwarded);
+        self::assertArrayNotHasKey('Cookie', $forwarded);
+    }
+
+    public function test_returns_error_envelope_on_exception(): void
+    {
+        $error = new class('Boom') extends \RuntimeException {};
+
+        FakeBackendClient::setProxyResponse(user: 'main', backend: 'test_plex', response: $error);
+
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $response = $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/test_plex/proxy',
+                post: ['method' => 'GET', 'path' => '/'],
+            ),
+            'test_plex',
+        );
+
+        self::assertSame(Status::OK->value, $response->getStatusCode());
+
+        $payload = json_decode((string) $response->getBody(), true, flags: JSON_THROW_ON_ERROR);
+
+        self::assertSame(500, ag($payload, 'response.status'));
+        self::assertSame('Boom', ag($payload, 'response.body'));
+        self::assertSame('Boom', ag($payload, 'response.headers.WS-Error'));
+    }
+
+    public function test_returns_bad_request_on_unsuccessful_response(): void
+    {
+        $error = new Error(
+            message: 'backend down',
+            context: [],
+            level: Levels::WARNING,
+        );
+
+        FakeBackendClient::setProxyResponse(
+            user: 'main',
+            backend: 'test_plex',
+            response: new Response(status: false, error: $error),
+        );
+
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $response = $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/test_plex/proxy',
+                post: ['method' => 'GET', 'path' => '/'],
+            ),
+            'test_plex',
+        );
+
+        self::assertSame(Status::BAD_REQUEST->value, $response->getStatusCode());
+    }
+
+    public function test_uri_preserves_backend_host(): void
+    {
+        FakeBackendClient::setProxyResponse('main', 'test_plex', new Response(status: true));
+
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/test_plex/proxy',
+                post: [
+                    'method' => 'GET',
+                    'path' => '/system/Info',
+                ],
+            ),
+            'test_plex',
+        );
+
+        $calls = FakeBackendClient::getCalls('proxy');
+        self::assertSame(
+            'https://plex.example.invalid/system/Info',
+            $calls[0]['url'],
+            'Path must be resolved against the configured backend URL.',
+        );
+    }
+
+    public function test_string_body_wrapped_as_stream(): void
+    {
+        FakeBackendClient::setProxyResponse(
+            user: 'main',
+            backend: 'test_plex',
+            response: new Response(
+                status: true,
+                response: new APIResponse(status: Status::OK, stream: Stream::create('{}')),
+            ),
+        );
+
+        $handler = new Proxy($this->createStub(iImport::class), new Logger('test'));
+
+        $response = $handler(
+            $this->getRequest(
+                method: Method::POST,
+                uri: '/v1/api/backend/test_plex/proxy',
+                post: [
+                    'method' => 'POST',
+                    'path' => '/xml',
+                    'body' => '<item/>',
+                    'headers' => ['Content-Type' => 'application/xml'],
+                ],
+            ),
+            'test_plex',
+        );
+
+        self::assertSame(Status::OK->value, $response->getStatusCode());
+
+        $calls = FakeBackendClient::getCalls('proxy');
+        self::assertCount(1, $calls, 'String body should not prevent the proxy call from being recorded.');
+        self::assertNull(
+            $calls[0]['body'],
+            'Stream-wrapped bodies should not appear in the recorded body field (which only captures arrays).',
+        );
+    }
+}
diff --git a/tests/Backends/Emby/EmbyGuidTest.php b/tests/Backends/Emby/EmbyGuidTest.php
index 501bbff6..2775250a 100644
--- a/tests/Backends/Emby/EmbyGuidTest.php
+++ b/tests/Backends/Emby/EmbyGuidTest.php
@@ -26,31 +26,6 @@ class EmbyGuidTest extends TestCase
 {
     protected ?Logger $logger = null;
 
-    private function logged(Level $level, string $message, bool $clear = false): bool
-    {
-        try {
-            foreach ($this->handler->getRecords() as $record) {
-                if ($level !== $record->level) {
-                    continue;
-                }
-
-                if (null !== $record->formatted && true === str_contains($record->formatted, $message)) {
-                    return true;
-                }
-
-                if (true === str_contains($record->message, $message)) {
-                    return true;
-                }
-            }
-
-            return false;
-        } finally {
-            if (true === $clear) {
-                $this->handler->clear();
-            }
-        }
-    }
-
     private function getClass(): EmbyGuid
     {
         $this->handler->clear();
@@ -91,7 +66,7 @@ public function test__construct()
             Config::save('guid.file', $tmpFile);
             $this->getClass();
             $this->assertTrue(
-                $this->logged(Level::Error, 'Failed to parse GUIDs file', true),
+                $this->loggedWith(Level::Error, ['operation' => 'guid.load_file', 'error' => 'file_parse_failed'], true),
                 'Assert message logged when the value type does not match the expected type.',
             );
         } finally {
@@ -147,7 +122,7 @@ public function test_parseGUIDFile()
         touch($tmpFile);
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Info, 'is empty', true),
+            $this->loggedWith(Level::Info, ['operation' => 'guid.load_file'], true),
             'Failed to assert that the GUID file is empty.',
         );
 
@@ -172,7 +147,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump(ag_set($yaml, 'links.0', 'ff')));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'Value must be an object.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_not_object'], true),
             'Assert links.0 key is an object.',
         );
 
@@ -183,7 +158,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map value must be an object.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_map_not_object'], true),
             'Assert map key is an object.',
         );
 
@@ -191,7 +166,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map.from field is empty or not a string.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_from_missing'], true),
             'Assert to field is a string.',
         );
 
@@ -199,7 +174,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map.to field is empty or not a string.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_to_missing'], true),
             'Assert to field is a string.',
         );
 
@@ -207,7 +182,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'field does not starts with', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_to_not_guid'], true),
             'Assert to field is a string.',
         );
 
@@ -215,7 +190,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map.to field is not a supported', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_to_not_supported'], true),
             'Assert to field is a string.',
         );
 
@@ -382,7 +357,7 @@ public function test_get_ignore()
         );
 
         $this->assertTrue(
-            $this->logged(Level::Debug, 'EmbyGuid: Ignoring', true),
+            $this->loggedWith(Level::Debug, ['operation' => 'guid.parse', 'error' => 'ignored_by_user'], true),
             'Assert that a log is raised when the GUID is ignored by user choice.',
         );
     }
diff --git a/tests/Backends/Jellyfin/JellyfinGuidTest.php b/tests/Backends/Jellyfin/JellyfinGuidTest.php
index 6e4766af..d6d45122 100644
--- a/tests/Backends/Jellyfin/JellyfinGuidTest.php
+++ b/tests/Backends/Jellyfin/JellyfinGuidTest.php
@@ -26,31 +26,6 @@ class JellyfinGuidTest extends TestCase
 {
     protected ?Logger $logger = null;
 
-    private function logged(Level $level, string $message, bool $clear = false): bool
-    {
-        try {
-            foreach ($this->handler->getRecords() as $record) {
-                if ($level !== $record->level) {
-                    continue;
-                }
-
-                if (null !== $record->formatted && true === str_contains($record->formatted, $message)) {
-                    return true;
-                }
-
-                if (true === str_contains($record->message, $message)) {
-                    return true;
-                }
-            }
-
-            return false;
-        } finally {
-            if (true === $clear) {
-                $this->handler->clear();
-            }
-        }
-    }
-
     private function getClass(): JellyfinGuid
     {
         $this->handler->clear();
@@ -91,7 +66,7 @@ public function test__construct()
             Config::save('guid.file', $tmpFile);
             $this->getClass();
             $this->assertTrue(
-                $this->logged(Level::Error, 'Failed to parse GUIDs file', true),
+                $this->loggedWith(Level::Error, ['operation' => 'guid.load_file', 'error' => 'file_parse_failed'], true),
                 'Assert message logged when the value type does not match the expected type.',
             );
         } finally {
@@ -147,7 +122,7 @@ public function test_parseGUIDFile()
         touch($tmpFile);
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Info, 'is empty', true),
+            $this->loggedWith(Level::Info, ['operation' => 'guid.load_file'], true),
             'Failed to assert that the GUID file is empty.',
         );
 
@@ -172,7 +147,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump(ag_set($yaml, 'links.0', 'ff')));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'Value must be an object.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_not_object'], true),
             'Assert replace key is an object.',
         );
 
@@ -183,7 +158,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map value must be an object.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_map_not_object'], true),
             'Assert map key is an object.',
         );
 
@@ -191,7 +166,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map.from field is empty or not a string.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_from_missing'], true),
             'Assert to field is a string.',
         );
 
@@ -199,7 +174,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map.to field is empty or not a string.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_to_missing'], true),
             'Assert to field is a string.',
         );
 
@@ -207,7 +182,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'field does not starts with', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_to_not_guid'], true),
             'Assert to field is a string.',
         );
 
@@ -215,7 +190,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map.to field is not a supported', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_to_not_supported'], true),
             'Assert to field is a string.',
         );
 
@@ -386,7 +361,7 @@ public function test_get_ignore()
         );
 
         $this->assertTrue(
-            $this->logged(Level::Debug, 'JellyfinGuid: Ignoring', true),
+            $this->loggedWith(Level::Debug, ['operation' => 'guid.parse', 'error' => 'ignored_by_user'], true),
             'Assert that a log is raised when the GUID is ignored by user choice.',
         );
     }
diff --git a/tests/Backends/MediaBrowser/MediaBrowserTestCase.php b/tests/Backends/MediaBrowser/MediaBrowserTestCase.php
index fcb7c655..525ee63b 100644
--- a/tests/Backends/MediaBrowser/MediaBrowserTestCase.php
+++ b/tests/Backends/MediaBrowser/MediaBrowserTestCase.php
@@ -71,7 +71,10 @@ protected function makeContext(string $clientName, array $opts = []): Context
             backendId: 'backend-1',
             backendToken: 'token-1',
             backendUser: 'user-1',
-            backendHeaders: ['X-MediaBrowser-Token' => 'token-1'],
+            backendHeaders: [
+                'Accept' => 'application/json',
+                'Authorization' => 'MediaBrowser Token="token-1", UserId="user-1"',
+            ],
             trace: true === ($opts['trace'] ?? false),
             options: $opts,
         );
diff --git a/tests/Backends/Plex/GetLibrariesListTest.php b/tests/Backends/Plex/GetLibrariesListTest.php
index 9f61885d..818a424c 100644
--- a/tests/Backends/Plex/GetLibrariesListTest.php
+++ b/tests/Backends/Plex/GetLibrariesListTest.php
@@ -144,7 +144,7 @@ public function test_401_invalid_token(): void
         $this->assertFalse($response->status);
         $this->assertNotNull($response->error);
         $this->assertStringContainsString(
-            "libraries returned with unexpected '401' status code",
+            'libraries returned HTTP 401',
             (string) $response->error,
         );
 
diff --git a/tests/Backends/Plex/PlexGuidTest.php b/tests/Backends/Plex/PlexGuidTest.php
index 137bbc2e..d314ba7e 100644
--- a/tests/Backends/Plex/PlexGuidTest.php
+++ b/tests/Backends/Plex/PlexGuidTest.php
@@ -26,31 +26,6 @@ class PlexGuidTest extends TestCase
 {
     protected ?Logger $logger = null;
 
-    private function logged(Level $level, string $message, bool $clear = false): bool
-    {
-        try {
-            foreach ($this->handler->getRecords() as $record) {
-                if ($level !== $record->level) {
-                    continue;
-                }
-
-                if (null !== $record->formatted && true === str_contains($record->formatted, $message)) {
-                    return true;
-                }
-
-                if (true === str_contains($record->message, $message)) {
-                    return true;
-                }
-            }
-
-            return false;
-        } finally {
-            if (true === $clear) {
-                $this->handler->clear();
-            }
-        }
-    }
-
     private function getClass(): PlexGuid
     {
         $this->handler->clear();
@@ -91,7 +66,7 @@ public function test__construct()
             Config::save('guid.file', $tmpFile);
             $this->getClass();
             $this->assertTrue(
-                $this->logged(Level::Error, 'Failed to parse GUIDs file', true),
+                $this->loggedWith(Level::Error, ['operation' => 'guid.load_file', 'error' => 'file_parse_failed'], true),
                 'Assert message logged when the value type does not match the expected type.',
             );
         } finally {
@@ -147,7 +122,7 @@ public function test_parseGUIDFile()
         touch($tmpFile);
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Info, 'is empty', true),
+            $this->loggedWith(Level::Info, ['operation' => 'guid.load_file'], true),
             'Failed to assert that the GUID file is empty.',
         );
 
@@ -173,7 +148,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump(ag_set($yaml, 'links.0', 'ff')));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'Value must be an object.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_not_object'], true),
             'Assert link value is an object.',
         );
 
@@ -181,7 +156,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'replace value must be an object.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_replace_not_object'], true),
             'Assert replace key is an object.',
         );
 
@@ -189,15 +164,15 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'options.replace.from field is empty or not a string.', true),
-            'Assert to field is a string.',
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_from_missing'], true),
+            'Assert from field is a string.',
         );
 
         $yaml = ag_set($yaml, 'links.0.options.replace.from', 'foo');
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'options.replace.to field is not a string.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_to_not_string'], true),
             'Assert to field is a string.',
         );
 
@@ -213,7 +188,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map value must be an object.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_map_not_object'], true),
             'Assert map key is an object.',
         );
 
@@ -221,15 +196,15 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map.from field is empty or not a string.', true),
-            'Assert to field is a string.',
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_from_missing'], true),
+            'Assert from field is a string.',
         );
 
         $yaml = ag_set($yaml, 'links.0.map.from', 'foo');
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map.to field is empty or not a string.', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_to_missing'], true),
             'Assert to field is a string.',
         );
 
@@ -237,16 +212,16 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'field does not starts with', true),
-            'Assert to field is a string.',
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_to_not_guid'], true),
+            'Assert to field starts with guid_.',
         );
 
         $yaml = ag_set($yaml, 'links.0.map.to', 'guid_foobar');
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map.to field is not a supported', true),
-            'Assert to field is a string.',
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_to_not_supported'], true),
+            'Assert to field is a supported GUID type.',
         );
 
         $yaml = ag_set($yaml, 'links.0.map', [
@@ -256,8 +231,8 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         $this->getClass()->parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'map.from already exists.', true),
-            'Assert to field is a string.',
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.link_map', 'error' => 'link_from_duplicate'], true),
+            'Assert from field already exists.',
         );
 
         $yaml = ag_set($yaml, 'links.0.map', [
@@ -400,7 +375,7 @@ public function test_get()
         );
 
         $this->assertTrue(
-            $this->logged(Level::Info, 'Unable to parse', true),
+            $this->loggedWith(Level::Info, ['operation' => 'guid.parse', 'error' => 'unparseable_identifier'], true),
             'Assert that the invalid GUID is logged.',
         );
         $this->assertEquals(
@@ -418,7 +393,7 @@ public function test_get()
         );
 
         $this->assertTrue(
-            $this->logged(Level::Info, 'reported conflicting', true),
+            $this->loggedWith(Level::Info, ['operation' => 'guid.parse', 'error' => 'conflicting_ids'], true),
             'Assert that a log is raised when multiple GUIDs for the same provider are found.',
         );
 
@@ -441,7 +416,7 @@ public function test_get()
         );
 
         $this->assertFalse(
-            $this->logged(Level::Warning, 'reported multiple ids', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.parse', 'error' => 'conflicting_ids'], true),
             'Assert identical canonical and NFO GUIDs do not raise duplicate warnings.',
         );
 
@@ -473,7 +448,7 @@ public function test_get()
         );
 
         $this->assertTrue(
-            $this->logged(Level::Debug, 'Ignoring', true),
+            $this->loggedWith(Level::Debug, ['operation' => 'guid.parse', 'error' => 'ignored_by_user'], true),
             'Assert that a log is raised when the GUID is ignored by user choice.',
         );
     }
diff --git a/tests/Commands/State/ExportCommandTest.php b/tests/Commands/State/ExportCommandTest.php
index d59433a8..3c4a9fd2 100644
--- a/tests/Commands/State/ExportCommandTest.php
+++ b/tests/Commands/State/ExportCommandTest.php
@@ -13,6 +13,7 @@
 use App\Libs\QueueRequests;
 use App\Libs\TestCase;
 use Monolog\Handler\TestHandler;
+use Monolog\Level;
 use Monolog\Logger;
 use Symfony\Component\Console\Application;
 use Symfony\Component\Console\Input\InputOption;
@@ -90,7 +91,14 @@ public function test_invalid_user_returns_failure(): void
         ]);
 
         self::assertSame(ExportCommand::FAILURE, $status);
-        self::assertTrue($handler->hasErrorThatContains("User 'ghost' not found."));
+        self::assertTrue(
+            $this->hasRecordWith(
+                $handler,
+                Level::Error,
+                ['operation' => 'export.resolve_users'],
+            ),
+            'Assert resolve-users error logged with operation token.',
+        );
     }
 
     public function test_matching_backend_uses_push(): void
diff --git a/tests/Commands/State/PlaylistCommandTest.php b/tests/Commands/State/PlaylistCommandTest.php
index 3b5f031b..b687951a 100644
--- a/tests/Commands/State/PlaylistCommandTest.php
+++ b/tests/Commands/State/PlaylistCommandTest.php
@@ -12,6 +12,7 @@
 use App\Libs\TestCase;
 use App\Libs\UserContext;
 use Monolog\Handler\TestHandler;
+use Monolog\Level;
 use Monolog\Logger;
 use PHPUnit\Framework\MockObject\MockObject;
 use Symfony\Component\Cache\Adapter\ArrayAdapter;
@@ -202,7 +203,14 @@ public function test_invalid_user(): void
         ]);
 
         self::assertSame(PlaylistCommand::FAILURE, $status);
-        self::assertTrue($handler->hasErrorThatContains("User 'ghost' not found."));
+        self::assertTrue(
+            $this->hasRecordWith(
+                $handler,
+                Level::Error,
+                ['operation' => 'playlist.resolve_users'],
+            ),
+            'Assert resolve-users error logged with operation token.',
+        );
     }
 
     /**
diff --git a/tests/Commands/State/ValidateCommandTest.php b/tests/Commands/State/ValidateCommandTest.php
index e241e096..1c43d656 100644
--- a/tests/Commands/State/ValidateCommandTest.php
+++ b/tests/Commands/State/ValidateCommandTest.php
@@ -10,6 +10,7 @@
 use App\Libs\Mappers\ImportInterface as iImport;
 use App\Libs\TestCase;
 use Monolog\Handler\TestHandler;
+use Monolog\Level;
 use Monolog\Logger;
 use Symfony\Component\Console\Application;
 use Symfony\Component\Console\Tester\CommandTester;
@@ -71,7 +72,14 @@ public function test_invalid_user_returns_failure(): void
         ]);
 
         self::assertSame(ValidateCommand::FAILURE, $status);
-        self::assertTrue($handler->hasErrorThatContains("User 'ghost' not found."));
+        self::assertTrue(
+            $this->hasRecordWith(
+                $handler,
+                Level::Error,
+                ['operation' => 'validate.resolve_users'],
+            ),
+            'Assert resolve-users error logged with operation token.',
+        );
     }
 
     public function test_selected_user_db_only(): void
diff --git a/tests/Libs/GuidTest.php b/tests/Libs/GuidTest.php
index e985f2af..d7a5c891 100644
--- a/tests/Libs/GuidTest.php
+++ b/tests/Libs/GuidTest.php
@@ -20,31 +20,6 @@ class GuidTest extends TestCase
 {
     protected ?Logger $logger = null;
 
-    private function logged(Level $level, string $message, bool $clear = false): bool
-    {
-        try {
-            foreach ($this->handler->getRecords() as $record) {
-                if ($level !== $record->level) {
-                    continue;
-                }
-
-                if (null !== $record->formatted && true === str_contains($record->formatted, $message)) {
-                    return true;
-                }
-
-                if (true === str_contains($record->message, $message)) {
-                    return true;
-                }
-            }
-
-            return false;
-        } finally {
-            if (true === $clear) {
-                $this->handler->clear();
-            }
-        }
-    }
-
     protected function setUp(): void
     {
         parent::setUp();
@@ -68,13 +43,13 @@ public function test__construct()
 
         Guid::fromArray(['guid_tvdb' => INF], logger: $this->logger);
         $this->assertTrue(
-            $this->logged(Level::Info, 'external id. Unexpected value type.', true),
+            $this->loggedWith(Level::Info, ['operation' => 'guid.validate', 'error' => 'unexpected_value_type'], true),
             'Assert message logged when the value type does not match the expected type.',
         );
 
         Guid::fromArray(['guid_tvdb' => 'tt1234567']);
         $this->assertTrue(
-            $this->logged(Level::Info, "external id. Unexpected value '", true),
+            $this->loggedWith(Level::Info, ['operation' => 'guid.validate', 'error' => 'unexpected_value'], true),
             'Assert message logged when the value does not match the expected pattern.',
         );
     }
@@ -190,7 +165,7 @@ public function test_parseGUIDFile()
         touch($tmpFile);
         Guid::parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Info, 'is empty', true),
+            $this->loggedWith(Level::Info, ['operation' => 'guid.load_file'], true),
             'Failed to assert that the GUID file is empty.',
         );
 
@@ -209,21 +184,21 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump(['guids' => ['guid_imdb' => 'tt1234567']]));
         Guid::parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'Value must be an object', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.definition', 'error' => 'def_not_object'], true),
             'Assert that GUID key is an array.',
         );
 
         file_put_contents($tmpFile, Yaml::dump(['guids' => [['name' => 'imdb']]]));
         Guid::parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, "name must start with 'guid_'", true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.definition', 'error' => 'def_name_invalid'], true),
             'Assert that GUID name starts with guid_',
         );
 
         file_put_contents($tmpFile, Yaml::dump(['guids' => [['name' => 'guid_imdb', 'type' => INF]]]));
         Guid::parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'type must be a string', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.definition', 'error' => 'def_type_not_string'], true),
             'Assert guid type is string.',
         );
 
@@ -241,7 +216,7 @@ public function test_parseGUIDFile()
 
         Guid::parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'validator key must be an object', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.definition', 'error' => 'def_validator_not_object'], true),
             'Assert validator key is an object.',
         );
 
@@ -249,7 +224,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         Guid::parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'validator.pattern is empty or invalid', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.definition', 'error' => 'def_pattern_invalid'], true),
             'Assert a message is logged when the pattern is invalid.',
         );
 
@@ -257,7 +232,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         Guid::parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'validator.example is empty or not a string', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.definition', 'error' => 'def_example_missing'], true),
             'Assert a message is logged when the example is empty or not a string.',
         );
 
@@ -265,7 +240,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         Guid::parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'validator.tests key must be an object', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.definition', 'error' => 'def_tests_not_object'], true),
             'Assert a message is logged when the test key is not an object.',
         );
 
@@ -273,7 +248,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         Guid::parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'validator.tests.valid key must be an array', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.definition', 'error' => 'def_valid_tests_not_array'], true),
             'Assert a message is logged when the test key is not an object.',
         );
 
@@ -281,7 +256,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         Guid::parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'does not match pattern', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.definition', 'error' => 'def_valid_test_no_match'], true),
             'Assert a message is logged when valid test does not match the pattern.',
         );
 
@@ -292,7 +267,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         Guid::parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'validator.tests.invalid key must be an array', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.definition', 'error' => 'def_invalid_tests_not_array'], true),
             'Assert a message is logged when invalid test is not an array.',
         );
 
@@ -303,7 +278,7 @@ public function test_parseGUIDFile()
         file_put_contents($tmpFile, Yaml::dump($yaml));
         Guid::parseGUIDFile($tmpFile);
         $this->assertTrue(
-            $this->logged(Level::Warning, 'validator.tests.invalid value', true),
+            $this->loggedWith(Level::Warning, ['operation' => 'guid.definition', 'error' => 'def_invalid_test_matches'], true),
             'Assert a message is logged when invalid test match the pattern.',
         );
 
@@ -338,7 +313,7 @@ public function test_reparse()
             Guid::reparse();
             Guid::getSupported();
             $this->assertTrue(
-                $this->logged(Level::Error, 'Failed to read or parse', true),
+                $this->loggedWith(Level::Error, ['operation' => 'guid.load_file', 'error' => 'file_parse_failed'], true),
                 'Failed to assert that the GUID file is empty.',
             );
         } finally {
@@ -398,7 +373,7 @@ public function test_guid_logger_from_container()
         Guid::setLogger($this->logger);
         Guid::fromArray(['guid_tvdb' => INF]);
         $this->assertTrue(
-            $this->logged(Level::Info, 'external id. Unexpected value type.', true),
+            $this->loggedWith(Level::Info, ['operation' => 'guid.validate', 'error' => 'unexpected_value_type'], true),
             'Assert message logged when the value type does not match the expected type.',
         );
     }
diff --git a/tests/Support/FakeBackendClient.php b/tests/Support/FakeBackendClient.php
index 75604b4c..039cfd7a 100644
--- a/tests/Support/FakeBackendClient.php
+++ b/tests/Support/FakeBackendClient.php
@@ -41,6 +41,7 @@ class FakeBackendClient implements ClientInterface
         'push' => [],
         'progress' => [],
         'update_state' => [],
+        'proxy' => [],
     ];
 
     /** @var array<string,array<string,mixed>|Throwable> */
@@ -55,6 +56,9 @@ class FakeBackendClient implements ClientInterface
     /** @var array<string,int> */
     private static array $queuedExportRequests = [];
 
+    /** @var array<string,Response|Throwable> */
+    private static array $proxyResponses = [];
+
     public function __construct()
     {
         $this->guid = new FakeGuid();
@@ -70,11 +74,13 @@ public static function reset(): void
             'push' => [],
             'progress' => [],
             'update_state' => [],
+            'proxy' => [],
         ];
         self::$metadataResponses = [];
         self::$exportErrors = [];
         self::$skipBackupWrites = [];
         self::$queuedExportRequests = [];
+        self::$proxyResponses = [];
     }
 
     /**
@@ -109,6 +115,16 @@ public static function setQueuedExportRequests(string $user, string $backend, in
         self::$queuedExportRequests[self::exportKey($user, $backend)] = $count;
     }
 
+    /**
+     * Register a fixture Response (or Throwable) to be returned by proxy() for the given user/backend pair.
+     *
+     * @param Response|Throwable $response the response to return or exception to throw.
+     */
+    public static function setProxyResponse(string $user, string $backend, Response|Throwable $response): void
+    {
+        self::$proxyResponses[self::exportKey($user, $backend)] = $response;
+    }
+
     public function withContext(Context $context): ClientInterface
     {
         $instance = clone $this;
@@ -316,6 +332,27 @@ public function getImagesUrl(string|int $id, array $opts = []): array
 
     public function proxy(Method $method, iUri $uri, array|iStream $body = [], array $opts = []): Response
     {
+        $context = $this->requireContext();
+
+        self::record('proxy', [
+            'backend' => $context->backendName,
+            'user' => $context->userContext->name,
+            'method' => $method->value,
+            'url' => (string) $uri,
+            'body' => is_array($body) ? $body : null,
+            'headers' => ag($opts, 'headers', []),
+        ]);
+
+        $fixture = self::$proxyResponses[self::exportKey($context->userContext->name, $context->backendName)] ?? null;
+
+        if ($fixture instanceof Throwable) {
+            throw $fixture;
+        }
+
+        if ($fixture instanceof Response) {
+            return $fixture;
+        }
+
         return new Response(status: true);
     }