@spree/seller-dashboard 1.0.0-beta.8 → 1.0.0-rc.2

package/dist/vite-plugin/index.js

@@ -1,8 +1,8 @@
-import { createRequire } from "node:module";
 import path from "node:path";
 import {
   spreeDashboardPlugin as spreeDashboardCorePlugin
 } from "@spree/dashboard-core/vite";
+import { resolveShellRoutesDir } from "@spree/dashboard-core/vite/discover";
 import { TanStackRouterVite } from "@tanstack/router-plugin/vite";
 import { index, layout, physical, rootRoute, route } from "@tanstack/virtual-file-routes";
 function spreeSellerDashboardPlugin(options = {}) {
@@ -21,9 +21,7 @@ function spreeSellerDashboardPlugin(options = {}) {
   ];
 }
 function sellerRouterPlugin(hostRoot, options) {
-  const fromHost = createRequire(path.join(hostRoot, "package.json"));
-  const shellEntry = fromHost.resolve("@spree/seller-dashboard");
-  const shellRoutesDir = path.join(path.dirname(shellEntry), "routes");
+  const shellRoutesDir = resolveShellRoutesDir(hostRoot, "@spree/seller-dashboard");
   const virtualRouteConfig = rootRoute("__root.tsx", [
     route("/login", "login.tsx"),
     route("/forgot-password", "forgot-password.tsx"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spree/seller-dashboard",
-  "version": "1.0.0-beta.8",
+  "version": "1.0.0-rc.2",
   "license": "MIT",
   "type": "module",
   "description": "Spree marketplace seller panel — the seller-facing counterpart to the admin dashboard.",
@@ -49,16 +49,16 @@
     "react-hook-form": "^7.65.0",
     "react-i18next": "^17.0.8",
     "zod": "^4.4.3",
-    "@spree/dashboard-core": "1.0.0-beta.8",
-    "@spree/dashboard-ui": "1.0.0-beta.8",
-    "@spree/seller-sdk": "1.0.0-beta.3"
+    "@spree/dashboard-core": "1.0.0-rc.2",
+    "@spree/dashboard-ui": "1.0.0-rc.2",
+    "@spree/seller-sdk": "1.0.0-rc.1"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.13",
+    "@biomejs/biome": "^2.4.14",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.1",

package/src/components/orders/post-sale-cards.tsx

@@ -109,7 +109,20 @@ export function ExchangesCard({ order }: { order: Order }) {
                       )}
                       {exchange.status === 'received' && (
                         <DropdownMenuItem
-                          onClick={() => fulfill.mutate({ exchangeId: exchange.id })}
+                          onClick={async () => {
+                            // A dearer replacement leaves the customer owing the
+                            // difference, which fulfilling puts on the order.
+                            if (
+                              Number(exchange.price_difference) > 0 &&
+                              !(await confirm({
+                                message: t('orders.post_sale.exchanges.balance_due_confirm'),
+                                confirmLabel: t('orders.post_sale.exchanges.fulfill'),
+                              }))
+                            ) {
+                              return
+                            }
+                            fulfill.mutate({ exchangeId: exchange.id })
+                          }}
                         >
                           {t('orders.post_sale.exchanges.fulfill')}
                         </DropdownMenuItem>

package/src/components/orders/post-sale-create-dialogs.tsx

@@ -137,7 +137,8 @@ export function CreateClaimDialog({
         id: item.id,
         label: unitLabel(item),
         quantity: item.quantity,
-        price: item.price,
+        discountedAmount: item.discounted_amount,
+        additionalTaxTotal: item.additional_tax_total,
       }))}
       currencySymbol={currencySymbol}
       reasonField={<ClaimReasonField value={reasonId} onChange={setReasonId} />}

package/src/components/orders/returns-card.tsx

@@ -14,6 +14,8 @@ import {
   DropdownMenuTrigger,
   ReturnReceiveDialog,
   ReturnRefundDialog,
+  returnOwesNothing,
+  returnRefundSummary,
   StatusBadge,
   useConfirm,
 } from '@spree/dashboard-ui'
@@ -114,7 +116,9 @@ export function ReturnsCard({ order }: { order: Order }) {
                         )}
                         {returnRecord.status === 'received' && (
                           <DropdownMenuItem onClick={() => setRefunding(returnRecord)}>
-                            {t('orders.post_sale.returns.refund')}
+                            {returnOwesNothing(returnRecord.refundable_total)
+                              ? t('admin.pages.orders.detail.returns.actions.complete')
+                              : t('orders.post_sale.returns.refund')}
                           </DropdownMenuItem>
                         )}
                         <DropdownMenuSeparator />
@@ -134,11 +138,7 @@ export function ReturnsCard({ order }: { order: Order }) {
                 {returnRecord.return_line_items?.map((line) => (
                   <ReturnLineRow key={line.id} line={line} />
                 ))}
-                <p className="text-muted-foreground text-sm">
-                  {t('orders.post_sale.returns.refund_total', {
-                    amount: returnRecord.display_refund_total,
-                  })}
-                </p>
+                <RefundSummary returnRecord={returnRecord} />
               </CardContent>
             </Card>
           ))
@@ -165,6 +165,22 @@ export function ReturnsCard({ order }: { order: Order }) {
   )
 }
 
