10 months ago · d60d3fd0e7
--- a/packages/dashboard/.gitignore
+++ b/packages/dashboard/.gitignore
@@ -25,4 +25,4 @@ dist-ssr
 
				 *.sln
			
 
				 *.sw?
			
 
				 
			
 
				-src/routeTree.gen.ts
			
 
				+src/app/routeTree.gen.ts
			
--- a/packages/dashboard/generate-index.js
+++ b/packages/dashboard/generate-index.js
@@ -6,48 +6,52 @@ const __filename = fileURLToPath(import.meta.url);
 
				 const __dirname = path.dirname(__filename);
			
 
				 
			
 
				 const TARGET_DIRS = ['components', 'framework', 'hooks', 'lib'];
			
 
				-const SRC_DIR = path.join(__dirname, 'src');
			
 
				-const INDEX_FILE = path.join(SRC_DIR, 'index.ts');
			
 
				+const LIB_DIR = path.join(__dirname, 'src', 'lib');
			
 
				+const INDEX_FILE = path.join(LIB_DIR, 'index.ts');
			
 
				 
			
 
				 function getAllFiles(dir, fileList = []) {
			
 
				     const files = fs.readdirSync(dir);
			
 
				-    
			
 
				+
			
 
				     files.forEach(file => {
			
 
				         const filePath = path.join(dir, file);
			
 
				         const stat = fs.statSync(filePath);
			
 
				-        
			
 
				+
			
 
				         if (stat.isDirectory()) {
			
 
				             getAllFiles(filePath, fileList);
			
 
				-        } else if (file.match(/\.(ts|tsx|js|jsx)$/) && !file.endsWith('.d.ts') && !file.endsWith('.spec.ts')) {
			
 
				+        } else if (
			
 
				+            file.match(/\.(ts|tsx|js|jsx)$/) &&
			
 
				+            !file.endsWith('.d.ts') &&
			
 
				+            !file.endsWith('.spec.ts')
			
 
				+        ) {
			
 
				             fileList.push(filePath);
			
 
				         }
			
 
				     });
			
 
				-    
			
 
				+
			
 
				     return fileList;
			
 
				 }
			
 
				 
			
 
				 function generateExports() {
			
 
				     let exportStatements = [];
			
 
				-    
			
 
				+
			
 
				     TARGET_DIRS.forEach(dir => {
			
 
				-        const dirPath = path.join(SRC_DIR, dir);
			
 
				+        const dirPath = path.join(LIB_DIR, dir);
			
 
				         if (!fs.existsSync(dirPath)) {
			
 
				             console.warn(`Directory ${dirPath} does not exist`);
			
 
				             return;
			
 
				         }
			
 
				-        
			
 
				+
			
 
				         const files = getAllFiles(dirPath);
			
 
				         files.forEach(file => {
			
 
				-            const relativePath = path.relative(SRC_DIR, file);
			
 
				+            const relativePath = path.relative(LIB_DIR, file);
			
 
				             const exportPath = relativePath.replace(/\\/g, '/');
			
 
				             // replace the tsx with js in the export path
			
 
				             const exportPathJs = exportPath.replace(/\.tsx?/, '.js');
			
 
				-            
			
 
				+
			
 
				             // Generate both named and default exports
			
 
				             exportStatements.push(`export * from './${exportPathJs}';`);
			
 
				         });
			
 
				     });
			
 
				-    
			
 
				+
			
 
				     return exportStatements.join('\n');
			
 
				 }
			
 
				 
			
--- a/packages/dashboard/index.html
+++ b/packages/dashboard/index.html
@@ -8,6 +8,6 @@
 
				   </head>
			
 
				   <body>
			
 
				     <div id="app"></div>
			
 
				-    <script type="module" src="/src/main.jsx"></script>
			
 
				+    <script type="module" src="/src/app/main.jsx"></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/packages/dashboard/lingui.config.js
