From feface11c1e64e09b4436be43d91df56e2751f60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 17 Jan 2026 23:27:50 +0100
Subject: [PATCH 01/17] pl-fe: fix missing aspect ratio case when height and
 width is provided
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/media-gallery.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/pl-fe/src/components/media-gallery.tsx b/packages/pl-fe/src/components/media-gallery.tsx
index ce00867ca..d4d6c4bee 100644
--- a/packages/pl-fe/src/components/media-gallery.tsx
+++ b/packages/pl-fe/src/components/media-gallery.tsx
@@ -40,8 +40,15 @@ interface SizeData {
   itemsDimensions: Dimensions[];
 }
 
-const getAspectRatio = (attachment: MediaAttachment) =>
-  (attachment.type === 'gifv' || attachment.type === 'image' || attachment.type === 'video') && attachment.meta.original?.aspect || null;
+const getAspectRatio = (attachment: MediaAttachment) => {
+  if ((attachment.type === 'gifv' || attachment.type === 'image' || attachment.type === 'video') && attachment.meta.original) {
+    if (attachment.meta.original.aspect) {
+      return attachment.meta.original.aspect;
+    }
+    return attachment.meta.original.width / attachment.meta.original.height;
+  }
+  return null;
+};
 
 const withinLimits = (aspectRatio: number) =>
   aspectRatio >= minimumAspectRatio && aspectRatio <= maximumAspectRatio;

From 5d5210f7e0ad21f554e5c7b36a35212a870b0cfe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <me@mkljczk.pl>
Date: Tue, 13 Jan 2026 10:44:28 +0100
Subject: [PATCH 02/17] Translated using Weblate (Polish)

Currently translated at 91.7% (1727 of 1882 strings)

Translation: pl-fe/pl-fe
Translate-URL: https://hosted.weblate.org/projects/pl-fe/pl-fe/pl/
---
 packages/pl-fe/src/locales/pl.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/locales/pl.json b/packages/pl-fe/src/locales/pl.json
index 35f8c30ad..96b857612 100644
--- a/packages/pl-fe/src/locales/pl.json
+++ b/packages/pl-fe/src/locales/pl.json
@@ -1717,7 +1717,7 @@
   "status.sensitive_warning": "Wrażliwa zawartość",
   "status.sensitive_warning.subtitle": "Ta treść może nie być odpowiednia dla niektórych odbiorców.",
   "status.share": "Udostępnij",
-  "status.show_filter_reason": "Pokaż mimo wszystko",
+  "status.show_filter_reason": "Pokaż mimo tego",
   "status.show_less_all": "Zwiń wszystkie",
   "status.show_more_all": "Rozwiń wszystkie",
   "status.show_original": "Pokaż oryginalny wpis",