+function RefundSummary({ returnRecord }: { returnRecord: Return }) {
+  const { t } = useTranslation()
+  const summary = returnRefundSummary(returnRecord)
+
+  return (
+    <p className="text-muted-foreground text-sm">
+      {summary.kind === 'owed' &&
+        t('orders.post_sale.returns.refund_total', { amount: summary.amount })}
+      {summary.kind === 'refunded' &&
+        t('orders.post_sale.returns.refunded', { amount: summary.amount })}
+      {summary.kind === 'refunded_short' &&
+        t('orders.post_sale.returns.refunded_of', { amount: summary.amount, total: summary.total })}
+    </p>
+  )
+}
+
 function ReturnLineRow({ line }: { line: ReturnLineItem }) {
   const { t } = useTranslation()
   const label = lineLabel(line.name, line.variant, line.variant_id)
@@ -244,6 +260,11 @@ function RefundDialog({
   return (
     <ReturnRefundDialog
       refundableTotal={returnRecord.refundable_total}
+      refundTaxTotal={
+        Number(returnRecord.refund_tax_total) > 0
+          ? returnRecord.display_refund_tax_total
+          : undefined
+      }
       currencySymbol={currencySymbol}
       onClose={() => onOpenChange(false)}
       pending={refund.isPending}

package/src/components/seller-switcher.tsx

@@ -80,7 +80,7 @@ export function SellerSwitcher() {
     return (
       <SidebarMenu>
         <SidebarMenuItem className="flex h-rail-header-height items-center">
-          <div className="flex w-full items-center gap-2 p-1.5">{header}</div>
+          <div className="flex w-full items-center gap-2  ">{header}</div>
         </SidebarMenuItem>
       </SidebarMenu>
     )

package/src/locales/ar.json

@@ -136,7 +136,8 @@
           "returns": {
             "actions": {
               "receive": "استلام العناصر",
-              "refund": "رد المبلغ"
+              "refund": "رد المبلغ",
+              "complete": "إكمال المرتجع"
             },
             "create_title": "إرجاع جديد",
             "location": "الإرجاع إلى",
@@ -147,12 +148,15 @@
             "receive_title": "استلام العناصر المرتجعة",
             "received_quantity": "المستلَم",
             "refund_amount": "المبلغ",
+            "refund_includes_tax": "يشمل المبلغ الكامل ضريبة بقيمة {{tax}}. عند رد مبلغ أقل، تُرد الضريبة بالنسبة نفسها.",
             "refund_method": "رد المبلغ إلى",
             "refund_methods": {
               "original_payment": "وسيلة الدفع الأصلية",
               "store_credit": "رصيد المتجر"
             },
             "refund_title": "رد مبلغ الإرجاع",
+            "complete_title": "إكمال المرتجع",
+            "nothing_owed": "لا يوجد أي مبلغ مستحق على هذا المرتجع، لذلك لن يُسترد أي مبلغ. يؤدي إكماله إلى إغلاق المرتجع.",
             "resellable": "قابل لإعادة البيع"
           }
         }
@@ -520,6 +524,7 @@
         "cancel_message": "يُبلَّغ العميل بأنه لن يمضي قدمًا.",
         "cancel_title": "إلغاء هذا الاستبدال؟",
         "fulfill": "إرسال البديل",
+        "balance_due_confirm": "البديل أغلى من المنتج المُعاد. يؤدي إرساله إلى إضافة الفرق إلى الطلب كرصيد مستحق. لا يتم خصم أي مبلغ تلقائيًا.",
         "price_difference": "فرق السعر: {{amount}}",
         "receive": "استلام",
         "title": "الاستبدالات"
@@ -535,6 +540,8 @@
         "receive": "استلام",
         "refund": "رد المبلغ",
         "refund_total": "إجمالي الاسترداد: {{amount}}",
+        "refunded": "تم الاسترداد: {{amount}}",
+        "refunded_of": "تم الاسترداد: {{amount}} من {{total}}",
         "title": "المرتجعات"
       },
       "statuses": {

package/src/locales/de.json

@@ -136,7 +136,8 @@
           "returns": {
             "actions": {
               "receive": "Artikel annehmen",
-              "refund": "Erstatten"
+              "refund": "Erstatten",
+              "complete": "Retoure abschließen"
             },
             "create_title": "Neue Rücksendung",
             "location": "Zurück an",
@@ -147,12 +148,15 @@
             "receive_title": "Rücksendung annehmen",
             "received_quantity": "Erhalten",
             "refund_amount": "Betrag",
+            "refund_includes_tax": "Der volle Betrag enthält {{tax}} Steuern. Bei einem kleineren Betrag wird die Steuer anteilig erstattet.",
             "refund_method": "Erstatten auf",
             "refund_methods": {
               "original_payment": "Ursprüngliche Zahlung",
               "store_credit": "Guthaben"
             },
             "refund_title": "Rücksendung erstatten",
+            "complete_title": "Retoure abschließen",
+            "nothing_owed": "Für diese Retoure ist nichts geschuldet, daher wird kein Geld erstattet. Mit dem Abschließen wird die Retoure geschlossen.",
             "resellable": "Wiederverkäuflich"
           }
         }
@@ -516,6 +520,7 @@
         "cancel_message": "Der Kunde erfährt, dass es nicht weitergeht.",
         "cancel_title": "Diesen Umtausch abbrechen?",
         "fulfill": "Ersatz senden",
+        "balance_due_confirm": "Der Ersatz kostet mehr als die zurückgesendete Ware. Beim Versand wird die Differenz der Bestellung als offener Betrag hinzugefügt. Es wird nichts automatisch belastet.",
         "price_difference": "Preisdifferenz: {{amount}}",
         "receive": "Annehmen",
         "title": "Umtausch"
@@ -531,6 +536,8 @@
         "receive": "Annehmen",
         "refund": "Erstatten",
         "refund_total": "Erstattung gesamt: {{amount}}",
+        "refunded": "Erstattet: {{amount}}",
+        "refunded_of": "Erstattet: {{amount}} von {{total}}",
         "title": "Rücksendungen"
       },
       "statuses": {

package/src/locales/en.json

@@ -155,10 +155,14 @@
             "resellable": "Resellable",
             "actions": {
               "receive": "Receive items",
-              "refund": "Refund"
+              "refund": "Refund",
+              "complete": "Complete return"
             },
             "refund_title": "Refund return",
+            "complete_title": "Complete return",
+            "nothing_owed": "Nothing is owed on this return, so no money goes back. Completing it closes the return.",
             "refund_amount": "Amount",
+            "refund_includes_tax": "The full amount includes {{tax}} of tax. A smaller amount gives back tax in the same proportion.",
             "refund_method": "Refund to",
             "refund_methods": {
               "original_payment": "Original payment",
@@ -516,6 +520,7 @@
         "title": "Exchanges",
         "receive": "Receive",
         "fulfill": "Send replacement",
+        "balance_due_confirm": "The replacement costs more than what came back. Sending it adds the difference to the order as a balance due. Nothing is charged automatically.",
         "price_difference": "Price difference: {{amount}}",
         "cancel_title": "Cancel this exchange?",
         "cancel_message": "The customer is told it will not go ahead."
@@ -531,6 +536,8 @@
         "receive": "Receive",
         "refund": "Refund",
         "refund_total": "Refund total: {{amount}}",
+        "refunded": "Refunded: {{amount}}",
+        "refunded_of": "Refunded: {{amount}} of {{total}}",
         "title": "Returns"
       },
       "statuses": {

package/src/locales/fr.json

@@ -136,7 +136,8 @@
           "returns": {
             "actions": {
               "receive": "Réceptionner les articles",
-              "refund": "Rembourser"
+              "refund": "Rembourser",
+              "complete": "Clôturer le retour"
             },
             "create_title": "Nouveau retour",
             "location": "Retourner à",
@@ -147,12 +148,15 @@
             "receive_title": "Réceptionner les articles retournés",
             "received_quantity": "Reçu",
             "refund_amount": "Montant",
+            "refund_includes_tax": "Le montant total comprend {{tax}} de taxes. Un montant inférieur rembourse les taxes dans la même proportion.",
             "refund_method": "Rembourser sur",
             "refund_methods": {
               "original_payment": "Paiement d’origine",
               "store_credit": "Avoir"
             },
             "refund_title": "Rembourser le retour",
+            "complete_title": "Clôturer le retour",
+            "nothing_owed": "Rien n'est dû sur ce retour, donc aucun remboursement n'est effectué. Le clôturer ferme le retour.",
             "resellable": "Revendable"
           }
         }
@@ -516,6 +520,7 @@
         "cancel_message": "Le client est informé que cela n’aura pas lieu.",
         "cancel_title": "Annuler cet échange ?",
         "fulfill": "Envoyer le remplacement",
+        "balance_due_confirm": "Le remplacement coûte plus cher que l'article retourné. Son envoi ajoute la différence à la commande comme solde dû. Rien n'est débité automatiquement.",
         "price_difference": "Différence de prix : {{amount}}",
         "receive": "Réceptionner",
         "title": "Échanges"
@@ -531,6 +536,8 @@
         "receive": "Réceptionner",
         "refund": "Rembourser",
         "refund_total": "Total du remboursement : {{amount}}",
+        "refunded": "Remboursé : {{amount}}",
+        "refunded_of": "Remboursé : {{amount}} sur {{total}}",
         "title": "Retours"
       },
       "statuses": {

package/src/locales/pl.json

@@ -136,7 +136,8 @@
           "returns": {
             "actions": {
               "receive": "Przyjmij pozycje",
-              "refund": "Zwrot pieniędzy"
+              "refund": "Zwrot pieniędzy",
+              "complete": "Zakończ zwrot"
             },
             "create_title": "Nowy zwrot",
             "location": "Zwrot do",
@@ -147,12 +148,15 @@
             "receive_title": "Przyjmij zwrócone pozycje",
             "received_quantity": "Przyjęto",
             "refund_amount": "Kwota",
+            "refund_includes_tax": "Pełna kwota zawiera {{tax}} podatku. Przy mniejszej kwocie podatek zostanie zwrócony proporcjonalnie.",
             "refund_method": "Zwrot na",
             "refund_methods": {
               "original_payment": "Pierwotna płatność",
               "store_credit": "Kredyt sklepowy"
             },
             "refund_title": "Zwrot pieniędzy za zwrot",
+            "complete_title": "Zakończ zwrot",
+            "nothing_owed": "Z tytułu tego zwrotu nic nie jest należne, więc pieniądze nie zostaną zwrócone. Zakończenie zamyka zwrot.",
             "resellable": "Do ponownej sprzedaży"
           }
         }
@@ -518,6 +522,7 @@
         "cancel_message": "Klient dostanie informację, że sprawa nie będzie kontynuowana.",
         "cancel_title": "Anulować tę wymianę?",
         "fulfill": "Wyślij wymianę",
+        "balance_due_confirm": "Zamiennik kosztuje więcej niż zwrócony towar. Jego wysłanie doda różnicę do zamówienia jako kwotę do zapłaty. Nic nie zostanie pobrane automatycznie.",
         "price_difference": "Różnica w cenie: {{amount}}",
         "receive": "Przyjmij",
         "title": "Wymiany"
@@ -533,6 +538,8 @@
         "receive": "Przyjmij",
         "refund": "Zwrot pieniędzy",
         "refund_total": "Łączny zwrot: {{amount}}",
+        "refunded": "Zwrócono: {{amount}}",
+        "refunded_of": "Zwrócono: {{amount}} z {{total}}",
         "title": "Zwroty"
       },
       "statuses": {

package/src/locales/zh-CN.json

@@ -136,7 +136,8 @@
           "returns": {
             "actions": {
               "receive": "接收商品",
-              "refund": "退款"
+              "refund": "退款",
+              "complete": "完成退货"
             },
             "create_title": "新建退货",
             "location": "退回至",
@@ -147,12 +148,15 @@
             "receive_title": "接收退货商品",
             "received_quantity": "已接收",
             "refund_amount": "金额",
+            "refund_includes_tax": "全额包含 {{tax}} 税费。退款金额较小时，税费按相同比例退还。",
             "refund_method": "退款至",
             "refund_methods": {
               "original_payment": "原支付方式",
               "store_credit": "店铺余额"
             },
             "refund_title": "退货退款",
+            "complete_title": "完成退货",
+            "nothing_owed": "此退货没有应退金额，因此不会退款。完成后该退货将关闭。",
             "resellable": "可再次销售"
           }
         }
@@ -515,6 +519,7 @@
         "cancel_message": "客户会收到不再继续处理的通知。",
         "cancel_title": "取消此换货？",
         "fulfill": "寄出替换件",
+        "balance_due_confirm": "替换商品比退回的商品更贵。发出替换商品会将差额作为待付余额添加到订单中。不会自动扣款。",
         "price_difference": "差价：{{amount}}",
         "receive": "接收",
         "title": "换货"
@@ -530,6 +535,8 @@
         "receive": "接收",
         "refund": "退款",
         "refund_total": "退款合计：{{amount}}",
+        "refunded": "已退款：{{amount}}",
+        "refunded_of": "已退款：{{amount}} / {{total}}",
         "title": "退货"
       },
       "statuses": {

package/src/nav/default.ts

@@ -1,4 +1,4 @@
-import { hasVisibleSettingsEntries, i18n, nav } from '@spree/dashboard-core'
+import { hasVisibleSettingsEntries, i18n, nav, Subject } from '@spree/dashboard-core'
 import {
   BanknoteIcon,
   ClipboardCheckIcon,
@@ -50,7 +50,7 @@ nav.add({
   path: '/products',
   icon: TagIcon,
   position: 110,
-  subject: 'Spree::Product',
+  subject: Subject.Product,
 })
 
 nav.add({
@@ -59,7 +59,7 @@ nav.add({
   path: '/orders',
   icon: PackageIcon,
   position: 120,
-  subject: 'Spree::Order',
+  subject: Subject.Order,
 })
 
 // The seller's own books. Two entries rather than one because they answer

package/src/nav/settings.ts

@@ -1,4 +1,4 @@
-import { i18n, settingsNav } from '@spree/dashboard-core'
+import { i18n, Subject, settingsNav } from '@spree/dashboard-core'
 import {
   PackageIcon,
   ScrollTextIcon,
@@ -44,7 +44,7 @@ settingsNav.add({
   position: 100,
   // The seller-branch subject the API's `/me` serializes. A member without
   // stock permission never sees the entry.
-  subject: 'Spree::StockLocation',
+  subject: Subject.StockLocation,
 })
 
 // How this seller's goods ship. Beside stock locations because the two are
@@ -60,7 +60,7 @@ settingsNav.add({
   position: 200,
   // The seller-branch subject the API's `/me` serializes. A member without
   // delivery permission never sees the entry.
-  subject: 'Spree::DeliveryMethod',
+  subject: Subject.DeliveryMethod,
 })
 
 // What this seller packs their goods into. Beside the other two because the
@@ -77,7 +77,7 @@ settingsNav.add({
   position: 300,
   // The seller-branch subject the API's `/me` serializes. A member without
   // packaging permission never sees the entry.
-  subject: 'Spree::PackageType',
+  subject: Subject.PackageType,
 })
 
 // Who runs this seller. Under settings rather than in the main rail, matching

package/src/pages/order.tsx

@@ -1,4 +1,4 @@
-import { formatStoreDateTime, PageHeader } from '@spree/dashboard-core'
+import { formatStoreDateTime, PageHeader, Slot } from '@spree/dashboard-core'
 import { DropdownMenuItem, ResourceLayout, StatusBadge } from '@spree/dashboard-ui'
 import { XCircleIcon } from '@spree/dashboard-ui/icons'
 import { useParams } from '@tanstack/react-router'
@@ -113,6 +113,7 @@ export function OrderPage() {
             <OrderCustomerCard order={order} />
             <SpecialInstructionsCard order={order} />
             <InternalNoteCard order={order} />
+            <Slot name="seller.order.form_sidebar" context={{ order }} />
           </>
         }
       />

package/src/pages/payout.tsx

@@ -1,4 +1,4 @@
-import { formatStoreDateTime, PageHeader } from '@spree/dashboard-core'
+import { formatStoreDateTime, PageHeader, Slot } from '@spree/dashboard-core'
 import {
   Card,
   CardHeader,
@@ -134,20 +134,23 @@ export function PayoutPage() {
         </Card>
       }
       sidebar={
-        <Card>
-          <CardHeader>
-            <CardTitle>{t('payouts.detail.settlement')}</CardTitle>
-          </CardHeader>
-          <div className="flex flex-col gap-3 px-6 pb-6">
-            <ReadRow label={t('payouts.columns.amount')}>{payout.display_amount}</ReadRow>
-            <ReadRow label={t('payouts.columns.reference')}>{payout.reference}</ReadRow>
-            <ReadRow label={t('payouts.detail.period')}>
-              {payout.period_start && payout.period_end
-                ? `${formatStoreDateTime(payout.period_start, timezone)} – ${formatStoreDateTime(payout.period_end, timezone)}`
-                : null}
-            </ReadRow>
-          </div>
-        </Card>
+        <>
+          <Card>
+            <CardHeader>
+              <CardTitle>{t('payouts.detail.settlement')}</CardTitle>
+            </CardHeader>
+            <div className="flex flex-col gap-3 px-6 pb-6">
+              <ReadRow label={t('payouts.columns.amount')}>{payout.display_amount}</ReadRow>
+              <ReadRow label={t('payouts.columns.reference')}>{payout.reference}</ReadRow>
+              <ReadRow label={t('payouts.detail.period')}>
+                {payout.period_start && payout.period_end
+                  ? `${formatStoreDateTime(payout.period_start, timezone)} – ${formatStoreDateTime(payout.period_end, timezone)}`
+                  : null}
+              </ReadRow>
+            </div>
+          </Card>
+          <Slot name="seller.payout.form_sidebar" context={{ payout }} />
+        </>
       }
     />
   )

package/src/pages/product.tsx

@@ -1,6 +1,8 @@
 import { zodResolver } from '@hookform/resolvers/zod'
 import {
   CategorizationCard,
+  extensionFormValues,
+  extensionSubmitValues,
   GeneralCard,
   InventoryCard,
   MediaCard,
@@ -12,6 +14,7 @@ import {
   type ProductFormValues,
   productFormSchema,
   productToFormValues,
+  Slot,
   VariantsCard,
   variantToWirePayload,
 } from '@spree/dashboard-core'
@@ -88,7 +91,7 @@ export function ProductPage({ mode }: { mode: 'new' | 'edit' }) {
     // The operator's defaults, which seed one placeholder variant — without
     // it the Prices and Inventory cards render no row, so a seller could not
     // price or stock a new listing at all.
-    defaultValues: newProductFormDefaults(),
+    defaultValues: { ...newProductFormDefaults(), ...extensionFormValues('seller.product', null) },
   })
 
   // Reset once the record arrives, so the inputs show what was last saved
@@ -102,12 +105,22 @@ export function ProductPage({ mode }: { mode: 'new' | 'edit' }) {
     if (!product) return
     if (form.formState.isDirty) return
 
-    form.reset(productToFormValues(product as PanelProduct, product.media))
+    form.reset({
+      ...productToFormValues(product as PanelProduct, product.media),
+      ...extensionFormValues('seller.product', product),
+    })
   }, [product, form])
 
   const save = useMutation({
-    mutationFn: (values: ProductFormValues) => {
+    mutationFn: ({
+      values,
+      extensionValues,
+    }: {
+      values: ProductFormValues
+      extensionValues: Record<string, unknown>
+    }) => {
       const payload: ProductParams = {
+        ...extensionValues,
         name: values.name,
         description: values.description,
         slug: values.slug || undefined,
@@ -165,7 +178,12 @@ export function ProductPage({ mode }: { mode: 'new' | 'edit' }) {
 
   async function onSubmit(values: ProductFormValues) {
     try {
-      await save.mutateAsync(values)
+      // Raw form state, not `values`: the Zod parse strips keys the schema
+      // doesn't know, which is every field a slot widget registered.
+      await save.mutateAsync({
+        values,
+        extensionValues: extensionSubmitValues('seller.product', form),
+      })
     } catch (err) {
       if (!mapSpreeErrorsToForm(err, form.setError)) {
         toastManager.add({
@@ -241,6 +259,7 @@ export function ProductPage({ mode }: { mode: 'new' | 'edit' }) {
                 />
               )}
               <CategorizationCard form={form} />
+              <Slot name="seller.product.form_sidebar" context={{ product, mode }} />
             </>
           }
         />

package/src/pages/profile.tsx

@@ -1,4 +1,4 @@
-import { PageHeader } from '@spree/dashboard-core'
+import { PageHeader, Slot } from '@spree/dashboard-core'
 import {
   Button,
   Card,
@@ -84,7 +84,12 @@ export function ProfilePage() {
     <>
       <ResourceLayout
         header={<PageHeader title={profile.name} subtitle={t('profile.subtitle')} />}
-        main={<BrandCard profile={profile} onEdit={() => setEditing(true)} />}
+        main={
+          <>
+            <BrandCard profile={profile} onEdit={() => setEditing(true)} />
+            <Slot name="seller.profile.form_main" context={{ profile }} />
+          </>
+        }
         sidebar={
           <>
             <StandingCard profile={profile} />
@@ -95,6 +100,7 @@ export function ProfilePage() {
             <SellerAddressCard profile={profile} />
             <SellerReturnsLocationCard />
             <SettlementCard profile={profile} />
+            <Slot name="seller.profile.form_sidebar" context={{ profile }} />
           </>
         }
       />

package/src/routeTree.gen.ts

@@ -9,40 +9,34 @@
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
 import { Route as rootRouteImport } from './routes/__root'
-import { Route as resetPasswordRouteImport } from './routes/reset-password'
-import { Route as loginRouteImport } from './routes/login'
-import { Route as forgotPasswordRouteImport } from './routes/forgot-password'
 import { Route as authenticatedRouteImport } from './routes/_authenticated'
+import { Route as forgotPasswordRouteImport } from './routes/forgot-password'
+import { Route as loginRouteImport } from './routes/login'
+import { Route as resetPasswordRouteImport } from './routes/reset-password'
 import { Route as authenticatedIndexRouteImport } from './routes/_authenticated/index'
-import { Route as acceptInvitationDotinvitationIdRouteImport } from './routes/accept-invitation.$invitationId'
 import { Route as authenticatedSellerIdRouteImport } from './routes/_authenticated/$sellerId'
+import { Route as acceptInvitationDotinvitationIdRouteImport } from './routes/accept-invitation.$invitationId'
 import { Route as IndexRouteImport } from './routes/_authenticated/$sellerId/index'
-import { Route as SettingsRouteImport } from './routes/_authenticated/$sellerId/settings'
-import { Route as ProfileRouteImport } from './routes/_authenticated/$sellerId/profile'
 import { Route as OnboardingRouteImport } from './routes/_authenticated/$sellerId/onboarding'
-import { Route as SettingsIndexRouteImport } from './routes/_authenticated/$sellerId/settings/index'
-import { Route as ProductsIndexRouteImport } from './routes/_authenticated/$sellerId/products/index'
-import { Route as PayoutsIndexRouteImport } from './routes/_authenticated/$sellerId/payouts/index'
-import { Route as OrdersIndexRouteImport } from './routes/_authenticated/$sellerId/orders/index'
+import { Route as ProfileRouteImport } from './routes/_authenticated/$sellerId/profile'
+import { Route as SettingsRouteImport } from './routes/_authenticated/$sellerId/settings'
 import { Route as EarningsIndexRouteImport } from './routes/_authenticated/$sellerId/earnings/index'
-import { Route as SettingsTeamRouteImport } from './routes/_authenticated/$sellerId/settings/team'
-import { Route as SettingsStockLocationsRouteImport } from './routes/_authenticated/$sellerId/settings/stock-locations'
-import { Route as SettingsPoliciesRouteImport } from './routes/_authenticated/$sellerId/settings/policies'
-import { Route as SettingsPackageTypesRouteImport } from './routes/_authenticated/$sellerId/settings/package-types'
-import { Route as SettingsDeliveryMethodsRouteImport } from './routes/_authenticated/$sellerId/settings/delivery-methods'
-import { Route as ProductsNewRouteImport } from './routes/_authenticated/$sellerId/products/new'
-import { Route as ProductsProductIdRouteImport } from './routes/_authenticated/$sellerId/products/$productId'
-import { Route as PayoutsPayoutIdRouteImport } from './routes/_authenticated/$sellerId/payouts/$payoutId'
+import { Route as OrdersIndexRouteImport } from './routes/_authenticated/$sellerId/orders/index'
 import { Route as OrdersOrderIdRouteImport } from './routes/_authenticated/$sellerId/orders/$orderId'
+import { Route as PayoutsIndexRouteImport } from './routes/_authenticated/$sellerId/payouts/index'
+import { Route as PayoutsPayoutIdRouteImport } from './routes/_authenticated/$sellerId/payouts/$payoutId'
+import { Route as ProductsIndexRouteImport } from './routes/_authenticated/$sellerId/products/index'
+import { Route as ProductsProductIdRouteImport } from './routes/_authenticated/$sellerId/products/$productId'
+import { Route as ProductsNewRouteImport } from './routes/_authenticated/$sellerId/products/new'
+import { Route as SettingsIndexRouteImport } from './routes/_authenticated/$sellerId/settings/index'
+import { Route as SettingsDeliveryMethodsRouteImport } from './routes/_authenticated/$sellerId/settings/delivery-methods'
+import { Route as SettingsPackageTypesRouteImport } from './routes/_authenticated/$sellerId/settings/package-types'
+import { Route as SettingsPoliciesRouteImport } from './routes/_authenticated/$sellerId/settings/policies'
+import { Route as SettingsStockLocationsRouteImport } from './routes/_authenticated/$sellerId/settings/stock-locations'
+import { Route as SettingsTeamRouteImport } from './routes/_authenticated/$sellerId/settings/team'
 
-const resetPasswordRoute = resetPasswordRouteImport.update({
-  id: '/reset-password',
-  path: '/reset-password',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const loginRoute = loginRouteImport.update({
-  id: '/login',
-  path: '/login',
+const authenticatedRoute = authenticatedRouteImport.update({
+  id: '/_authenticated',
   getParentRoute: () => rootRouteImport,
 } as any)
 const forgotPasswordRoute = forgotPasswordRouteImport.update({
@@ -50,8 +44,14 @@ const forgotPasswordRoute = forgotPasswordRouteImport.update({
   path: '/forgot-password',
   getParentRoute: () => rootRouteImport,
 } as any)
-const authenticatedRoute = authenticatedRouteImport.update({
-  id: '/_authenticated',
+const loginRoute = loginRouteImport.update({
+  id: '/login',
+  path: '/login',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const resetPasswordRoute = resetPasswordRouteImport.update({
+  id: '/reset-password',
+  path: '/reset-password',
   getParentRoute: () => rootRouteImport,
 } as any)
 const authenticatedIndexRoute = authenticatedIndexRouteImport.update({
@@ -59,25 +59,25 @@ const authenticatedIndexRoute = authenticatedIndexRouteImport.update({
   path: '/',
   getParentRoute: () => authenticatedRoute,
 } as any)
+const authenticatedSellerIdRoute = authenticatedSellerIdRouteImport.update({
+  id: '/$sellerId',
+  path: '/$sellerId',
+  getParentRoute: () => authenticatedRoute,
+} as any)
 const acceptInvitationDotinvitationIdRoute =
   acceptInvitationDotinvitationIdRouteImport.update({
     id: '/accept-invitation/$invitationId',
     path: '/accept-invitation/$invitationId',
     getParentRoute: () => rootRouteImport,
   } as any)
-const authenticatedSellerIdRoute = authenticatedSellerIdRouteImport.update({
-  id: '/$sellerId',
-  path: '/$sellerId',
-  getParentRoute: () => authenticatedRoute,
-} as any)
 const IndexRoute = IndexRouteImport.update({
   id: '/',
   path: '/',
   getParentRoute: () => authenticatedSellerIdRoute,
 } as any)
-const SettingsRoute = SettingsRouteImport.update({
-  id: '/settings',
-  path: '/settings',
+const OnboardingRoute = OnboardingRouteImport.update({
+  id: '/onboarding',
+  path: '/onboarding',
   getParentRoute: () => authenticatedSellerIdRoute,
 } as any)
 const ProfileRoute = ProfileRouteImport.update({
@@ -85,19 +85,24 @@ const ProfileRoute = ProfileRouteImport.update({
   path: '/profile',
   getParentRoute: () => authenticatedSellerIdRoute,
 } as any)
-const OnboardingRoute = OnboardingRouteImport.update({
-  id: '/onboarding',
-  path: '/onboarding',
+const SettingsRoute = SettingsRouteImport.update({
+  id: '/settings',
+  path: '/settings',
   getParentRoute: () => authenticatedSellerIdRoute,
 } as any)
-const SettingsIndexRoute = SettingsIndexRouteImport.update({
-  id: '/',
-  path: '/',
-  getParentRoute: () => SettingsRoute,
+const EarningsIndexRoute = EarningsIndexRouteImport.update({
+  id: '/earnings/',
+  path: '/earnings/',
+  getParentRoute: () => authenticatedSellerIdRoute,
 } as any)
-const ProductsIndexRoute = ProductsIndexRouteImport.update({
-  id: '/products/',
-  path: '/products/',
+const OrdersIndexRoute = OrdersIndexRouteImport.update({
+  id: '/orders/',
+  path: '/orders/',
+  getParentRoute: () => authenticatedSellerIdRoute,
+} as any)
+const OrdersOrderIdRoute = OrdersOrderIdRouteImport.update({
+  id: '/orders/$orderId',
+  path: '/orders/$orderId',
   getParentRoute: () => authenticatedSellerIdRoute,
 } as any)
 const PayoutsIndexRoute = PayoutsIndexRouteImport.update({
@@ -105,29 +110,34 @@ const PayoutsIndexRoute = PayoutsIndexRouteImport.update({
   path: '/payouts/',
   getParentRoute: () => authenticatedSellerIdRoute,
 } as any)
-const OrdersIndexRoute = OrdersIndexRouteImport.update({
-  id: '/orders/',
-  path: '/orders/',
+const PayoutsPayoutIdRoute = PayoutsPayoutIdRouteImport.update({
+  id: '/payouts/$payoutId',
+  path: '/payouts/$payoutId',
   getParentRoute: () => authenticatedSellerIdRoute,
 } as any)
-const EarningsIndexRoute = EarningsIndexRouteImport.update({
-  id: '/earnings/',
-  path: '/earnings/',
+const ProductsIndexRoute = ProductsIndexRouteImport.update({
+  id: '/products/',
+  path: '/products/',
   getParentRoute: () => authenticatedSellerIdRoute,
 } as any)
-const SettingsTeamRoute = SettingsTeamRouteImport.update({
-  id: '/team',
-  path: '/team',
-  getParentRoute: () => SettingsRoute,
+const ProductsProductIdRoute = ProductsProductIdRouteImport.update({
+  id: '/products/$productId',
+  path: '/products/$productId',
+  getParentRoute: () => authenticatedSellerIdRoute,
 } as any)
-const SettingsStockLocationsRoute = SettingsStockLocationsRouteImport.update({
-  id: '/stock-locations',
-  path: '/stock-locations',
+const ProductsNewRoute = ProductsNewRouteImport.update({
+  id: '/products/new',
+  path: '/products/new',
+  getParentRoute: () => authenticatedSellerIdRoute,
+} as any)
+const SettingsIndexRoute = SettingsIndexRouteImport.update({
+  id: '/',
+  path: '/',
   getParentRoute: () => SettingsRoute,
 } as any)
-const SettingsPoliciesRoute = SettingsPoliciesRouteImport.update({
-  id: '/policies',
-  path: '/policies',
+const SettingsDeliveryMethodsRoute = SettingsDeliveryMethodsRouteImport.update({
+  id: '/delivery-methods',
+  path: '/delivery-methods',
   getParentRoute: () => SettingsRoute,
 } as any)
 const SettingsPackageTypesRoute = SettingsPackageTypesRouteImport.update({
@@ -135,30 +145,20 @@ const SettingsPackageTypesRoute = SettingsPackageTypesRouteImport.update({
   path: '/package-types',
   getParentRoute: () => SettingsRoute,
 } as any)
-const SettingsDeliveryMethodsRoute = SettingsDeliveryMethodsRouteImport.update({
-  id: '/delivery-methods',
-  path: '/delivery-methods',
+const SettingsPoliciesRoute = SettingsPoliciesRouteImport.update({
+  id: '/policies',
+  path: '/policies',
   getParentRoute: () => SettingsRoute,
 } as any)
-const ProductsNewRoute = ProductsNewRouteImport.update({
-  id: '/products/new',
-  path: '/products/new',
-  getParentRoute: () => authenticatedSellerIdRoute,
-} as any)
-const ProductsProductIdRoute = ProductsProductIdRouteImport.update({
-  id: '/products/$productId',
-  path: '/products/$productId',
-  getParentRoute: () => authenticatedSellerIdRoute,
-} as any)
-const PayoutsPayoutIdRoute = PayoutsPayoutIdRouteImport.update({
-  id: '/payouts/$payoutId',
-  path: '/payouts/$payoutId',
-  getParentRoute: () => authenticatedSellerIdRoute,
+const SettingsStockLocationsRoute = SettingsStockLocationsRouteImport.update({
+  id: '/stock-locations',
+  path: '/stock-locations',
+  getParentRoute: () => SettingsRoute,
 } as any)
-const OrdersOrderIdRoute = OrdersOrderIdRouteImport.update({
-  id: '/orders/$orderId',
-  path: '/orders/$orderId',
-  getParentRoute: () => authenticatedSellerIdRoute,
+const SettingsTeamRoute = SettingsTeamRouteImport.update({
+  id: '/team',
+  path: '/team',
+  getParentRoute: () => SettingsRoute,
 } as any)
 
 export interface FileRoutesByFullPath {
@@ -329,18 +329,11 @@ export interface RootRouteChildren {
 
 declare module '@tanstack/react-router' {
   interface FileRoutesByPath {
-    '/reset-password': {
-      id: '/reset-password'
-      path: '/reset-password'
-      fullPath: '/reset-password'
-      preLoaderRoute: typeof resetPasswordRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/login': {
-      id: '/login'
-      path: '/login'
-      fullPath: '/login'
-      preLoaderRoute: typeof loginRouteImport
+    '/_authenticated': {
+      id: '/_authenticated'
+      path: ''
+      fullPath: '/'
+      preLoaderRoute: typeof authenticatedRouteImport
       parentRoute: typeof rootRouteImport
     }
     '/forgot-password': {
@@ -350,11 +343,18 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof forgotPasswordRouteImport
       parentRoute: typeof rootRouteImport
     }
-    '/_authenticated': {
-      id: '/_authenticated'
-      path: ''
-      fullPath: '/'
-      preLoaderRoute: typeof authenticatedRouteImport
+    '/login': {
+      id: '/login'
+      path: '/login'
+      fullPath: '/login'
+      preLoaderRoute: typeof loginRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/reset-password': {
+      id: '/reset-password'
+      path: '/reset-password'
+      fullPath: '/reset-password'
+      preLoaderRoute: typeof resetPasswordRouteImport
       parentRoute: typeof rootRouteImport
     }
     '/_authenticated/': {
@@ -364,13 +364,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof authenticatedIndexRouteImport
       parentRoute: typeof authenticatedRoute
     }
-    '/accept-invitation/$invitationId': {
-      id: '/accept-invitation/$invitationId'
-      path: '/accept-invitation/$invitationId'
-      fullPath: '/accept-invitation/$invitationId'
-      preLoaderRoute: typeof acceptInvitationDotinvitationIdRouteImport
-      parentRoute: typeof rootRouteImport
-    }
     '/_authenticated/$sellerId': {
       id: '/_authenticated/$sellerId'
       path: '/$sellerId'
@@ -378,6 +371,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof authenticatedSellerIdRouteImport
       parentRoute: typeof authenticatedRoute
     }
+    '/accept-invitation/$invitationId': {
+      id: '/accept-invitation/$invitationId'
+      path: '/accept-invitation/$invitationId'
+      fullPath: '/accept-invitation/$invitationId'
+      preLoaderRoute: typeof acceptInvitationDotinvitationIdRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/_authenticated/$sellerId/': {
       id: '/_authenticated/$sellerId/'
       path: '/'
@@ -385,11 +385,11 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof IndexRouteImport
       parentRoute: typeof authenticatedSellerIdRoute
     }
-    '/_authenticated/$sellerId/settings': {
-      id: '/_authenticated/$sellerId/settings'
-      path: '/settings'
-      fullPath: '/$sellerId/settings'
-      preLoaderRoute: typeof SettingsRouteImport
+    '/_authenticated/$sellerId/onboarding': {
+      id: '/_authenticated/$sellerId/onboarding'
+      path: '/onboarding'
+      fullPath: '/$sellerId/onboarding'
+      preLoaderRoute: typeof OnboardingRouteImport
       parentRoute: typeof authenticatedSellerIdRoute
     }
     '/_authenticated/$sellerId/profile': {
@@ -399,25 +399,32 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ProfileRouteImport
       parentRoute: typeof authenticatedSellerIdRoute
     }
-    '/_authenticated/$sellerId/onboarding': {
-      id: '/_authenticated/$sellerId/onboarding'
-      path: '/onboarding'
-      fullPath: '/$sellerId/onboarding'
-      preLoaderRoute: typeof OnboardingRouteImport
+    '/_authenticated/$sellerId/settings': {
+      id: '/_authenticated/$sellerId/settings'
+      path: '/settings'
+      fullPath: '/$sellerId/settings'
+      preLoaderRoute: typeof SettingsRouteImport
       parentRoute: typeof authenticatedSellerIdRoute
     }
-    '/_authenticated/$sellerId/settings/': {
-      id: '/_authenticated/$sellerId/settings/'
-      path: '/'
-      fullPath: '/$sellerId/settings/'
-      preLoaderRoute: typeof SettingsIndexRouteImport
-      parentRoute: typeof SettingsRoute
+    '/_authenticated/$sellerId/earnings/': {
+      id: '/_authenticated/$sellerId/earnings/'
+      path: '/earnings'
+      fullPath: '/$sellerId/earnings/'
+      preLoaderRoute: typeof EarningsIndexRouteImport
+      parentRoute: typeof authenticatedSellerIdRoute
     }
-    '/_authenticated/$sellerId/products/': {
-      id: '/_authenticated/$sellerId/products/'
-      path: '/products'
-      fullPath: '/$sellerId/products/'
-      preLoaderRoute: typeof ProductsIndexRouteImport
+    '/_authenticated/$sellerId/orders/': {
+      id: '/_authenticated/$sellerId/orders/'
+      path: '/orders'
+      fullPath: '/$sellerId/orders/'
+      preLoaderRoute: typeof OrdersIndexRouteImport
+      parentRoute: typeof authenticatedSellerIdRoute
+    }
+    '/_authenticated/$sellerId/orders/$orderId': {
+      id: '/_authenticated/$sellerId/orders/$orderId'
+      path: '/orders/$orderId'
+      fullPath: '/$sellerId/orders/$orderId'
+      preLoaderRoute: typeof OrdersOrderIdRouteImport
       parentRoute: typeof authenticatedSellerIdRoute
     }
     '/_authenticated/$sellerId/payouts/': {
@@ -427,39 +434,46 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof PayoutsIndexRouteImport
       parentRoute: typeof authenticatedSellerIdRoute
     }
-    '/_authenticated/$sellerId/orders/': {
-      id: '/_authenticated/$sellerId/orders/'
-      path: '/orders'
-      fullPath: '/$sellerId/orders/'
-      preLoaderRoute: typeof OrdersIndexRouteImport
+    '/_authenticated/$sellerId/payouts/$payoutId': {
+      id: '/_authenticated/$sellerId/payouts/$payoutId'
+      path: '/payouts/$payoutId'
+      fullPath: '/$sellerId/payouts/$payoutId'
+      preLoaderRoute: typeof PayoutsPayoutIdRouteImport
       parentRoute: typeof authenticatedSellerIdRoute
     }
-    '/_authenticated/$sellerId/earnings/': {
-      id: '/_authenticated/$sellerId/earnings/'
-      path: '/earnings'
-      fullPath: '/$sellerId/earnings/'
-      preLoaderRoute: typeof EarningsIndexRouteImport
+    '/_authenticated/$sellerId/products/': {
+      id: '/_authenticated/$sellerId/products/'
+      path: '/products'
+      fullPath: '/$sellerId/products/'
+      preLoaderRoute: typeof ProductsIndexRouteImport
       parentRoute: typeof authenticatedSellerIdRoute
     }
-    '/_authenticated/$sellerId/settings/team': {
-      id: '/_authenticated/$sellerId/settings/team'
-      path: '/team'
-      fullPath: '/$sellerId/settings/team'
-      preLoaderRoute: typeof SettingsTeamRouteImport
-      parentRoute: typeof SettingsRoute
+    '/_authenticated/$sellerId/products/$productId': {
+      id: '/_authenticated/$sellerId/products/$productId'
+      path: '/products/$productId'
+      fullPath: '/$sellerId/products/$productId'
+      preLoaderRoute: typeof ProductsProductIdRouteImport
+      parentRoute: typeof authenticatedSellerIdRoute
     }
-    '/_authenticated/$sellerId/settings/stock-locations': {
-      id: '/_authenticated/$sellerId/settings/stock-locations'
-      path: '/stock-locations'
-      fullPath: '/$sellerId/settings/stock-locations'
-      preLoaderRoute: typeof SettingsStockLocationsRouteImport
+    '/_authenticated/$sellerId/products/new': {
+      id: '/_authenticated/$sellerId/products/new'
+      path: '/products/new'
+      fullPath: '/$sellerId/products/new'
+      preLoaderRoute: typeof ProductsNewRouteImport
+      parentRoute: typeof authenticatedSellerIdRoute
+    }
+    '/_authenticated/$sellerId/settings/': {
+      id: '/_authenticated/$sellerId/settings/'
+      path: '/'
+      fullPath: '/$sellerId/settings/'
+      preLoaderRoute: typeof SettingsIndexRouteImport
       parentRoute: typeof SettingsRoute
     }
-    '/_authenticated/$sellerId/settings/policies': {
-      id: '/_authenticated/$sellerId/settings/policies'
-      path: '/policies'
-      fullPath: '/$sellerId/settings/policies'
-      preLoaderRoute: typeof SettingsPoliciesRouteImport
+    '/_authenticated/$sellerId/settings/delivery-methods': {
+      id: '/_authenticated/$sellerId/settings/delivery-methods'
+      path: '/delivery-methods'
+      fullPath: '/$sellerId/settings/delivery-methods'
+      preLoaderRoute: typeof SettingsDeliveryMethodsRouteImport
       parentRoute: typeof SettingsRoute
     }
     '/_authenticated/$sellerId/settings/package-types': {
@@ -469,40 +483,26 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof SettingsPackageTypesRouteImport
       parentRoute: typeof SettingsRoute
     }
-    '/_authenticated/$sellerId/settings/delivery-methods': {
-      id: '/_authenticated/$sellerId/settings/delivery-methods'
-      path: '/delivery-methods'
-      fullPath: '/$sellerId/settings/delivery-methods'
-      preLoaderRoute: typeof SettingsDeliveryMethodsRouteImport
+    '/_authenticated/$sellerId/settings/policies': {
+      id: '/_authenticated/$sellerId/settings/policies'
+      path: '/policies'
+      fullPath: '/$sellerId/settings/policies'
+      preLoaderRoute: typeof SettingsPoliciesRouteImport
       parentRoute: typeof SettingsRoute
     }
-    '/_authenticated/$sellerId/products/new': {
-      id: '/_authenticated/$sellerId/products/new'
-      path: '/products/new'
-      fullPath: '/$sellerId/products/new'
-      preLoaderRoute: typeof ProductsNewRouteImport
-      parentRoute: typeof authenticatedSellerIdRoute
-    }
-    '/_authenticated/$sellerId/products/$productId': {
-      id: '/_authenticated/$sellerId/products/$productId'
-      path: '/products/$productId'
-      fullPath: '/$sellerId/products/$productId'
-      preLoaderRoute: typeof ProductsProductIdRouteImport
-      parentRoute: typeof authenticatedSellerIdRoute
-    }
-    '/_authenticated/$sellerId/payouts/$payoutId': {
-      id: '/_authenticated/$sellerId/payouts/$payoutId'
-      path: '/payouts/$payoutId'
-      fullPath: '/$sellerId/payouts/$payoutId'
-      preLoaderRoute: typeof PayoutsPayoutIdRouteImport
-      parentRoute: typeof authenticatedSellerIdRoute
+    '/_authenticated/$sellerId/settings/stock-locations': {
+      id: '/_authenticated/$sellerId/settings/stock-locations'
+      path: '/stock-locations'
+      fullPath: '/$sellerId/settings/stock-locations'
+      preLoaderRoute: typeof SettingsStockLocationsRouteImport
+      parentRoute: typeof SettingsRoute
     }
-    '/_authenticated/$sellerId/orders/$orderId': {
-      id: '/_authenticated/$sellerId/orders/$orderId'
-      path: '/orders/$orderId'
-      fullPath: '/$sellerId/orders/$orderId'
-      preLoaderRoute: typeof OrdersOrderIdRouteImport
-      parentRoute: typeof authenticatedSellerIdRoute
+    '/_authenticated/$sellerId/settings/team': {
+      id: '/_authenticated/$sellerId/settings/team'
+      path: '/team'
+      fullPath: '/$sellerId/settings/team'
+      preLoaderRoute: typeof SettingsTeamRouteImport
+      parentRoute: typeof SettingsRoute
     }
   }
 }

package/src/vite/index.ts

@@ -1,9 +1,9 @@
-import { createRequire } from 'node:module'
 import path from 'node:path'
 import {
   type SpreeDashboardPluginOptions as CoreOptions,
   spreeDashboardPlugin as spreeDashboardCorePlugin,
 } from '@spree/dashboard-core/vite'
+import { resolveShellRoutesDir } from '@spree/dashboard-core/vite/discover'
 import { TanStackRouterVite } from '@tanstack/router-plugin/vite'
 import { index, layout, physical, rootRoute, route } from '@tanstack/virtual-file-routes'
 import type { PluginOption } from 'vite'
@@ -55,12 +55,7 @@ export function spreeSellerDashboardPlugin(
  * authenticated branch whose pages all hang off a seller.
  */
 function sellerRouterPlugin(hostRoot: string, options: SpreeSellerDashboardPluginOptions) {
-  const fromHost = createRequire(path.join(hostRoot, 'package.json'))
-  // Resolve the shell's routes directory from wherever the host's
-  // `@spree/seller-dashboard` lives (workspace symlink or npm install). The
-  // `.` export maps to a file in src/, so `routes/` is its sibling.
-  const shellEntry = fromHost.resolve('@spree/seller-dashboard')
-  const shellRoutesDir = path.join(path.dirname(shellEntry), 'routes')
+  const shellRoutesDir = resolveShellRoutesDir(hostRoot, '@spree/seller-dashboard')
 
   const virtualRouteConfig = rootRoute('__root.tsx', [
     route('/login', 'login.tsx'),