@vendure/dashboard 3.3.6-master-202507041203 → 3.4.0-minor-202506250934

package/package.json

@@ -1,134 +1,134 @@
 {
-  "name": "@vendure/dashboard",
-  "private": false,
-  "version": "3.3.6-master-202507041203",
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/vendure-ecommerce/vendure"
-  },
-  "homepage": "https://www.vendure.io",
-  "funding": "https://github.com/sponsors/michaelbromley",
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build:standalone": "vite build",
-    "build": "tsc --project tsconfig.plugin.json",
-    "watch": "tsc --project tsconfig.plugin.json --watch",
-    "test": "vitest run",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "generate-index": "node scripts/generate-index.js"
-  },
-  "module": "./src/lib/index.ts",
-  "main": "./src/lib/index.ts",
-  "types": "./src/lib/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./src/lib/index.d.ts",
-      "import": "./src/lib/index.ts",
-      "require": "./src/lib/index.ts"
+    "name": "@vendure/dashboard",
+    "private": false,
+    "version": "3.4.0-minor-202506250934",
+    "type": "module",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/vendure-ecommerce/vendure"
     },
-    "./plugin": {
-      "types": "./dist/plugin/index.d.ts",
-      "import": "./dist/plugin/index.js",
-      "require": "./dist/plugin/index.js"
-    }
-  },
-  "files": [
-    "dist",
-    "src",
-    "vite",
-    "lingui.config.js",
-    "index.html"
-  ],
-  "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@hookform/resolvers": "^4.1.3",
-    "@lingui/babel-plugin-lingui-macro": "^5.2.0",
-    "@lingui/cli": "^5.2.0",
-    "@lingui/core": "^5.2.0",
-    "@lingui/react": "^5.2.0",
-    "@lingui/vite-plugin": "^5.2.0",
-    "@radix-ui/react-accordion": "^1.2.3",
-    "@radix-ui/react-alert-dialog": "^1.1.6",
-    "@radix-ui/react-avatar": "^1.1.3",
-    "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-collapsible": "^1.1.3",
-    "@radix-ui/react-dialog": "^1.1.6",
-    "@radix-ui/react-dropdown-menu": "^2.1.6",
-    "@radix-ui/react-hover-card": "^1.1.6",
-    "@radix-ui/react-label": "^2.1.2",
-    "@radix-ui/react-popover": "^1.1.6",
-    "@radix-ui/react-scroll-area": "^1.2.3",
-    "@radix-ui/react-select": "^2.2.5",
-    "@radix-ui/react-separator": "^1.1.2",
-    "@radix-ui/react-slot": "^1.1.2",
-    "@radix-ui/react-switch": "^1.1.3",
-    "@radix-ui/react-tabs": "^1.1.3",
-    "@radix-ui/react-tooltip": "^1.1.8",
-    "@tailwindcss/vite": "^4.1.5",
-    "@tanstack/eslint-plugin-query": "^5.66.1",
-    "@tanstack/react-query": "^5.66.7",
-    "@tanstack/react-query-devtools": "^5.68.0",
-    "@tanstack/react-router": "^1.105.0",
-    "@tanstack/react-table": "^8.21.2",
-    "@tanstack/router-devtools": "^1.105.0",
-    "@tanstack/router-plugin": "^1.105.0",
-    "@tiptap/pm": "^2.11.5",
-    "@tiptap/react": "^2.11.5",
-    "@tiptap/starter-kit": "^2.11.5",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@types/react-grid-layout": "^1.3.5",
-    "@uidotdev/usehooks": "^2.4.1",
-    "@vendure/common": "^3.3.6-master-202507041203",
-    "@vendure/core": "^3.3.6-master-202507041203",
-    "@vitejs/plugin-react": "^4.3.4",
-    "awesome-graphql-client": "^2.1.0",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.0.0",
-    "date-fns": "^3.6.0",
-    "gql.tada": "^1.8.10",
-    "graphql": "^16.10.0",
-    "json-edit-react": "^1.23.1",
-    "lucide-react": "^0.475.0",
-    "motion": "^12.6.2",
-    "next-themes": "^0.4.6",
-    "react": "^19.0.0",
-    "react-day-picker": "^9.6.7",
-    "react-dom": "^19.0.0",
-    "react-dropzone": "^14.3.8",
-    "react-grid-layout": "^1.5.1",
-    "react-hook-form": "^7.54.2",
-    "recharts": "^2.15.1",
-    "sonner": "^2.0.1",
-    "tailwind-merge": "^3.2.0",
-    "tailwindcss": "^4.1.5",
-    "tailwindcss-animate": "^1.0.7",
-    "tsconfig-paths": "^4.2.0",
-    "tw-animate-css": "^1.2.9",
-    "vite": "^6.3.5",
-    "zod": "^3.24.2"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.19.0",
-    "@types/node": "^22.13.4",
-    "eslint": "^9.19.0",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.18",
-    "globals": "^15.14.0",
-    "vite-plugin-dts": "^4.5.3"
-  },
-  "optionalDependencies": {
-    "lightningcss-linux-arm64-musl": "^1.29.3",
-    "lightningcss-linux-x64-musl": "^1.29.1"
-  },
-  "gitHead": "bf87fca72814e2d3eb0a12b0d6575f234f1be67c"
+    "homepage": "https://www.vendure.io",
+    "funding": "https://github.com/sponsors/michaelbromley",
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "dev": "vite",
+        "build:standalone": "vite build",
+        "build": "tsc --project tsconfig.plugin.json",
+        "watch": "tsc --project tsconfig.plugin.json --watch",
+        "test": "vitest run",
+        "lint": "eslint .",
+        "preview": "vite preview",
+        "generate-index": "node ./generate-index.js"
+    },
+    "module": "./src/lib/index.ts",
+    "main": "./src/lib/index.ts",
+    "types": "./src/lib/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./src/lib/index.d.ts",
+            "import": "./src/lib/index.ts",
+            "require": "./src/lib/index.ts"
+        },
+        "./plugin": {
+            "types": "./dist/plugin/index.d.ts",
+            "import": "./dist/plugin/index.js",
+            "require": "./dist/plugin/index.js"
+        }
+    },
+    "files": [
+        "dist",
+        "src",
+        "vite",
+        "lingui.config.js",
+        "index.html"
+    ],
+    "dependencies": {
+        "@dnd-kit/core": "^6.3.1",
+        "@dnd-kit/modifiers": "^9.0.0",
+        "@dnd-kit/sortable": "^10.0.0",
+        "@hookform/resolvers": "^4.1.3",
+        "@lingui/babel-plugin-lingui-macro": "^5.2.0",
+        "@lingui/cli": "^5.2.0",
+        "@lingui/core": "^5.2.0",
+        "@lingui/react": "^5.2.0",
+        "@lingui/vite-plugin": "^5.2.0",
+        "@radix-ui/react-accordion": "^1.2.3",
+        "@radix-ui/react-alert-dialog": "^1.1.6",
+        "@radix-ui/react-avatar": "^1.1.3",
+        "@radix-ui/react-checkbox": "^1.1.4",
+        "@radix-ui/react-collapsible": "^1.1.3",
+        "@radix-ui/react-dialog": "^1.1.6",
+        "@radix-ui/react-dropdown-menu": "^2.1.6",
+        "@radix-ui/react-hover-card": "^1.1.6",
+        "@radix-ui/react-label": "^2.1.2",
+        "@radix-ui/react-popover": "^1.1.6",
+        "@radix-ui/react-scroll-area": "^1.2.3",
+        "@radix-ui/react-select": "^2.1.6",
+        "@radix-ui/react-separator": "^1.1.2",
+        "@radix-ui/react-slot": "^1.1.2",
+        "@radix-ui/react-switch": "^1.1.3",
+        "@radix-ui/react-tabs": "^1.1.3",
+        "@radix-ui/react-tooltip": "^1.1.8",
+        "@tailwindcss/vite": "^4.1.5",
+        "@tanstack/eslint-plugin-query": "^5.66.1",
+        "@tanstack/react-query": "^5.66.7",
+        "@tanstack/react-query-devtools": "^5.68.0",
+        "@tanstack/react-router": "^1.105.0",
+        "@tanstack/react-table": "^8.21.2",
+        "@tanstack/router-devtools": "^1.105.0",
+        "@tanstack/router-plugin": "^1.105.0",
+        "@tiptap/pm": "^2.11.5",
+        "@tiptap/react": "^2.11.5",
+        "@tiptap/starter-kit": "^2.11.5",
+        "@types/react": "^19.0.10",
+        "@types/react-dom": "^19.0.4",
+        "@types/react-grid-layout": "^1.3.5",
+        "@uidotdev/usehooks": "^2.4.1",
+        "@vendure/common": "^3.4.0-minor-202506250934",
+        "@vendure/core": "^3.4.0-minor-202506250934",
+        "@vitejs/plugin-react": "^4.3.4",
+        "awesome-graphql-client": "^2.1.0",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "cmdk": "^1.0.0",
+        "date-fns": "^3.6.0",
+        "gql.tada": "^1.8.10",
+        "graphql": "^16.10.0",
+        "json-edit-react": "^1.23.1",
+        "lucide-react": "^0.475.0",
+        "motion": "^12.6.2",
+        "next-themes": "^0.4.6",
+        "react": "^19.0.0",
+        "react-day-picker": "^9.6.7",
+        "react-dom": "^19.0.0",
+        "react-dropzone": "^14.3.8",
+        "react-grid-layout": "^1.5.1",
+        "react-hook-form": "^7.54.2",
+        "recharts": "^2.15.1",
+        "sonner": "^2.0.1",
+        "tailwind-merge": "^3.2.0",
+        "tailwindcss": "^4.1.5",
+        "tailwindcss-animate": "^1.0.7",
+        "tsconfig-paths": "^4.2.0",
+        "tw-animate-css": "^1.2.9",
+        "vite": "^6.3.5",
+        "zod": "^3.24.2"
+    },
+    "devDependencies": {
+        "@eslint/js": "^9.19.0",
+        "@types/node": "^22.13.4",
+        "eslint": "^9.19.0",
+        "eslint-plugin-react": "^7.37.4",
+        "eslint-plugin-react-hooks": "^5.0.0",
+        "eslint-plugin-react-refresh": "^0.4.18",
+        "globals": "^15.14.0",
+        "vite-plugin-dts": "^4.5.3"
+    },
+    "optionalDependencies": {
+        "lightningcss-linux-arm64-musl": "^1.29.3",
+        "lightningcss-linux-x64-musl": "^1.29.1"
+    },
+    "gitHead": "29f444f80b976d28de294b1f8d78af63e461920f"
 }

