From 259cb019310ba94c60f00a098bffcda3071649a9 Mon Sep 17 00:00:00 2001
From: Nathaniel Hammond <nathaniel@pixelandtonic.com>
Date: Fri, 9 Oct 2026 22:22:06 +0100
Subject: [PATCH] fix customize sources modal

---
 resources/js/cms-elements.d.ts                |  2 ++
 .../js/pages/inventory/transfers/Index.vue    | 23 +++++++++---------
 resources/js/pages/products/Index.vue         | 24 ++++++++++---------
 3 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/resources/js/cms-elements.d.ts b/resources/js/cms-elements.d.ts
index 7a978d0bbf..8f548b9e76 100644
--- a/resources/js/cms-elements.d.ts
+++ b/resources/js/cms-elements.d.ts
@@ -86,6 +86,8 @@ declare module '@craftcms/cms/elements' {
     elementType?: string | null;
     page?: string | null;
     sourceKey?: string | null;
+    route?: ElementIndexRoute | null;
+    sourceHref?: string | null;
   }
 
   export function useCustomizeSources(
diff --git a/resources/js/pages/inventory/transfers/Index.vue b/resources/js/pages/inventory/transfers/Index.vue
index d0bc696ed1..16700b1e9c 100644
--- a/resources/js/pages/inventory/transfers/Index.vue
+++ b/resources/js/pages/inventory/transfers/Index.vue
@@ -19,17 +19,6 @@
     source?: {key?: string | null} | null;
   }>();
 
-  const subnavActions = useCustomizeSources(() => ({
-    elementType: props.elementType,
-    page: props.page,
-    sourceKey: props.source?.key,
-  }));
-
-  useAppLayout(() => ({
-    subnav: props.sourceNavItems ?? [],
-    subnavActions: subnavActions.value,
-  }));
-
   // `indexUrl` carries the `site` param `Url::cpUrl()` adds, which the index
   // query is merged over.
   const route: ElementIndexRoute = {
@@ -42,6 +31,18 @@
       });
     },
   };
+
+  const subnavActions = useCustomizeSources(() => ({
+    elementType: props.elementType,
+    page: props.page,
+    sourceKey: props.source?.key,
+    route,
+  }));
+
+  useAppLayout(() => ({
+    subnav: props.sourceNavItems ?? [],
+    subnavActions: subnavActions.value,
+  }));
 </script>
 
 <template>
diff --git a/resources/js/pages/products/Index.vue b/resources/js/pages/products/Index.vue
index 1ce33a7d9f..ee5460d47b 100644
--- a/resources/js/pages/products/Index.vue
+++ b/resources/js/pages/products/Index.vue
@@ -23,17 +23,6 @@
     source?: {key?: string | null} | null;
   }>();
 
-  const subnavActions = useCustomizeSources(() => ({
-    elementType: props.elementType,
-    page: props.page,
-    sourceKey: props.source?.key,
-  }));
-
-  useAppLayout(() => ({
-    subnav: props.sourceNavItems ?? [],
-    subnavActions: subnavActions.value,
-  }));
-
   // `indexUrl` carries the `site` param `Url::cpUrl()` adds, which the index
   // query is merged over.
   function indexUrlWith(path: string, query = {}): string {
@@ -57,6 +46,19 @@
   // source isn't overridden by the one in the URL. The switch adds `site`
   // itself.
   const sourceHref = props.indexUrl.split('?')[0];
+
+  const subnavActions = useCustomizeSources(() => ({
+    elementType: props.elementType,
+    page: props.page,
+    sourceKey: props.source?.key,
+    route,
+    sourceHref,
+  }));
+
+  useAppLayout(() => ({
+    subnav: props.sourceNavItems ?? [],
+    subnavActions: subnavActions.value,
+  }));
 </script>
 
 <template>