+++ b/packages/dashboard/lingui.config.js
@@ -6,7 +6,7 @@ export default defineConfig({
 
				     catalogs: [
			
 
				         {
			
 
				             path: '<rootDir>/src/i18n/locales/{locale}',
			
 
				-            include: ['src'],
			
 
				+            include: ['<rootDir>'],
			
 
				         },
			
 
				     ],
			
 
				 });
			
--- a/packages/dashboard/src/app/app-providers.tsx
+++ b/packages/dashboard/src/app/app-providers.tsx
@@ -5,25 +5,13 @@ import { routeTree } from '@/routeTree.gen.js';
 
				 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
			
 
				 import { createRouter, ErrorComponent } from '@tanstack/react-router';
			
 
				 import React from 'react';
			
 
				-import { UserSettingsProvider } from './providers/user-settings.js';
			
 
				-import { ThemeProvider } from './providers/theme-provider.js';
			
 
				-import { ChannelProvider } from './providers/channel-provider.js';
			
 
				+import { UserSettingsProvider } from '@/providers/user-settings.js';
			
 
				+import { ThemeProvider } from '@/providers/theme-provider.js';
			
 
				+import { ChannelProvider } from '@/providers/channel-provider.js';
			
 
				 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
			
 
				 
			
 
				 export const queryClient = new QueryClient();
			
 
				 
			
 
				-export const router = createRouter({
			
 
				-    routeTree,
			
 
				-    defaultPreload: 'intent',
			
 
				-    scrollRestoration: true,
			
 
				-    context: {
			
 
				-        /* eslint-disable @typescript-eslint/no-non-null-assertion */
			
 
				-        auth: undefined!, // This will be set after we wrap the app in an AuthProvider
			
 
				-        queryClient,
			
 
				-    },
			
 
				-    defaultErrorComponent: ({ error }: { error: Error }) => <div>Uh Oh!!! {error.message}</div>,
			
 
				-});
			
 
				-
			
 
				 // Register things for typesafety
			
 
				 declare module '@tanstack/react-router' {
			
 
				     interface Register {
			
--- a/packages/dashboard/src/app/main.tsx
+++ b/packages/dashboard/src/app/main.tsx
@@ -1,18 +1,31 @@
 
				-import { AppProviders, queryClient, router } from '@/app-providers.js';
			
 
				 import { Toaster } from '@/components/ui/sonner.js';
			
 
				+import { setCustomFieldsMap } from '@/framework/document-introspection/add-custom-fields.js';
			
 
				 import { useDashboardExtensions } from '@/framework/extension-api/use-dashboard-extensions.js';
			
 
				 import { useExtendedRouter } from '@/framework/page/use-extended-router.js';
			
 
				-import { defaultLocale, dynamicActivate } from '@/providers/i18n-provider.js';
			
 
				-import { useAuth } from './hooks/use-auth.js';
			
 
				+import { useAuth } from '@/hooks/use-auth.js';
			
 
				 
			
 
				 import '@/framework/defaults.js';
			
 
				-import { RouterProvider } from '@tanstack/react-router';
			
 
				+import { useServerConfig } from '@/hooks/use-server-config.js';
			
 
				+import { defaultLocale, dynamicActivate } from '@/providers/i18n-provider.js';
			
 
				+import { createRouter, RouterProvider } from '@tanstack/react-router';
			
 
				 import React, { useEffect } from 'react';
			
 
				 import ReactDOM from 'react-dom/client';
			
 
				-import { setCustomFieldsMap } from './framework/document-introspection/add-custom-fields.js';
			
 
				-import { useServerConfig } from './hooks/use-server-config.js';
			
 
				+import { AppProviders, queryClient } from './app-providers.js';
			
 
				+import { routeTree } from './routeTree.gen.js';
			
 
				 import './styles.css';
			
 
				 
			
 
				+export const router = createRouter({
			
 
				+    routeTree,
			
 
				+    defaultPreload: 'intent',
			
 
				+    scrollRestoration: true,
			
 
				+    context: {
			
 
				+        /* eslint-disable @typescript-eslint/no-non-null-assertion */
			
 
				+        auth: undefined!, // This will be set after we wrap the app in an AuthProvider
			
 
				+        queryClient,
			
 
				+    },
			
 
				+    defaultErrorComponent: ({ error }: { error: Error }) => <div>Uh Oh!!! {error.message}</div>,
			
 
				+});
			
 
				+
			
 
				 function InnerApp() {
			
 
				     const auth = useAuth();
			
 
				     const extendedRouter = useExtendedRouter(router);
			
--- a/packages/dashboard/src/app/routes/__root.tsx
+++ b/packages/dashboard/src/app/routes/__root.tsx
--- a/packages/dashboard/src/app/routes/_authenticated.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated.tsx
@@ -1,9 +1,8 @@
 
				 import { AppLayout } from '@/components/layout/app-layout.js';
			
 
				 import { createFileRoute, redirect } from '@tanstack/react-router';
			
 
				+import { AUTHENTICATED_ROUTE_PREFIX } from '@/constants.js';
			
 
				 import * as React from 'react';
			
 
				 
			
 
				-export const AUTHENTICATED_ROUTE_PREFIX = '/_authenticated';
			
 
				-
			
 
				 export const Route = createFileRoute(AUTHENTICATED_ROUTE_PREFIX)({
			
 
				     beforeLoad: ({ context, location }) => {
			
 
				         if (!context.auth.isAuthenticated) {
			
--- a/packages/dashboard/src/app/routes/_authenticated/_administrators/administrators.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_administrators/administrators.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_administrators/administrators.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_administrators/administrators.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_administrators/administrators_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_administrators/administrators_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_administrators/components/role-permissions-display.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_administrators/components/role-permissions-display.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_assets/assets.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_assets/assets.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_channels/channels.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_channels/channels.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_channels/channels.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_channels/channels.tsx
@@ -6,7 +6,7 @@ import { ListPage } from '@/framework/page/list-page.js';
 
				 import { Trans } from '@lingui/react/macro';
			
 
				 import { Link, createFileRoute } from '@tanstack/react-router';
			
 
				 import { PlusIcon } from 'lucide-react';
			
 
				-import { ChannelCodeLabel } from '../../../components/shared/channel-code-label.js';
			
 
				+import { ChannelCodeLabel } from '@/components/shared/channel-code-label.js';
			
 
				 import { channelListQuery, deleteChannelDocument } from './channels.graphql.js';
			
 
				 
			
 
				 export const Route = createFileRoute('/_authenticated/_channels/channels')({
			
--- a/packages/dashboard/src/app/routes/_authenticated/_channels/channels_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_channels/channels_.$id.tsx
@@ -25,7 +25,7 @@ import { useDetailPage } from '@/framework/page/use-detail-page.js';
 
				 import { Trans, useLingui } from '@lingui/react/macro';
			
 
				 import { createFileRoute, useNavigate } from '@tanstack/react-router';
			
 
				 import { toast } from 'sonner';
			
 
				-import { ChannelCodeLabel } from '../../../components/shared/channel-code-label.js';
			
 
				+import { ChannelCodeLabel } from '@/components/shared/channel-code-label.js';
			
 
				 import { channelDetailDocument, createChannelDocument, updateChannelDocument } from './channels.graphql.js';
			
 
				 
			
 
				 export const Route = createFileRoute('/_authenticated/_channels/channels_/$id')({
			
@@ -183,7 +183,11 @@ function ChannelDetailPage() {
 
				                             />
			
 
				                         </DetailFormGrid>
			
 
				                     </PageBlock>
			
 
				-                    <PageBlock column="main" blockId="channel-defaults" title={<Trans>Channel defaults</Trans>}>
			
 
				+                    <PageBlock
			
 
				+                        column="main"
			
 
				+                        blockId="channel-defaults"
			
 
				+                        title={<Trans>Channel defaults</Trans>}
			
 
				+                    >
			
 
				                         <DetailFormGrid>
			
 
				                             <FormFieldWrapper
			
 
				                                 control={form.control}
			
--- a/packages/dashboard/src/app/routes/_authenticated/_collections/collections.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_collections/collections.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_collections/collections.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_collections/collections.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_collections/collections_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_collections/collections_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_collections/components/collection-contents-preview-table.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_collections/components/collection-contents-preview-table.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_collections/components/collection-contents-sheet.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_collections/components/collection-contents-sheet.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_collections/components/collection-contents-table.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_collections/components/collection-contents-table.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_collections/components/collection-filters-selector.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_collections/components/collection-filters-selector.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_countries/countries.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_countries/countries.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_countries/countries.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_countries/countries.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_countries/countries_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_countries/countries_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customer-groups/components/customer-group-members-sheet.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customer-groups/components/customer-group-members-sheet.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customer-groups/components/customer-group-members-table.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customer-groups/components/customer-group-members-table.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customer-groups/customer-groups.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_customer-groups/customer-groups.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_customer-groups/customer-groups.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customer-groups/customer-groups.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customer-groups/customer-groups_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customer-groups/customer-groups_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-address-card.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-address-card.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-address-form.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-address-form.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-group-controls.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-group-controls.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-history/customer-history-container.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-history/customer-history-container.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-history/customer-history.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-history/customer-history.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-history/index.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-history/index.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-history/use-customer-history.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-history/use-customer-history.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-order-table.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-order-table.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-status-badge.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customers/components/customer-status-badge.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customers/customers.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_customers/customers.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_customers/customers.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customers/customers.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_customers/customers_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_customers/customers_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_facets/components/edit-facet-value.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_facets/components/edit-facet-value.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_facets/components/facet-values-sheet.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_facets/components/facet-values-sheet.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_facets/components/facet-values-table.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_facets/components/facet-values-table.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_facets/facets.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_facets/facets.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_facets/facets.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_facets/facets.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_facets/facets_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_facets/facets_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_global-settings/global-settings.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_global-settings/global-settings.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_global-settings/global-settings.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_global-settings/global-settings.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-address.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-address.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-history.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-history.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-history/index.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-history/index.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-history/order-history-container.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-history/order-history-container.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-history/order-history.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-history/order-history.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-history/use-order-history.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-history/use-order-history.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-table.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-table.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-tax-summary.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_orders/components/order-tax-summary.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_orders/components/payment-details.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_orders/components/payment-details.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_orders/orders.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_orders/orders.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_orders/orders.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_orders/orders.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_orders/orders_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_orders/orders_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_payment-methods/components/payment-eligibility-checker-selector.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_payment-methods/components/payment-eligibility-checker-selector.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_payment-methods/components/payment-handler-selector.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_payment-methods/components/payment-handler-selector.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_payment-methods/payment-methods.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_payment-methods/payment-methods.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_payment-methods/payment-methods.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_payment-methods/payment-methods.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_payment-methods/payment-methods_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_payment-methods/payment-methods_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_product-variants/components/variant-price-detail.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_product-variants/components/variant-price-detail.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_product-variants/product-variants.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_product-variants/product-variants.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_product-variants/product-variants.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_product-variants/product-variants.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_product-variants/product-variants_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_product-variants/product-variants_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_products/components/create-product-variants-dialog.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_products/components/create-product-variants-dialog.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_products/components/create-product-variants.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_products/components/create-product-variants.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_products/components/option-value-input.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_products/components/option-value-input.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_products/components/product-variants-table.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_products/components/product-variants-table.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_products/products.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_products/products.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_products/products.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_products/products.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_products/products_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_products/products_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_profile/profile.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_profile/profile.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_profile/profile.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_profile/profile.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_promotions/components/promotion-actions-selector.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_promotions/components/promotion-actions-selector.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_promotions/components/promotion-conditions-selector.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_promotions/components/promotion-conditions-selector.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_promotions/promotions.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_promotions/promotions.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_promotions/promotions.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_promotions/promotions.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_promotions/promotions_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_promotions/promotions_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_roles/components/expandable-permissions.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_roles/components/expandable-permissions.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_roles/components/permissions-grid.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_roles/components/permissions-grid.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_roles/roles.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_roles/roles.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_roles/roles.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_roles/roles.tsx
@@ -9,7 +9,7 @@ import { ListPage } from '@/framework/page/list-page.js';
 
				 import { Trans } from '@lingui/react/macro';
			
 
				 import { createFileRoute, Link } from '@tanstack/react-router';
			
 
				 import { LayersIcon, PlusIcon } from 'lucide-react';
			
 
				-import { ChannelCodeLabel } from '../../../components/shared/channel-code-label.js';
			
 
				+import { ChannelCodeLabel } from '@/components/shared/channel-code-label.js';
			
 
				 import { ExpandablePermissions } from './components/expandable-permissions.js';
			
 
				 import { deleteRoleDocument, roleListQuery } from './roles.graphql.js';
			
 
				 export const Route = createFileRoute('/_authenticated/_roles/roles')({
			
@@ -37,11 +37,13 @@ function RoleListPage() {
 
				                 code: {
			
 
				                     header: 'Code',
			
 
				                     cell: ({ row }) => {
			
 
				-                        return <DetailPageButton
			
 
				+                        return (
			
 
				+                            <DetailPageButton
			
 
				                                 id={row.original.id}
			
 
				                                 label={<RoleCodeLabel code={row.original.code} />}
			
 
				                                 disabled={SYSTEM_ROLES.includes(row.original.code)}
			
 
				-                            />  
			
 
				+                            />
			
 
				+                        );
			
 
				                     },
			
 
				                 },
			
 
				                 permissions: {
			
@@ -83,9 +85,9 @@ function RoleListPage() {
 
				                     <PermissionGuard requires={['CreateAdministrator']}>
			
 
				                         <Button asChild>
			
 
				                             <Link to="./new">
			
 
				-                            <PlusIcon className="mr-2 h-4 w-4" />
			
 
				-                            New Role
			
 
				-                        </Link>
			
 
				+                                <PlusIcon className="mr-2 h-4 w-4" />
			
 
				+                                New Role
			
 
				+                            </Link>
			
 
				                         </Button>
			
 
				                     </PermissionGuard>
			
 
				                 </PageActionBarRight>
			
--- a/packages/dashboard/src/app/routes/_authenticated/_roles/roles_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_roles/roles_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_sellers/sellers.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_sellers/sellers.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_sellers/sellers.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_sellers/sellers.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_sellers/sellers_.$id.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_sellers/sellers_.$id.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_shipping-methods/components/fulfillment-handler-selector.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_shipping-methods/components/fulfillment-handler-selector.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_shipping-methods/components/shipping-calculator-selector.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_shipping-methods/components/shipping-calculator-selector.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_shipping-methods/components/shipping-eligibility-checker-selector.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_shipping-methods/components/shipping-eligibility-checker-selector.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_shipping-methods/components/test-shipping-method-dialog.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_shipping-methods/components/test-shipping-method-dialog.tsx
--- a/packages/dashboard/src/app/routes/_authenticated/_shipping-methods/shipping-methods.graphql.ts
+++ b/packages/dashboard/src/app/routes/_authenticated/_shipping-methods/shipping-methods.graphql.ts
--- a/packages/dashboard/src/app/routes/_authenticated/_shipping-methods/shipping-methods.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_shipping-methods/shipping-methods.tsx