package/src/app/app-providers.tsx

@@ -1,9 +1,9 @@
-import { AuthProvider } from '@/vdb/providers/auth.js';
-import { ChannelProvider } from '@/vdb/providers/channel-provider.js';
-import { I18nProvider } from '@/vdb/providers/i18n-provider.js';
-import { ServerConfigProvider } from '@/vdb/providers/server-config.js';
-import { ThemeProvider } from '@/vdb/providers/theme-provider.js';
-import { UserSettingsProvider } from '@/vdb/providers/user-settings.js';
+import { AuthProvider } from '@/providers/auth.js';
+import { ChannelProvider } from '@/providers/channel-provider.js';
+import { I18nProvider } from '@/providers/i18n-provider.js';
+import { ServerConfigProvider } from '@/providers/server-config.js';
+import { ThemeProvider } from '@/providers/theme-provider.js';
+import { UserSettingsProvider } from '@/providers/user-settings.js';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import React from 'react';

package/src/app/main.tsx

@@ -1,12 +1,12 @@
-import { Toaster } from '@/vdb/components/ui/sonner.js';
-import { registerDefaults } from '@/vdb/framework/defaults.js';
-import { setCustomFieldsMap } from '@/vdb/framework/document-introspection/add-custom-fields.js';
-import { executeDashboardExtensionCallbacks } from '@/vdb/framework/extension-api/define-dashboard-extension.js';
-import { useDashboardExtensions } from '@/vdb/framework/extension-api/use-dashboard-extensions.js';
-import { useExtendedRouter } from '@/vdb/framework/page/use-extended-router.js';
-import { useAuth } from '@/vdb/hooks/use-auth.js';
-import { useServerConfig } from '@/vdb/hooks/use-server-config.js';
-import { defaultLocale, dynamicActivate } from '@/vdb/providers/i18n-provider.js';
+import { Toaster } from '@/components/ui/sonner.js';
+import { registerDefaults } from '@/framework/defaults.js';
+import { setCustomFieldsMap } from '@/framework/document-introspection/add-custom-fields.js';
+import { executeDashboardExtensionCallbacks } from '@/framework/extension-api/define-dashboard-extension.js';
+import { useDashboardExtensions } from '@/framework/extension-api/use-dashboard-extensions.js';
+import { useExtendedRouter } from '@/framework/page/use-extended-router.js';
+import { useAuth } from '@/hooks/use-auth.js';
+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';