From e676f87cd5b815db2295693303763ae225d702ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 18 Jan 2026 19:39:06 +0100
Subject: [PATCH 03/17] pl-fe: maybe fix editing profile idk
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/pages/settings/edit-profile.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/pages/settings/edit-profile.tsx b/packages/pl-fe/src/pages/settings/edit-profile.tsx
index b28e879a8..f106c31d7 100644
--- a/packages/pl-fe/src/pages/settings/edit-profile.tsx
+++ b/packages/pl-fe/src/pages/settings/edit-profile.tsx
@@ -250,7 +250,7 @@ const EditProfilePage: React.FC = () => {
 
     if (fields_attributes?.length === 0) params.fields_attributes = { '0': { name: '', value: '' } };
     else if (fields_attributes) params.fields_attributes = Object.fromEntries(
-      fields_attributes.map((field, i) => [i.toString(), field]),
+      fields_attributes.map(({ name, value }, i) => [i.toString(), { name, value }]),
     );
     if (header.file !== undefined) params.header = header.file || '';
     if (avatar.file !== undefined) params.avatar = avatar.file || '';

From 706a7dc06faa6cd4d9c87b1bea156a5380bcead2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 18 Jan 2026 20:40:53 +0100
Subject: [PATCH 04/17] pl-api: workaround for an iceshrimp.net bug
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/lib/client.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pl-api/lib/client.ts b/packages/pl-api/lib/client.ts
index 0055257c5..4f4982490 100644
--- a/packages/pl-api/lib/client.ts
+++ b/packages/pl-api/lib/client.ts
@@ -1371,7 +1371,7 @@ class PlApiClient {
 
       const response = await this.request('/api/v1/accounts/update_credentials', {
         method: 'PATCH',
-        contentType: (this.features.version.software === GOTOSOCIAL || params.avatar || params.header) ? '' : undefined,
+        contentType: '',
         body: params,
       });
 

From 9e25fed130a24fd34b79107f62e714b414872656 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Mon, 19 Jan 2026 04:47:37 +0100
Subject: [PATCH 05/17] pl-api: mitra fixes and updates
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/lib/client.ts                 |  2 +-
 packages/pl-api/lib/entities/instance.ts      | 11 ++++++++++
 .../lib/entities/subscription-invoice.ts      |  6 ++---
 .../lib/entities/subscription-option.ts       | 22 ++++++++++---------
 4 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/packages/pl-api/lib/client.ts b/packages/pl-api/lib/client.ts
index 4f4982490..23be2b895 100644
--- a/packages/pl-api/lib/client.ts
+++ b/packages/pl-api/lib/client.ts
@@ -5849,7 +5849,7 @@ class PlApiClient {
      * @param recipientId - Recipient ID.
      */
     findSubscription: async(senderId: string, recipientId: string) => {
-      const response = await this.request('/api/v1/subscriptions/find', { method: 'POST', body: { sender_id: senderId, recipient_id: recipientId } });
+      const response = await this.request('/api/v1/subscriptions/find', { params: { sender_id: senderId, recipient_id: recipientId } });
 
       return v.parse(subscriptionDetailsSchema, response.json);
     },
diff --git a/packages/pl-api/lib/entities/instance.ts b/packages/pl-api/lib/entities/instance.ts
index 4945ba9c0..cf03caf22 100644
--- a/packages/pl-api/lib/entities/instance.ts
+++ b/packages/pl-api/lib/entities/instance.ts
@@ -423,6 +423,17 @@ const instanceSchema = v.pipe(
     title: v.fallback(v.string(), ''),
     usage: usageSchema,
     version: v.pipe(v.fallback(v.string(), '0.0.0'), v.transform(fixVersion)),
+    blockchains: v.fallback(v.optional(filteredArray(v.object({
+      chain_id: v.fallback(v.nullable(v.string()), null),
+      chain_metadata: coerceObject({
+        is_forwarding_required: v.fallback(v.boolean(), false),
+        description: v.fallback(v.string(), ''),
+        payment_amount_min: v.number(),
+      }),
+      features: coerceObject({
+        subscriptions: v.fallback(v.boolean(), false),
+      }),
+    }))), undefined),
   }),
 );
 
diff --git a/packages/pl-api/lib/entities/subscription-invoice.ts b/packages/pl-api/lib/entities/subscription-invoice.ts
index 6646de27e..47aa4e283 100644
--- a/packages/pl-api/lib/entities/subscription-invoice.ts
+++ b/packages/pl-api/lib/entities/subscription-invoice.ts
@@ -7,7 +7,7 @@ import { datetimeSchema } from './utils';
  */
 const subscriptionInvoiceSchema = v.object({
   /** Invoice ID. */
-  invoice_id: v.string(),
+  id: v.string(),
   /** The ID of the sender. */
   sender_id: v.string(),
   /** The ID of the recipient. */
@@ -21,9 +21,9 @@ const subscriptionInvoiceSchema = v.object({
   /** Invoice status. */
   status: v.picklist(['open', 'paid', 'forwarded', 'timeout', 'cancelled', 'underpaid', 'completed', 'failed']),
   /** The date when invoice was created. */
-  created_at: v.fallback(datetimeSchema, new Date().toISOString()),
+  created_at: datetimeSchema,
   /** The date when invoice times out. */
-  invoice_expires_at: v.fallback(datetimeSchema, new Date().toISOString()),
+  invoice_expires_at: datetimeSchema,
 });
 
 /**
diff --git a/packages/pl-api/lib/entities/subscription-option.ts b/packages/pl-api/lib/entities/subscription-option.ts
index 156a994fc..9b1ba02a4 100644
--- a/packages/pl-api/lib/entities/subscription-option.ts
+++ b/packages/pl-api/lib/entities/subscription-option.ts
@@ -3,16 +3,18 @@ import * as v from 'valibot';
 /**
  * @category Schemas
  */
-const subscriptionOptionSchema = v.object({
-  /** Subscription type */
-  type: v.picklist(['monero']),
-  /** CAIP-2 chain ID. */
-  chain_id: v.fallback(v.string(), ''),
-  /** Subscription price (only for Monero) */
-  price: v.fallback(v.nullable(v.number()), null),
-  /** Payout address (only for Monero) */
-  payout_address: v.fallback(v.string(), ''),
-});
+const subscriptionOptionSchema = v.variant('type', [
+  v.object({
+    /** Subscription type */
+    type: v.literal('monero'),
+    /** CAIP-2 chain ID. */
+    chain_id: v.string(),
+    /** Subscription price */
+    price: v.nullable(v.number()),
+    /** Payout address */
+    payout_address: v.string(),
+  }),
+]);
 
 /**
  * @category Entity types

From c2942200cee959a17650f4471e0ba99ab4ff99c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Mon, 19 Jan 2026 13:12:33 +0100
Subject: [PATCH 06/17] pl-api: mitra updates
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/lib/entities/account.ts | 40 ++++++++++++++++---------
 1 file changed, 26 insertions(+), 14 deletions(-)

diff --git a/packages/pl-api/lib/entities/account.ts b/packages/pl-api/lib/entities/account.ts
index 3be5bc522..28c2e58e2 100644
--- a/packages/pl-api/lib/entities/account.ts
+++ b/packages/pl-api/lib/entities/account.ts
@@ -14,6 +14,31 @@ const filterBadges = (tags?: string[]) =>
 
 const MKLJCZK_ACCOUNTS = ['https://pl.fediverse.pl/users/mkljczk', 'https://gts.mkljczk.pl/users/mkljczk', 'https://gts.mkljczk.pl/@mkljczk'];
 
+const paymentOptionSchema = v.variant('type', [
+  v.object({
+    /** Payment type */
+    type: v.literal('link'),
+    /** Link name (only for link type) */
+    name: v.fallback(v.nullable(v.string()), null),
+    /** Link URL (only for link type) */
+    href: v.fallback(v.nullable(v.string()), null),
+    /** Unique identifier of a proposal object */
+    object_id: v.fallback(v.nullable(v.string()), null),
+  }),
+  v.object({
+    /** Payment type */
+    type: v.literal('monero-subscription'),
+    /** CAIP-2 chain ID (only for monero-subscription type) */
+    chain_id: v.fallback(v.nullable(v.string()), null),
+    /** Subscription price (only for monero-subscription type) */
+    price: v.fallback(v.nullable(v.number()), null),
+    /** Minimum payment amount (only for monero-subscription type) */
+    amount_min: v.fallback(v.nullable(v.number()), null),
+    /** Unique identifier of a proposal object */
+    object_id: v.fallback(v.nullable(v.string()), null),
+  }),
+]);
+
 const preprocessAccount = v.transform((account: any) => {
   if (!account?.acct) return null;
 
@@ -166,20 +191,7 @@ const baseAccountSchema = v.object({
     verified_at: v.fallback(datetimeSchema, new Date().toISOString()),
   })),
   /** Payment options */
-  payment_options: filteredArray(v.object({
-    /** Payment type */
-    type: v.picklist(['link', 'monero-subscription']),
-    /** Link name (only for link type) */
-    name: v.fallback(v.nullable(v.string()), null),
-    /** Link URL (only for link type) */
-    href: v.fallback(v.nullable(v.string()), null),
-    /** CAIP-2 chain ID (only for monero-subscription type) */
-    chain_id: v.fallback(v.nullable(v.string()), null),
-    /** Subscription price (only for monero-subscription type) */
-    price: v.fallback(v.nullable(v.string()), null),
-    /** Unique identifier of a proposal object */
-    object_id: v.fallback(v.nullable(v.string()), null),
-  })),
+  payment_options: filteredArray(paymentOptionSchema),
 
   /** Whether the user is a cat */
   is_cat: v.fallback(v.boolean(), false),

From dc8c4a28e6d9edbbf40ad752bc13a7b323fce891 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Mon, 19 Jan 2026 13:12:49 +0100
Subject: [PATCH 07/17] pl-fe: remove unused defined messages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/layouts/profile-layout.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/pl-fe/src/layouts/profile-layout.tsx b/packages/pl-fe/src/layouts/profile-layout.tsx
index 1694b1d2b..d8b71172c 100644
--- a/packages/pl-fe/src/layouts/profile-layout.tsx
+++ b/packages/pl-fe/src/layouts/profile-layout.tsx
@@ -92,6 +92,8 @@ const ProfileLayout: React.FC = () => {
 
   const showTabs = !['/following', '/followers', '/pins'].some(path => pathname.endsWith(path));
 
+  console.log(account);
+
   return (
     <>
       {account?.local === false && (

From 2b01d21416b17caf3eadbb4f507a75a4959d8175 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Mon, 19 Jan 2026 13:37:46 +0100
Subject: [PATCH 08/17] pl-fe: use consistent wording
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../pl-fe/src/components/statuses/sensitive-content-overlay.tsx | 2 +-
 packages/pl-fe/src/components/ui/button/useButtonStyles.ts      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx b/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
index e566d42b6..898a7cd40 100644
--- a/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
+++ b/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
@@ -105,7 +105,7 @@ const SensitiveContentOverlay = React.forwardRef<HTMLDivElement, ISensitiveConte
             <HStack alignItems='center' justifyContent='center' space={2}>
               <Button
                 type='button'
-                theme='outline'
+                theme='outlined'
                 size='sm'
                 icon={require('@phosphor-icons/core/regular/eye.svg')}
                 onClick={toggleVisibility}
diff --git a/packages/pl-fe/src/components/ui/button/useButtonStyles.ts b/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
index 6bb8db55f..21f4536ea 100644
--- a/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
+++ b/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
@@ -10,7 +10,7 @@ const themes = {
   accent: 'border-transparent bg-secondary-500 hover:bg-secondary-400 focus:bg-secondary-500 text-gray-100 focus:ring-secondary-300',
   danger: 'border-transparent bg-danger-100 dark:bg-danger-900 text-danger-600 dark:text-danger-200 hover:bg-danger-600 hover:text-gray-100 dark:hover:text-gray-100 dark:hover:bg-danger-500 focus:ring-danger-500',
   transparent: 'border-transparent bg-transparent text-primary-600 dark:text-primary-400 dark:bg-transparent hover:bg-gray-200 dark:hover:bg-gray-800/50',
-  outline: 'border-gray-100 border-2 bg-transparent text-gray-100 hover:bg-white/10',
+  outlined: 'border-gray-100 border-2 bg-transparent text-gray-100 hover:bg-white/10',
   muted: 'border border-solid bg-transparent border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-800 dark:text-gray-100 focus:ring-primary-500',
 };
 

From a3e0cb3cd18d9e93cdf89f210ec97b17a7f47e3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 21 Jan 2026 16:35:39 +0100
Subject: [PATCH 09/17] pl-fe: improve contrast
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/styles/components/columns.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/styles/components/columns.scss b/packages/pl-fe/src/styles/components/columns.scss
index 92a987133..4cd5c2d1e 100644
--- a/packages/pl-fe/src/styles/components/columns.scss
+++ b/packages/pl-fe/src/styles/components/columns.scss
@@ -1,5 +1,5 @@
 .empty-column-indicator {
-  @apply bg-primary-50 dark:bg-gray-700 text-gray-900 dark:text-gray-300 text-center p-10 flex flex-1 items-center justify-center min-h-[160px] rounded-lg;
+  @apply bg-primary-50 dark:bg-gray-700 text-gray-900 dark:text-gray-100 text-center p-10 flex flex-1 items-center justify-center min-h-[160px] rounded-lg;
 
   & > span {
     @apply max-w-[400px];

From f9ef3758f44fbd13623d22aa4865f1c5bed2f3e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 22 Jan 2026 11:53:11 +0100
Subject: [PATCH 10/17] pl-api: fix kmyblue stuff
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/lib/client.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/pl-api/lib/client.ts b/packages/pl-api/lib/client.ts
index 23be2b895..ebbe1a8f4 100644
--- a/packages/pl-api/lib/client.ts
+++ b/packages/pl-api/lib/client.ts
@@ -750,7 +750,7 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     getAccountExcludeAntennas: async (accountId: string) => {
-      const response = await this.request(`/api/v1/accounts/${accountId}/circles`);
+      const response = await this.request(`/api/v1/accounts/${accountId}/exclude_antennas`);
 
       return v.parse(filteredArray(circleSchema), response.json);
     },
@@ -761,7 +761,7 @@ class PlApiClient {
      * Requires features{@link Features.circles}.
      */
     getAccountCircles: async (accountId: string) => {
-      const response = await this.request(`/api/v1/accounts/${accountId}/exclude_antennas`);
+      const response = await this.request(`/api/v1/accounts/${accountId}/circles`);
 
       return v.parse(filteredArray(antennaSchema), response.json);
     },

From 885764ce7a9b62cde9400a6f7f71b21cd7e4a02f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 22 Jan 2026 13:44:15 +0100
Subject: [PATCH 11/17] pl-api: improve kmyblue antennas stuff
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/lib/client.ts | 70 ++++++++++++++++-------------------
 1 file changed, 32 insertions(+), 38 deletions(-)

diff --git a/packages/pl-api/lib/client.ts b/packages/pl-api/lib/client.ts
index ebbe1a8f4..840128c3a 100644
--- a/packages/pl-api/lib/client.ts
+++ b/packages/pl-api/lib/client.ts
@@ -5445,19 +5445,16 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    getAntennaAccounts: async (antennaId: string) => {
-      const response = await this.request(`/api/v1/antennas/${antennaId}/accounts`);
-
-      return v.parse(filteredArray(accountSchema), response.json);
-    },
+    getAntennaAccounts: async (antennaId: string) => 
+      this.#paginatedGet(`/api/v1/antennas/${antennaId}/accounts`, {}, accountSchema),
 
     /**
      * Requires features{@link Features.antennas}.
      */
-    addAntennaAccount: async (antennaId: string, accountId: string) => {
+    addAntennaAccounts: async (antennaId: string, accountIds: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/accounts`, {
         method: 'POST',
-        body: { account_ids: [accountId] },
+        body: { account_ids: accountIds },
       });
 
       return response.json;
@@ -5466,10 +5463,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    removeAntennaAccount: async (antennaId: string, accountId: string) => {
+    removeAntennaAccounts: async (antennaId: string, accountIds: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/accounts`, {
         method: 'DELETE',
-        body: { account_ids: [accountId] },
+        body: { account_ids: accountIds },
       });
 
       return response.json;
@@ -5478,19 +5475,16 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    getAntennaExcludeAccounts: async (antennaId: string) => {
-      const response = await this.request(`/api/v1/antennas/${antennaId}/exclude_accounts`);
-
-      return v.parse(filteredArray(accountSchema), response.json);
-    },
+    getAntennaExcludeAccounts: async (antennaId: string) => 
+      this.#paginatedGet(`/api/v1/antennas/${antennaId}/exclude_accounts`, {}, accountSchema),
 
     /**
      * Requires features{@link Features.antennas}.
      */
-    addAntennaExcludeAccount: async (antennaId: string, accountId: string) => {
+    addAntennaExcludeAccounts: async (antennaId: string, accountIds: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_accounts`, {
         method: 'POST',
-        body: { account_ids: [accountId] },
+        body: { account_ids: accountIds },
       });
 
       return response.json;
@@ -5499,10 +5493,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    removeAntennaExcludeAccount: async (antennaId: string, accountId: string) => {
+    removeAntennaExcludeAccounts: async (antennaId: string, accountIds: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_accounts`, {
         method: 'DELETE',
-        body: { account_ids: [accountId] },
+        body: { account_ids: accountIds },
       });
 
       return response.json;
@@ -5523,10 +5517,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    addAntennaDomain: async (antennaId: string, domain: string) => {
+    addAntennaDomains: async (antennaId: string, domains: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/domains`, {
         method: 'POST',
-        body: { domains: [domain] },
+        body: { domains },
       });
 
       return response.json;
@@ -5535,10 +5529,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    removeAntennaDomain: async (antennaId: string, domain: string) => {
+    removeAntennaDomains: async (antennaId: string, domains: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/domains`, {
         method: 'DELETE',
-        body: { domains: [domain] },
+        body: { domains },
       });
 
       return response.json;
@@ -5547,10 +5541,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    addAntennaExcludeDomain: async (antennaId: string, domain: string) => {
+    addAntennaExcludedDomains: async (antennaId: string, domains: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_domains`, {
         method: 'POST',
-        body: { domains: [domain] },
+        body: { domains },
       });
 
       return response.json;
@@ -5559,10 +5553,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    removeAntennaExcludeDomain: async (antennaId: string, domain: string) => {
+    removeAntennaExcludedDomains: async (antennaId: string, domains: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_domains`, {
         method: 'DELETE',
-        body: { domains: [domain] },
+        body: { domains },
       });
 
       return response.json;
@@ -5583,10 +5577,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    addAntennaKeyword: async (antennaId: string, keyword: string) => {
+    addAntennaKeywords: async (antennaId: string, keywords: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/keywords`, {
         method: 'POST',
-        body: { keywords: [keyword] },
+        body: { keywords },
       });
 
       return response.json;
@@ -5595,10 +5589,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    removeAntennaKeyword: async (antennaId: string, keyword: string) => {
+    removeAntennaKeywords: async (antennaId: string, keywords: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/keywords`, {
         method: 'DELETE',
-        body: { keywords: [keyword] },
+        body: { keywords },
       });
 
       return response.json;
@@ -5607,10 +5601,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    addAntennaExcludeKeyword: async (antennaId: string, keyword: string) => {
+    addAntennaExcludedKeywords: async (antennaId: string, keywords: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_keywords`, {
         method: 'POST',
-        body: { keywords: [keyword] },
+        body: { keywords },
       });
 
       return response.json;
@@ -5619,10 +5613,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    removeAntennaExcludeKeyword: async (antennaId: string, keyword: string) => {
+    removeAntennaExcludedKeywords: async (antennaId: string, keywords: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_keywords`, {
         method: 'DELETE',
-        body: { keywords: [keyword] },
+        body: { keywords },
       });
 
       return response.json;
@@ -5667,10 +5661,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    addAntennaExcludeTag: async (antennaId: string, tag: string) => {
+    addAntennaExcludedTags: async (antennaId: string, tags: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_tags`, {
         method: 'POST',
-        body: { tags: [tag] },
+        body: { tags },
       });
 
       return response.json;
@@ -5679,10 +5673,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    removeAntennaExcludeTag: async (antennaId: string, tag: string) => {
+    removeAntennaExcludedTags: async (antennaId: string, tags: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_tags`, {
         method: 'DELETE',
-        body: { tags: [tag] },
+        body: { tags },
       });
 
       return response.json;

From 83894e6b036acfb8c3623e45a7293e313d20bbdd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 22 Jan 2026 19:30:51 +0100
Subject: [PATCH 12/17] pl-api: kmyblue antennas work
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/lib/client.ts                 |   8 +-
 packages/pl-api/lib/params/index.ts           |   1 +
 .../src/queries/accounts/use-antennas.ts      | 134 ++++++++++++++++++
 3 files changed, 139 insertions(+), 4 deletions(-)
 create mode 100644 packages/pl-fe/src/queries/accounts/use-antennas.ts

diff --git a/packages/pl-api/lib/client.ts b/packages/pl-api/lib/client.ts
index 840128c3a..19034c763 100644
--- a/packages/pl-api/lib/client.ts
+++ b/packages/pl-api/lib/client.ts
@@ -5445,7 +5445,7 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    getAntennaAccounts: async (antennaId: string) => 
+    getAntennaAccounts: async (antennaId: string) =>
       this.#paginatedGet(`/api/v1/antennas/${antennaId}/accounts`, {}, accountSchema),
 
     /**
@@ -5475,13 +5475,13 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    getAntennaExcludeAccounts: async (antennaId: string) => 
+    getAntennaExcludedAccounts: async (antennaId: string) =>
       this.#paginatedGet(`/api/v1/antennas/${antennaId}/exclude_accounts`, {}, accountSchema),
 
     /**
      * Requires features{@link Features.antennas}.
      */
-    addAntennaExcludeAccounts: async (antennaId: string, accountIds: Array<string>) => {
+    addAntennaExcludedAccounts: async (antennaId: string, accountIds: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_accounts`, {
         method: 'POST',
         body: { account_ids: accountIds },
@@ -5493,7 +5493,7 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    removeAntennaExcludeAccounts: async (antennaId: string, accountIds: Array<string>) => {
+    removeAntennaExcludedAccounts: async (antennaId: string, accountIds: Array<string>) => {
       const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_accounts`, {
         method: 'DELETE',
         body: { account_ids: accountIds },
diff --git a/packages/pl-api/lib/params/index.ts b/packages/pl-api/lib/params/index.ts
index 8ed232252..8516faf41 100644
--- a/packages/pl-api/lib/params/index.ts
+++ b/packages/pl-api/lib/params/index.ts
@@ -1,5 +1,6 @@
 export * from './accounts';
 export * from './admin';
+export * from './antennas';
 export * from './apps';
 export * from './chats';
 export * from './circles';
diff --git a/packages/pl-fe/src/queries/accounts/use-antennas.ts b/packages/pl-fe/src/queries/accounts/use-antennas.ts
new file mode 100644
index 000000000..638876a48
--- /dev/null
+++ b/packages/pl-fe/src/queries/accounts/use-antennas.ts
@@ -0,0 +1,134 @@
+import { type InfiniteData, useMutation, useQuery } from '@tanstack/react-query';
+
+import { useClient } from 'pl-fe/hooks/use-client';
+import { useFeatures } from 'pl-fe/hooks/use-features';
+
+import { queryClient } from '../client';
+import { filterById } from '../utils/filter-id';
+import { makePaginatedResponseQuery } from '../utils/make-paginated-response-query';
+import { minifyAccountList } from '../utils/minify-list';
+
+import type { Antenna, PaginatedResponse, CreateAntennaParams, UpdateAntennaParams } from 'pl-api';
+
+const useAntennas = <T>(
+  select?: ((data: Array<Antenna>) => T),
+) => {
+  const client = useClient();
+  const features = useFeatures();
+
+  return useQuery({
+    queryKey: ['antennas'],
+    queryFn: () => client.antennas.fetchAntennas(),
+    enabled: features.antennas,
+    select,
+  });
+};
+
+const useAntenna = (antennaId?: string) => useAntennas((data) => antennaId ? data.find(antenna => antenna.id === antennaId) : undefined);
+
+const useCreateAntenna = () => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', 'create'],
+    mutationFn: (params: CreateAntennaParams) => client.antennas.createAntenna(params),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: ['antennas'] }),
+  });
+};
+
+const useDeleteAntenna = () => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', 'delete'],
+    mutationFn: (antennaId: string) => client.antennas.deleteAntenna(antennaId),
+    onSuccess: (_, deletedAntennaId) => {
+      queryClient.setQueryData<Array<Antenna>>(
+        ['antennas'],
+        (prevData) => prevData?.filter(({ id }) => id !== deletedAntennaId),
+      );
+    },
+  });
+};
+
+const useUpdateAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', 'update', antennaId],
+    mutationFn: (params: UpdateAntennaParams) => client.antennas.updateAntenna(antennaId, params),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: ['antennas'] }),
+  });
+};
+
+const useAntennaAccounts = makePaginatedResponseQuery(
+  (antennaId: string) => ['accountsLists', 'antennas', antennaId],
+  (client, [antennaId]) => client.antennas.getAntennaAccounts(antennaId).then(minifyAccountList),
+);
+
+const useAddAccountsToAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['accountsLists', 'antennas', antennaId, 'add'],
+    mutationFn: (accountIds: Array<string>) => client.antennas.addAntennaAccounts(antennaId, accountIds),
+    onSettled: (_, __, accountIds) => {
+      queryClient.invalidateQueries({ queryKey: ['accountsLists', 'antennas', antennaId] });
+    },
+  });
+};
+
+const useRemoveAccountsFromAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['accountsLists', 'antennas', antennaId, 'remove'],
+    mutationFn: (accountIds: Array<string>) => client.antennas.removeAntennaAccounts(antennaId, accountIds),
+    onSettled: (_, __, accountIds) => {
+      queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(['accountsLists', 'antennas', antennaId], filterById(accountIds));
+    },
+  });
+};
+
+const useAntennaExcludedAccounts = makePaginatedResponseQuery(
+  (antennaId: string) => ['accountsLists', 'antennas', antennaId, 'excluded'],
+  (client, [antennaId]) => client.antennas.getAntennaExcludedAccounts(antennaId).then(minifyAccountList),
+);
+
+const useAddExcludedAccountsToAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['accountsLists', 'antennas', antennaId, 'addExcluded'],
+    mutationFn: (accountIds: Array<string>) => client.antennas.addAntennaExcludedAccounts(antennaId, accountIds),
+    onSettled: (_, __, accountIds) => {
+      queryClient.invalidateQueries({ queryKey: ['accountsLists', 'antennas', antennaId] });
+    },
+  });
+};
+
+const useRemoveExcludedAccountsFromAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['accountsLists', 'antennas', antennaId, 'removeExcluded'],
+    mutationFn: (accountIds: Array<string>) => client.antennas.removeAntennaExcludedAccounts(antennaId, accountIds),
+    onSettled: (_, __, accountIds) => {
+      queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(['accountsLists', 'antennas', antennaId], filterById(accountIds));
+    },
+  });
+};
+
+export {
+  useAntennas,
+  useAntenna,
+  useCreateAntenna,
+  useDeleteAntenna,
+  useUpdateAntenna,
+  useAntennaAccounts,
+  useAddAccountsToAntenna,
+  useRemoveAccountsFromAntenna,
+  useAntennaExcludedAccounts,
+  useAddExcludedAccountsToAntenna,
+  useRemoveExcludedAccountsFromAntenna,
+};