package/src/app/routes/__root.tsx

@@ -1,6 +1,7 @@
-import { AuthContext } from '@/vdb/providers/auth.js';
+import { AuthContext } from '@/providers/auth.js';
 import { QueryClient } from '@tanstack/react-query';
 import { createRootRouteWithContext, Outlet } from '@tanstack/react-router';
+import { TanStackRouterDevtools } from '@tanstack/router-devtools';
 
 export interface MyRouterContext {
     auth: AuthContext;

package/src/app/routes/_authenticated/_administrators/administrators.graphql.ts

@@ -1,4 +1,4 @@
-import { graphql } from '@/vdb/graphql/graphql.js';
+import { graphql } from '@/graphql/graphql.js';
 
 export const administratorItemFragment = graphql(`
     fragment AdministratorItem on Administrator {
@@ -77,12 +77,3 @@ export const deleteAdministratorDocument = graphql(`
         }
     }
 `);
-
-export const deleteAdministratorsDocument = graphql(`
-    mutation DeleteAdministrators($ids: [ID!]!) {
-        deleteAdministrators(ids: $ids) {
-            result
-            message
-        }
-    }
-`);

package/src/app/routes/_authenticated/_administrators/administrators.tsx

@@ -1,15 +1,14 @@
-import { DetailPageButton } from '@/vdb/components/shared/detail-page-button.js';
-import { PermissionGuard } from '@/vdb/components/shared/permission-guard.js';
-import { RoleCodeLabel } from '@/vdb/components/shared/role-code-label.js';
-import { Badge } from '@/vdb/components/ui/badge.js';
-import { Button } from '@/vdb/components/ui/button.js';
-import { PageActionBarRight } from '@/vdb/framework/layout-engine/page-layout.js';
-import { ListPage } from '@/vdb/framework/page/list-page.js';
-import { Trans } from '@/vdb/lib/trans.js';
+import { DetailPageButton } from '@/components/shared/detail-page-button.js';
+import { PermissionGuard } from '@/components/shared/permission-guard.js';
+import { RoleCodeLabel } from '@/components/shared/role-code-label.js';
+import { Badge } from '@/components/ui/badge.js';
+import { Button } from '@/components/ui/button.js';
+import { PageActionBarRight } from '@/framework/layout-engine/page-layout.js';
+import { ListPage } from '@/framework/page/list-page.js';
+import { Trans } from '@/lib/trans.js';
 import { createFileRoute, Link } from '@tanstack/react-router';
 import { PlusIcon } from 'lucide-react';
 import { administratorListDocument, deleteAdministratorDocument } from './administrators.graphql.js';
-import { DeleteAdministratorsBulkAction } from './components/administrator-bulk-actions.js';
 
 export const Route = createFileRoute('/_authenticated/_administrators/administrators')({
     component: AdministratorListPage,
@@ -71,12 +70,6 @@ function AdministratorListPage() {
                 emailAddress: true,
             }}
             defaultColumnOrder={['name', 'emailAddress', 'roles']}
-            bulkActions={[
-                {
-                    component: DeleteAdministratorsBulkAction,
-                    order: 500,
-                },
-            ]}
         >
             <PageActionBarRight>
                 <PermissionGuard requires={['CreateAdministrator']}>

package/src/app/routes/_authenticated/_administrators/administrators_.$id.tsx

@@ -1,10 +1,10 @@
-import { ErrorPage } from '@/vdb/components/shared/error-page.js';
-import { FormFieldWrapper } from '@/vdb/components/shared/form-field-wrapper.js';
-import { PermissionGuard } from '@/vdb/components/shared/permission-guard.js';
-import { RoleSelector } from '@/vdb/components/shared/role-selector.js';
-import { Button } from '@/vdb/components/ui/button.js';
-import { Input } from '@/vdb/components/ui/input.js';
-import { NEW_ENTITY_PATH } from '@/vdb/constants.js';
+import { ErrorPage } from '@/components/shared/error-page.js';
+import { FormFieldWrapper } from '@/components/shared/form-field-wrapper.js';
+import { PermissionGuard } from '@/components/shared/permission-guard.js';
+import { RoleSelector } from '@/components/shared/role-selector.js';
+import { Button } from '@/components/ui/button.js';
+import { Input } from '@/components/ui/input.js';
+import { NEW_ENTITY_PATH } from '@/constants.js';
 import {
     CustomFieldsPageBlock,
     Page,
@@ -13,10 +13,10 @@ import {
     PageBlock,
     PageLayout,
     PageTitle,
-} from '@/vdb/framework/layout-engine/page-layout.js';
-import { detailPageRouteLoader } from '@/vdb/framework/page/detail-page-route-loader.js';
-import { useDetailPage } from '@/vdb/framework/page/use-detail-page.js';
-import { Trans, useLingui } from '@/vdb/lib/trans.js';
+} from '@/framework/layout-engine/page-layout.js';
+import { detailPageRouteLoader } from '@/framework/page/detail-page-route-loader.js';
+import { useDetailPage } from '@/framework/page/use-detail-page.js';
+import { Trans, useLingui } from '@/lib/trans.js';
 import { createFileRoute, useNavigate } from '@tanstack/react-router';
 import { toast } from 'sonner';
 import {
@@ -26,12 +26,9 @@ import {
 } from './administrators.graphql.js';
 import { RolePermissionsDisplay } from './components/role-permissions-display.js';
 
-const pageId = 'administrator-detail';
-
 export const Route = createFileRoute('/_authenticated/_administrators/administrators_/$id')({
     component: AdministratorDetailPage,
     loader: detailPageRouteLoader({
-        pageId,
         queryDocument: administratorDetailDocument,
         breadcrumb: (isNew, entity) => {
             const name = `${entity?.firstName} ${entity?.lastName}`;
@@ -51,7 +48,6 @@ function AdministratorDetailPage() {
     const { i18n } = useLingui();
 
     const { form, submitHandler, entity, isPending, resetForm } = useDetailPage({
-        pageId,
         queryDocument: administratorDetailDocument,
         createDocument: createAdministratorDocument,
         updateDocument: updateAdministratorDocument,
@@ -91,7 +87,7 @@ function AdministratorDetailPage() {
     const roleIds = form.watch('roleIds');
 
     return (
-        <Page pageId={pageId} form={form} submitHandler={submitHandler} entity={entity}>
+        <Page pageId="administrator-detail" form={form} submitHandler={submitHandler}>
             <PageTitle>{creatingNewEntity ? <Trans>New administrator</Trans> : name}</PageTitle>
 
             <PageActionBar>

package/src/app/routes/_authenticated/_administrators/components/role-permissions-display.tsx

@@ -1,11 +1,11 @@
-import { ChannelCodeLabel } from '@/vdb/components/shared/channel-code-label.js';
-import { Checkbox } from '@/vdb/components/ui/checkbox.js';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/vdb/components/ui/tabs.js';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/vdb/components/ui/tooltip.js';
-import { api } from '@/vdb/graphql/api.js';
-import { graphql } from '@/vdb/graphql/graphql.js';
-import { useGroupedPermissions } from '@/vdb/hooks/use-grouped-permissions.js';
-import { useLingui } from '@/vdb/lib/trans.js';
+import { ChannelCodeLabel } from '@/components/shared/channel-code-label.js';
+import { Checkbox } from '@/components/ui/checkbox.js';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs.js';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip.js';
+import { api } from '@/graphql/api.js';
+import { graphql } from '@/graphql/graphql.js';
+import { useGroupedPermissions } from '@/hooks/use-grouped-permissions.js';
+import { useLingui } from '@/lib/trans.js';
 import { useQuery } from '@tanstack/react-query';
 
 const rolesByIdDocument = graphql(`
@@ -28,7 +28,7 @@ interface RolePermissionsDisplayProps {
     value: string[];
 }
 
-export function RolePermissionsDisplay({ value = [] }: Readonly<RolePermissionsDisplayProps>) {
+export function RolePermissionsDisplay({ value = [] }: RolePermissionsDisplayProps) {
     const { i18n } = useLingui();
     const groupedPermissions = useGroupedPermissions();
 
@@ -46,9 +46,9 @@ export function RolePermissionsDisplay({ value = [] }: Readonly<RolePermissionsD
 
     const roles = data?.roles.items ?? [];
 
-    const allChannels = roles
-        .flatMap(role => role.channels)
-        .filter((channel, index, self) => index === self.findIndex(t => t.code === channel.code));
+    const allChannels = roles.flatMap(role => role.channels).filter((channel, index, self) =>
+        index === self.findIndex((t) => t.code === channel.code),
+    );
 
     const isPermissionEnabled = (permissionName: string, channelCode: string) => {
         // Check if any role has this permission for this channel
@@ -87,9 +87,7 @@ export function RolePermissionsDisplay({ value = [] }: Readonly<RolePermissionsD
                                 {groupedPermissions.map((group, idx) => (
                                     <tr
                                         key={group.label}
-                                        className={
-                                            idx !== groupedPermissions.length - 1 ? 'border-b' : undefined
-                                        }
+                                        className={idx !== groupedPermissions.length - 1 ? 'border-b' : undefined}
                                     >
                                         <td className="p-4">
                                             <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
@@ -108,7 +106,9 @@ export function RolePermissionsDisplay({ value = [] }: Readonly<RolePermissionsD
                                                         <TooltipProvider>
                                                             <Tooltip>
                                                                 <TooltipTrigger asChild>
-                                                                    <label className="text-sm cursor-default">
+                                                                    <label
+                                                                        className="text-sm cursor-default"
+                                                                    >
                                                                         {i18n.t(permission.name)}
                                                                     </label>
                                                                 </TooltipTrigger>

package/src/app/routes/_authenticated/_assets/assets.graphql.ts

@@ -1,5 +1,5 @@
-import { assetFragment } from '@/vdb/graphql/fragments.js';
-import { graphql } from '@/vdb/graphql/graphql.js';
+import { assetFragment } from '@/graphql/fragments.js';
+import { graphql } from '@/graphql/graphql.js';
 
 export const assetDetailDocument = graphql(
     `
@@ -24,14 +24,3 @@ export const assetUpdateDocument = graphql(`
         }
     }
 `);
-
-export const deleteAssetsDocument = graphql(`
-    mutation DeleteAssets($input: DeleteAssetsInput!) {
-        deleteAssets(input: $input) {
-            ... on DeletionResponse {
-                result
-                message
-            }
-        }
-    }
-`);

package/src/app/routes/_authenticated/_assets/assets.tsx

@@ -1,8 +1,7 @@
-import { AssetGallery } from '@/vdb/components/shared/asset/asset-gallery.js';
-import { Page, PageBlock, PageTitle } from '@/vdb/framework/layout-engine/page-layout.js';
-import { Trans } from '@/vdb/lib/trans.js';
+import { AssetGallery } from '@/components/shared/asset/asset-gallery.js';
+import { Page, PageTitle, PageActionBar } from '@/framework/layout-engine/page-layout.js';
+import { Trans } from '@/lib/trans.js';
 import { createFileRoute } from '@tanstack/react-router';
-import { DeleteAssetsBulkAction } from './components/asset-bulk-actions.js';
 
 export const Route = createFileRoute('/_authenticated/_assets/assets')({
     component: RouteComponent,
@@ -14,18 +13,7 @@ function RouteComponent() {
             <PageTitle>
                 <Trans>Assets</Trans>
             </PageTitle>
-            <PageBlock blockId="asset-gallery" column="main">
-                <AssetGallery
-                    selectable={true}
-                    multiSelect="manual"
-                    bulkActions={[
-                        {
-                            order: 10,
-                            component: DeleteAssetsBulkAction,
-                        },
-                    ]}
-                />
-            </PageBlock>
+            <AssetGallery selectable={true} multiSelect='manual' />
         </Page>
     );
 }