From 9b687e5480a55246117a7352746cedef0b17d4fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 22 Jan 2026 19:52:07 +0100
Subject: [PATCH 13/17] a hack for scroll to top when navigating to the same
 page

---
 packages/pl-fe/src/features/ui/router/index.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/pl-fe/src/features/ui/router/index.tsx b/packages/pl-fe/src/features/ui/router/index.tsx
index 35d6781ed..79a34e1c9 100644
--- a/packages/pl-fe/src/features/ui/router/index.tsx
+++ b/packages/pl-fe/src/features/ui/router/index.tsx
@@ -1436,6 +1436,13 @@ const router = createRouter({
   pathParamsAllowedCharacters: ['@'],
 });
 
+router.subscribe('onBeforeNavigate', (event) => {
+  if (!event.fromLocation || event.hashChanged || event.hrefChanged || event.pathChanged) return;
+  if (event.fromLocation.state.modalIndex === event.toLocation.state.modalIndex) {
+    window.scrollTo(0, 0);
+  }
+});
+
 declare module '@tanstack/react-router' {
   interface Register {
     router: typeof router;

From 209cd57e0a70351f23953e7704e27f4cad11460e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 22 Jan 2026 23:09:12 +0100
Subject: [PATCH 14/17] pl-fe: edit event page styles fix
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/styles/new/events.scss | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/packages/pl-fe/src/styles/new/events.scss b/packages/pl-fe/src/styles/new/events.scss
index 6008154e6..11576031b 100644
--- a/packages/pl-fe/src/styles/new/events.scss
+++ b/packages/pl-fe/src/styles/new/events.scss
@@ -1,15 +1,19 @@
 @use 'mixins';
 
-.⁂-edit-event .⁂-content-type-button {
-  position: absolute;
-  top: 0.5rem;
-  right: 0.5rem;
-  z-index: 11!important;
-  @include mixins.button($theme: muted, $size: xs);
+.⁂-edit-event {
+  @apply space-y-4;
 
-  .⁂-icon svg {
-    width: 1rem;
-    height: 1rem;
+  .⁂-content-type-button {
+    position: absolute;
+    top: 0.5rem;
+    right: 0.5rem;
+    z-index: 11!important;
+    @include mixins.button($theme: muted, $size: xs);
+
+    .⁂-icon svg {
+      width: 1rem;
+      height: 1rem;
+    }
   }
 }
 

From d37c6025553cdf0212db37d5f289cec7d71bbde4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 22 Jan 2026 23:41:05 +0100
Subject: [PATCH 15/17] pl-fe: zoomable image fixes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/blurhash.tsx | 8 +++++---
 packages/pl-fe/src/styles/new/modals.scss  | 3 ++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/components/blurhash.tsx b/packages/pl-fe/src/components/blurhash.tsx
index 9ba2cc727..084e542a2 100644
--- a/packages/pl-fe/src/components/blurhash.tsx
+++ b/packages/pl-fe/src/components/blurhash.tsx
@@ -40,10 +40,12 @@ const Blurhash: React.FC<IBlurhash> = React.memo(({
     try {
       const pixels = decode(hash, width, height);
       const ctx = canvas.getContext('2d');
-      const imageData = new ImageData(new Uint8ClampedArray(pixels), width, height);
+      const imageData = ctx?.createImageData(width, height);
+      imageData?.data.set(pixels);
 
-      if (!ctx) return;
-      ctx.putImageData(imageData, 0, 0);
+      if (imageData) {
+        ctx?.putImageData(imageData, 0, 0);
+      }
     } catch (err) {
       console.error('Blurhash decoding failure', { err, hash });
     }
diff --git a/packages/pl-fe/src/styles/new/modals.scss b/packages/pl-fe/src/styles/new/modals.scss
index cc3ee14a8..af24db252 100644
--- a/packages/pl-fe/src/styles/new/modals.scss
+++ b/packages/pl-fe/src/styles/new/modals.scss
@@ -7,7 +7,8 @@
 }
 
 .⁂-zoomable-image {
-  @apply relative flex size-full items-center justify-center;
+  @apply relative flex size-full items-center justify-center overflow-hidden select-none;
+  scrollbar-width: none;
 
   &--zoomed-in {
     @apply cursor-grab z-[9999];

From eff1822855fc5c9f28312478112f297f73e7cbdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 22 Jan 2026 23:57:53 +0100
Subject: [PATCH 16/17] pl-fe: copy-paste more code from mastodon
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/styles/new/modals.scss | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/packages/pl-fe/src/styles/new/modals.scss b/packages/pl-fe/src/styles/new/modals.scss
index af24db252..363a51b19 100644
--- a/packages/pl-fe/src/styles/new/modals.scss
+++ b/packages/pl-fe/src/styles/new/modals.scss
@@ -7,19 +7,27 @@
 }
 
 .⁂-zoomable-image {
-  @apply relative flex size-full items-center justify-center overflow-hidden select-none;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   scrollbar-width: none;
+  overflow: hidden;
+  user-select: none;
 
   &--zoomed-in {
-    @apply cursor-grab z-[9999];
+    z-index: 9999;
+    cursor: grab;
   }
 
   &--error img {
-    @apply hidden;
+    display: none;
   }
 
   &--dragging {
-    @apply cursor-grabbing;
+    cursor: grabbing;
   }
 
   &__preview {
@@ -31,6 +39,11 @@
   }
 
   img {
-    @apply size-auto max-h-[80%] max-w-full object-contain shadow-2xl;
+    @apply shadow-2xl;
+    max-height: 80%;
+    width: auto;
+    height: auto;
+    touch-action: none;
+    user-select: none;
   }
 }
\ No newline at end of file

From 86d21b1ea1ee579f7f9b60a0b996c3b175fe5b97 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Fri, 23 Jan 2026 00:17:15 +0100
Subject: [PATCH 17/17] pl-fe: am i even fixing this
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/modals/media-modal.tsx | 4 ++--
 packages/pl-fe/src/styles/new/layout.scss | 9 ++++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/pl-fe/src/modals/media-modal.tsx b/packages/pl-fe/src/modals/media-modal.tsx
index 87e62a6de..8c71b1ff5 100644
--- a/packages/pl-fe/src/modals/media-modal.tsx
+++ b/packages/pl-fe/src/modals/media-modal.tsx
@@ -289,9 +289,10 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
         role='presentation'
       >
         <Stack
+          {...bind()}
           onClick={handleClickOutside}
           className={
-            clsx('⁂-media-modal__content fixed inset-0 h-full grow transition-all', {
+            clsx('⁂-media-modal__content fixed inset-0 h-full grow touch-pan-y transition-all', {
               'xl:pr-96': !isFullScreen,
               'xl:pr-0': isFullScreen,
             })
@@ -349,7 +350,6 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
 
           {/* Height based on height of top/bottom bars */}
           <div
-            {...bind()}
             className='relative h-[calc(100vh-120px)] w-full grow'
           >
             {hasMultipleImages && (
diff --git a/packages/pl-fe/src/styles/new/layout.scss b/packages/pl-fe/src/styles/new/layout.scss
index 383eb21eb..37180d50b 100644
--- a/packages/pl-fe/src/styles/new/layout.scss
+++ b/packages/pl-fe/src/styles/new/layout.scss
@@ -7,6 +7,13 @@ html {
   --font-mono: 'Roboto Mono', ui-monospace, monospace;
 }
 
+html:has(body.with-modals),
+body.with-modals {
+  touch-action: none;
+  overscroll-behavior: none;
+  scrollbar-gutter: stable;
+}
+
 body {
   @apply bg-white text-base antialiased black:bg-black dark:bg-gray-800;
   height: 100%;
@@ -21,7 +28,7 @@ body {
   }
 
   &.with-modals {
-    @apply overflow-hidden;
+    overflow: hidden;
   }
 }