@vendure/dashboard 3.3.6-master-202507020959 → 3.3.6-master-202507030234

package/src/lib/framework/dashboard-widget/latest-orders-widget/index.tsx

@@ -1,13 +1,12 @@
-import { useQuery } from '@tanstack/react-query';
-import { latestOrdersQuery } from './latest-orders-widget.graphql.js';
-import { DashboardBaseWidget } from '../base-widget.js';
-import { PaginatedListDataTable, addCustomFields, useLocalFormat } from '@/index.js';
-import { ColumnFiltersState } from '@tanstack/react-table';
-import { useState } from 'react';
-import { SortingState } from '@tanstack/react-table';
+import { Button } from '@/vdb/components/ui/button.js';
+import { PaginatedListDataTable, useLocalFormat } from '@/vdb/index.js';
 import { Link } from '@tanstack/react-router';
+import { ColumnFiltersState, SortingState } from '@tanstack/react-table';
 import { formatRelative } from 'date-fns';
-import { Button } from '@/components/ui/button.js';
+import { useState } from 'react';
+import { DashboardBaseWidget } from '../base-widget.js';
+import { latestOrdersQuery } from './latest-orders-widget.graphql.js';
+
 export const WIDGET_ID = 'latest-orders-widget';
 
 export function LatestOrdersWidget() {

package/src/lib/framework/dashboard-widget/latest-orders-widget/latest-orders-widget.graphql.ts

@@ -1,4 +1,4 @@
-import { graphql } from '@/graphql/graphql.js';
+import { graphql } from '@/vdb/graphql/graphql.js';
 
 export const latestOrderItemFragment = graphql(`
     fragment LatestOrderItem on Order {

package/src/lib/framework/dashboard-widget/metrics-widget/index.tsx

@@ -1,13 +1,12 @@
-import { api } from '@/graphql/api.js';
+import { Tabs, TabsList, TabsTrigger } from '@/vdb/components/ui/tabs.js';
+import { api } from '@/vdb/graphql/api.js';
+import { useChannel } from '@/vdb/hooks/use-channel.js';
+import { useLocalFormat } from '@/vdb/hooks/use-local-format.js';
 import { useQuery } from '@tanstack/react-query';
 import { useMemo, useState } from 'react';
-import { Area, AreaChart, CartesianGrid, Tooltip, XAxis, YAxis } from 'recharts';
-import { DashboardBaseWidget, useWidgetDimensions } from '../base-widget.js';
-import { orderChartDataQuery } from './metrics-widget.graphql.js';
+import { DashboardBaseWidget } from '../base-widget.js';
 import { MetricsChart } from './chart.js';
-import { useLocalFormat } from '@/hooks/use-local-format.js';
-import { useChannel } from '@/hooks/use-channel.js';
-import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs.js';
+import { orderChartDataQuery } from './metrics-widget.graphql.js';
 
 enum DATA_TYPES {
     OrderCount = 'OrderCount',

package/src/lib/framework/dashboard-widget/metrics-widget/metrics-widget.graphql.ts

@@ -1,4 +1,4 @@
-import { graphql } from '@/graphql/graphql.js';
+import { graphql } from '@/vdb/graphql/graphql.js';
 
 export const orderChartDataQuery = graphql(`
     query GetOrderChartData($refresh: Boolean, $types: [MetricType!]!) {

package/src/lib/framework/dashboard-widget/orders-summary/index.tsx

@@ -1,12 +1,12 @@
+import { AnimatedCurrency, AnimatedNumber } from '@/vdb/components/shared/animated-number.js';
+import { Tabs, TabsList, TabsTrigger } from '@/vdb/components/ui/tabs.js';
+import { api } from '@/vdb/graphql/api.js';
+import { useChannel, useLocalFormat } from '@/vdb/index.js';
 import { useQuery } from '@tanstack/react-query';
+import { endOfDay, endOfMonth, startOfDay, startOfMonth, subDays, subMonths } from 'date-fns';
+import { useMemo, useState } from 'react';
 import { DashboardBaseWidget } from '../base-widget.js';
 import { orderSummaryQuery } from './order-summary-widget.graphql.js';
-import { api } from '@/graphql/api.js';
-import { useMemo, useState } from 'react';
-import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs.js';
-import { useChannel, useLocalFormat } from '@/index.js';
-import { startOfDay, endOfDay, subDays, subMonths, startOfMonth, endOfMonth } from 'date-fns';
-import { AnimatedCurrency, AnimatedNumber } from '@/components/shared/animated-number.js';
 
 const WIDGET_ID = 'orders-summary-widget';
 

package/src/lib/framework/dashboard-widget/orders-summary/order-summary-widget.graphql.ts

@@ -1,4 +1,4 @@
-import { graphql } from '@/graphql/graphql.js';
+import { graphql } from '@/vdb/graphql/graphql.js';
 
 export const orderSummaryQuery = graphql(`
     query GetOrderSummary($start: DateTime!, $end: DateTime!) {

package/src/lib/framework/dashboard-widget/widget-extensions.tsx

@@ -1,4 +1,4 @@
-import { DashboardWidgetDefinition } from './types.js';
+import { DashboardWidgetDefinition } from '@/vdb/framework/extension-api/types/index.js';
 import { globalRegistry } from '../registry/global-registry.js';
 
 globalRegistry.register('dashboardWidgetRegistry', new Map<string, DashboardWidgetDefinition>());

package/src/lib/framework/data-table/data-table-extensions.ts

@@ -1,4 +1,4 @@
-import { BulkAction } from '@/framework/data-table/data-table-types.js';
+import { BulkAction } from '@/vdb/framework/extension-api/types/index.js';
 import { DocumentNode } from 'graphql';
 
 import { globalRegistry } from '../registry/global-registry.js';

package/src/lib/framework/defaults.ts

@@ -1,4 +1,4 @@
-import { setNavMenuConfig } from '@/framework/nav-menu/nav-menu-extensions.js';
+import { setNavMenuConfig } from '@/vdb/framework/nav-menu/nav-menu-extensions.js';
 import {
     LayoutDashboardIcon,
     Mail,

package/src/lib/framework/document-extension/extend-detail-form-query.ts

@@ -1,5 +1,5 @@
-import { extendDocument } from '@/framework/document-extension/extend-document.js';
-import { getDetailQueryDocuments } from '@/framework/form-engine/custom-form-component-extensions.js';
+import { extendDocument } from '@/vdb/framework/document-extension/extend-document.js';
+import { getDetailQueryDocuments } from '@/vdb/framework/form-engine/custom-form-component-extensions.js';
 import { DocumentNode } from 'graphql';
 
 /**

package/src/lib/framework/document-extension/extend-document.spec.ts

@@ -1,4 +1,4 @@
-import { graphql } from '@/graphql/graphql.js';
+import { graphql } from '@/vdb/graphql/graphql.js';
 import { print } from 'graphql';
 import { describe, expect, it } from 'vitest';
 

package/src/lib/framework/document-extension/extend-document.ts

@@ -1,4 +1,4 @@
-import { Variables } from '@/graphql/api.js';
+import { Variables } from '@/vdb/graphql/api.js';
 import type { TypedDocumentNode } from '@graphql-typed-document-node/core';
 import {
     DefinitionNode,

package/src/lib/framework/document-introspection/add-custom-fields.ts

@@ -1,9 +1,9 @@
-import { Variables } from '@/graphql/api.js';
+import { Variables } from '@/vdb/graphql/api.js';
 import {
     getServerConfigDocument,
     relationCustomFieldFragment,
     structCustomFieldFragment,
-} from '@/providers/server-config.js';
+} from '@/vdb/providers/server-config.js';
 import type { TypedDocumentNode } from '@graphql-typed-document-node/core';
 import { CustomFieldConfig } from '@vendure/common/lib/generated-types';
 import { ResultOf } from 'gql.tada';

package/src/lib/framework/document-introspection/hooks.ts

@@ -1,4 +1,7 @@
-import { FieldInfo, getListQueryFields } from '@/framework/document-introspection/get-document-structure.js';
+import {
+    FieldInfo,
+    getListQueryFields,
+} from '@/vdb/framework/document-introspection/get-document-structure.js';
 import { DocumentNode } from 'graphql';
 import { useMemo } from 'react';
 

package/src/lib/framework/extension-api/display-component-extensions.tsx

@@ -1,7 +1,7 @@
-import { BooleanDisplayBadge, BooleanDisplayCheckbox } from '@/components/data-display/boolean.js';
-import { DateTime } from '@/components/data-display/date-time.js';
-import { Money } from '@/components/data-display/money.js';
-import { VendureImage } from '@/components/shared/vendure-image.js';
+import { BooleanDisplayBadge, BooleanDisplayCheckbox } from '@/vdb/components/data-display/boolean.js';
+import { DateTime } from '@/vdb/components/data-display/date-time.js';
+import { Money } from '@/vdb/components/data-display/money.js';
+import { VendureImage } from '@/vdb/components/shared/vendure-image.js';
 import { DataDisplayComponent } from '../component-registry/component-registry.js';
 import { globalRegistry } from '../registry/global-registry.js';
 

package/src/lib/framework/extension-api/extension-api-types.ts

@@ -1,6 +1,3 @@
-// Import all domain-specific types
-export * from './types/index.js';
-
 // Import types for the main interface
 import {
     DashboardActionBarItem,

package/src/lib/framework/extension-api/input-component-extensions.tsx

@@ -1,8 +1,8 @@
-import { DateTimeInput } from '@/components/data-input/datetime-input.js';
-import { FacetValueInput } from '@/components/data-input/facet-value-input.js';
-import { MoneyInput } from '@/components/data-input/money-input.js';
-import { Checkbox } from '@/components/ui/checkbox.js';
-import { Input } from '@/components/ui/input.js';
+import { DateTimeInput } from '@/vdb/components/data-input/datetime-input.js';
+import { FacetValueInput } from '@/vdb/components/data-input/facet-value-input.js';
+import { MoneyInput } from '@/vdb/components/data-input/money-input.js';
+import { Checkbox } from '@/vdb/components/ui/checkbox.js';
+import { Input } from '@/vdb/components/ui/input.js';
 import { DataInputComponent } from '../component-registry/component-registry.js';
 import { globalRegistry } from '../registry/global-registry.js';
 

package/src/lib/framework/extension-api/logic/detail-forms.ts

@@ -1,4 +1,4 @@
-import { addDetailQueryDocument } from '@/framework/form-engine/custom-form-component-extensions.js';
+import { addDetailQueryDocument } from '@/vdb/framework/form-engine/custom-form-component-extensions.js';
 import { parse } from 'graphql';
 
 import { addDisplayComponent } from '../display-component-extensions.js';

package/src/lib/framework/extension-api/types/data-table.ts

@@ -1,7 +1,6 @@
+import { Table } from '@tanstack/react-table';
 import { DocumentNode } from 'graphql';
 
-import { BulkAction } from '../../data-table/data-table-types.js';
-
 /**
  * @description
  * Allows you to define custom display components for specific columns in data tables.
@@ -24,6 +23,30 @@ export interface DashboardDataTableDisplayComponent {
     component: React.ComponentType<{ value: any; [key: string]: any }>;
 }
 
+export type BulkActionContext<Item extends { id: string } & Record<string, any>> = {
+    selection: Item[];
+    table: Table<Item>;
+};
+
+export type BulkActionComponent<Item extends { id: string } & Record<string, any>> = React.FunctionComponent<
+    BulkActionContext<Item>
+>;
+
+/**
+ * @description
+ * **Status: Developer Preview**
+ *
+ * A bulk action is a component that will be rendered in the bulk actions dropdown.
+ *
+ * @docsCategory components
+ * @docsPage DataTableBulkActions
+ * @since 3.4.0
+ */
+export type BulkAction = {
+    order?: number;
+    component: BulkActionComponent<any>;
+};
+
 /**
  * @description
  * **Status: Developer Preview**

package/src/lib/framework/extension-api/types/detail-forms.ts

@@ -1,7 +1,7 @@
 import {
     DataDisplayComponent,
     DataInputComponent,
-} from '@/framework/component-registry/component-registry.js';
+} from '@/vdb/framework/component-registry/component-registry.js';
 import { DocumentNode } from 'graphql';
 
 /**

package/src/lib/framework/extension-api/types/widgets.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React, { PropsWithChildren } from 'react';
 
 /**
  * @description
@@ -9,10 +9,13 @@ import type React from 'react';
  * @docsCategory extensions
  * @since 3.3.0
  */
-export interface DashboardBaseWidgetProps {
-    widgetId: string;
+export type DashboardBaseWidgetProps = PropsWithChildren<{
+    id: string;
+    title?: string;
+    description?: string;
     config?: Record<string, unknown>;
-}
+    actions?: React.ReactNode;
+}>;
 
 /**
  * @description

package/src/lib/framework/form-engine/form-schema-tools.ts

@@ -2,7 +2,7 @@ import {
     FieldInfo,
     isEnumType,
     isScalarType,
-} from '@/framework/document-introspection/get-document-structure.js';
+} from '@/vdb/framework/document-introspection/get-document-structure.js';
 import { z, ZodRawShape, ZodType, ZodTypeAny } from 'zod';
 
 export function createFormSchemaFromFields(fields: FieldInfo[]) {

package/src/lib/framework/layout-engine/location-wrapper.tsx

@@ -1,10 +1,10 @@
-import { CopyableText } from '@/components/shared/copyable-text.js';
-import { Button } from '@/components/ui/button.js';
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover.js';
-import { usePage } from '@/hooks/use-page.js';
-import { useUserSettings } from '@/hooks/use-user-settings.js';
-import { cn } from '@/lib/utils.js';
-import { Trans } from '@/lib/trans.js';
+import { CopyableText } from '@/vdb/components/shared/copyable-text.js';
+import { Button } from '@/vdb/components/ui/button.js';
+import { Popover, PopoverContent, PopoverTrigger } from '@/vdb/components/ui/popover.js';
+import { usePage } from '@/vdb/hooks/use-page.js';
+import { useUserSettings } from '@/vdb/hooks/use-user-settings.js';
+import { Trans } from '@/vdb/lib/trans.js';
+import { cn } from '@/vdb/lib/utils.js';
 import { CodeXmlIcon, InfoIcon } from 'lucide-react';
 import { createContext, useContext, useState } from 'react';
 
@@ -18,7 +18,10 @@ const LocationWrapperContext = createContext<{
     setHoveredId: null,
 });
 
-export function LocationWrapper({ children, blockId }: { children: React.ReactNode; blockId?: string }) {
+export function LocationWrapper({
+    children,
+    blockId,
+}: Readonly<{ children: React.ReactNode; blockId?: string }>) {
     const page = usePage();
     const { settings } = useUserSettings();
     const [isPopoverOpen, setIsPopoverOpen] = useState(false);

package/src/lib/framework/layout-engine/page-block-provider.tsx

@@ -1,4 +1,4 @@
-import { PageBlockProps } from '@/framework/layout-engine/page-layout.js';
+import { PageBlockProps } from '@/vdb/framework/layout-engine/page-layout.js';
 import { createContext } from 'react';
 
 export type PageBlockContextValue = Pick<PageBlockProps, 'blockId' | 'column' | 'title' | 'description'>;

package/src/lib/framework/layout-engine/page-layout.tsx

@@ -1,19 +1,19 @@
-import { CustomFieldsForm } from '@/components/shared/custom-fields-form.js';
-import { NavigationConfirmation } from '@/components/shared/navigation-confirmation.js';
-import { PermissionGuard } from '@/components/shared/permission-guard.js';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card.js';
-import { Form } from '@/components/ui/form.js';
-import { useCustomFieldConfig } from '@/hooks/use-custom-field-config.js';
-import { usePage } from '@/hooks/use-page.js';
-import { cn } from '@/lib/utils.js';
+import { CustomFieldsForm } from '@/vdb/components/shared/custom-fields-form.js';
+import { NavigationConfirmation } from '@/vdb/components/shared/navigation-confirmation.js';
+import { PermissionGuard } from '@/vdb/components/shared/permission-guard.js';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/vdb/components/ui/card.js';
+import { Form } from '@/vdb/components/ui/form.js';
+import { useCustomFieldConfig } from '@/vdb/hooks/use-custom-field-config.js';
+import { usePage } from '@/vdb/hooks/use-page.js';
+import { cn } from '@/vdb/lib/utils.js';
 import { useMediaQuery } from '@uidotdev/usehooks';
 import React, { ComponentProps } from 'react';
 import { Control, UseFormReturn } from 'react-hook-form';
 
-import { DashboardActionBarItem } from '../extension-api/extension-api-types.js';
+import { DashboardActionBarItem } from '../extension-api/types/layout.js';
 
-import { PageBlockContext } from '@/framework/layout-engine/page-block-provider.js';
-import { PageContext, PageContextValue } from '@/framework/layout-engine/page-provider.js';
+import { PageBlockContext } from '@/vdb/framework/layout-engine/page-block-provider.js';
+import { PageContext, PageContextValue } from '@/vdb/framework/layout-engine/page-provider.js';
 import { getDashboardActionBarItems, getDashboardPageBlocks } from './layout-extensions.js';
 import { LocationWrapper } from './location-wrapper.js';
 
@@ -42,7 +42,7 @@ export interface PageProps extends ComponentProps<'div'> {
  * @docsWeight 0
  * @since 3.3.0
  */
-export function Page({ children, pageId, entity, form, submitHandler, ...props }: PageProps) {
+export function Page({ children, pageId, entity, form, submitHandler, ...props }: Readonly<PageProps>) {
     const childArray = React.Children.toArray(children);
 
     const pageTitle = childArray.find(child => React.isValidElement(child) && child.type === PageTitle);
@@ -164,7 +164,7 @@ function isPageBlock(child: unknown): child is React.ReactElement<PageBlockProps
  * @docsWeight 0
  * @since 3.3.0
  */
-export function PageLayout({ children, className }: PageLayoutProps) {
+export function PageLayout({ children, className }: Readonly<PageLayoutProps>) {
     const page = usePage();
     const isDesktop = useMediaQuery('only screen and (min-width : 769px)');
     // Separate blocks into categories
@@ -238,7 +238,7 @@ export function PageLayout({ children, className }: PageLayoutProps) {
     );
 }
 
-export function DetailFormGrid({ children }: { children: React.ReactNode }) {
+export function DetailFormGrid({ children }: Readonly<{ children: React.ReactNode }>) {
     return <div className="md:grid md:grid-cols-2 gap-4 items-start mb-4">{children}</div>;
 }
 
@@ -252,7 +252,7 @@ export function DetailFormGrid({ children }: { children: React.ReactNode }) {
  * @docsPage PageTitle
  * @since 3.3.0
  */
-export function PageTitle({ children }: { children: React.ReactNode }) {
+export function PageTitle({ children }: Readonly<{ children: React.ReactNode }>) {
     return <h1 className="text-2xl font-semibold">{children}</h1>;
 }
 
@@ -269,7 +269,7 @@ export function PageTitle({ children }: { children: React.ReactNode }) {
  * @docsWeight 0
  * @since 3.3.0
  */
-export function PageActionBar({ children }: { children: React.ReactNode }) {
+export function PageActionBar({ children }: Readonly<{ children: React.ReactNode }>) {
     let childArray = React.Children.toArray(children);
 
     const leftContent = childArray.filter(child => isOfType(child, PageActionBarLeft));
@@ -291,7 +291,7 @@ export function PageActionBar({ children }: { children: React.ReactNode }) {
  * @docsPage PageActionBar
  * @since 3.3.0
  */
-export function PageActionBarLeft({ children }: { children: React.ReactNode }) {
+export function PageActionBarLeft({ children }: Readonly<{ children: React.ReactNode }>) {
     return <div className="flex justify-start gap-2">{children}</div>;
 }
 
@@ -303,7 +303,7 @@ export function PageActionBarLeft({ children }: { children: React.ReactNode }) {
  * @docsPage PageActionBar
  * @since 3.3.0
  */
-export function PageActionBarRight({ children }: { children: React.ReactNode }) {
+export function PageActionBarRight({ children }: Readonly<{ children: React.ReactNode }>) {
     const page = usePage();
     const actionBarItems = page.pageId ? getDashboardActionBarItems(page.pageId) : [];
     return (
@@ -355,7 +355,14 @@ export type PageBlockProps = {
  * @docsWeight 0
  * @since 3.3.0
  */
-export function PageBlock({ children, title, description, className, blockId, column }: PageBlockProps) {
+export function PageBlock({
+    children,
+    title,
+    description,
+    className,
+    blockId,
+    column,
+}: Readonly<PageBlockProps>) {
     return (
         <LocationWrapper blockId={blockId}>
             <PageBlockContext.Provider value={{ blockId, title, description, column }}>

package/src/lib/framework/page/detail-page-route-loader.tsx

@@ -1,7 +1,7 @@
-import { NEW_ENTITY_PATH } from '@/constants.js';
+import { NEW_ENTITY_PATH } from '@/vdb/constants.js';
 
-import { PageBreadcrumb } from '@/components/layout/generated-breadcrumbs.js';
-import { extendDetailFormQuery } from '@/framework/document-extension/extend-detail-form-query.js';
+import { PageBreadcrumb } from '@/vdb/components/layout/generated-breadcrumbs.js';
+import { extendDetailFormQuery } from '@/vdb/framework/document-extension/extend-detail-form-query.js';
 import { TypedDocumentNode } from '@graphql-typed-document-node/core';
 import { FileBaseRouteOptions, ParsedLocation } from '@tanstack/react-router';
 import { addCustomFields } from '../document-introspection/add-custom-fields.js';

package/src/lib/framework/page/detail-page.tsx

@@ -1,11 +1,11 @@
-import { DateTimeInput } from '@/components/data-input/datetime-input.js';
-import { FormFieldWrapper } from '@/components/shared/form-field-wrapper.js';
-import { Button } from '@/components/ui/button.js';
-import { Checkbox } from '@/components/ui/checkbox.js';
-import { Input } from '@/components/ui/input.js';
-import { NEW_ENTITY_PATH } from '@/constants.js';
-import { useDetailPage } from '@/framework/page/use-detail-page.js';
-import { Trans } from '@/lib/trans.js';
+import { DateTimeInput } from '@/vdb/components/data-input/datetime-input.js';
+import { FormFieldWrapper } from '@/vdb/components/shared/form-field-wrapper.js';
+import { Button } from '@/vdb/components/ui/button.js';
+import { Checkbox } from '@/vdb/components/ui/checkbox.js';
+import { Input } from '@/vdb/components/ui/input.js';
+import { NEW_ENTITY_PATH } from '@/vdb/constants.js';
+import { useDetailPage } from '@/vdb/framework/page/use-detail-page.js';
+import { Trans } from '@/vdb/lib/trans.js';
 import type { TypedDocumentNode } from '@graphql-typed-document-node/core';
 import { AnyRoute, useNavigate } from '@tanstack/react-router';
 import { ResultOf, VariablesOf } from 'gql.tada';
@@ -16,7 +16,7 @@ import {
     getOperationVariablesFields,
 } from '../document-introspection/get-document-structure.js';
 
-import { TranslatableFormFieldWrapper } from '@/components/shared/translatable-form-field.js';
+import { TranslatableFormFieldWrapper } from '@/vdb/components/shared/translatable-form-field.js';
 import { ControllerRenderProps, FieldPath, FieldValues } from 'react-hook-form';
 import { useComponentRegistry } from '../component-registry/component-registry.js';
 import { generateInputComponentKey } from '../extension-api/input-component-extensions.js';

package/src/lib/framework/page/list-page.tsx

@@ -8,14 +8,14 @@ import {
     ListQueryShape,
     PaginatedListDataTable,
     RowAction,
-} from '@/components/shared/paginated-list-data-table.js';
-import { BulkAction } from '@/framework/data-table/data-table-types.js';
-import { useUserSettings } from '@/hooks/use-user-settings.js';
+} from '@/vdb/components/shared/paginated-list-data-table.js';
+import { useUserSettings } from '@/vdb/hooks/use-user-settings.js';
 import { TypedDocumentNode } from '@graphql-typed-document-node/core';
 import { AnyRoute, AnyRouter, useNavigate } from '@tanstack/react-router';
 import { ColumnFiltersState, SortingState, Table } from '@tanstack/react-table';
 import { TableOptions } from '@tanstack/table-core';
 
+import { BulkAction } from '@/vdb/framework/extension-api/types/index.js';
 import { addCustomFields } from '../document-introspection/add-custom-fields.js';
 import { FullWidthPageBlock, Page, PageActionBar, PageLayout, PageTitle } from '../layout-engine/page-layout.js';
 

package/src/lib/framework/page/use-detail-page.ts

@@ -1,4 +1,4 @@
-import { removeReadonlyCustomFields } from '@/lib/utils.js';
+import { removeReadonlyCustomFields } from '@/vdb/lib/utils.js';
 import type { TypedDocumentNode } from '@graphql-typed-document-node/core';
 import {
     DefinedInitialDataOptions,

package/src/lib/framework/registry/registry-types.ts

@@ -1,14 +1,14 @@
+import {
+    BulkAction,
+    DashboardActionBarItem,
+    DashboardPageBlockDefinition,
+    DashboardWidgetDefinition,
+} from '@/vdb/framework/extension-api/types/index.js';
 import { DocumentNode } from 'graphql';
 import React from 'react';
 
-import { DashboardAlertDefinition } from '../alert/types.js';
 import { DataDisplayComponent, DataInputComponent } from '../component-registry/component-registry.js';
-import { DashboardWidgetDefinition } from '../dashboard-widget/types.js';
-import { BulkAction } from '../data-table/data-table-types.js';
-import {
-    DashboardActionBarItem,
-    DashboardPageBlockDefinition,
-} from '../extension-api/extension-api-types.js';
+import { DashboardAlertDefinition } from '../extension-api/types/alerts.js';
 import { CustomFormComponentInputProps } from '../form-engine/custom-form-component.js';
 import { NavMenuConfig } from '../nav-menu/nav-menu-extensions.js';
 

package/src/lib/hooks/use-auth.tsx

@@ -1,5 +1,5 @@
+import { AuthContext } from '@/vdb/providers/auth.js';
 import * as React from 'react';
-import { AuthContext } from '../providers/auth.js';
 
 /**
  * @description

package/src/lib/hooks/use-channel.ts

@@ -1,7 +1,6 @@
+import { ChannelContext } from '@/vdb/providers/channel-provider.js';
 import * as React from 'react';
 
-import { ChannelContext } from '../providers/channel-provider.js';
-
 // Hook to use the channel context
 
 /**

package/src/lib/hooks/use-extended-detail-query.ts

@@ -1,10 +1,9 @@
-import { useLingui } from '@/lib/trans.js';
+import { extendDetailFormQuery } from '@/vdb/framework/document-extension/extend-detail-form-query.js';
+import { useLingui } from '@/vdb/lib/trans.js';
 import { DocumentNode } from 'graphql';
 import { useEffect, useMemo, useRef } from 'react';
 import { toast } from 'sonner';
 
-import { extendDetailFormQuery } from '../framework/document-extension/extend-detail-form-query.js';
-
 /**
  * @description
  * Extends a detail page query document with any registered extensions provided by

package/src/lib/hooks/use-extended-list-query.ts

@@ -1,11 +1,10 @@
-import { useLingui } from '@/lib/trans.js';
+import { getListQueryDocuments } from '@/vdb/framework/data-table/data-table-extensions.js';
+import { extendDocument } from '@/vdb/framework/document-extension/extend-document.js';
+import { useLingui } from '@/vdb/lib/trans.js';
 import { DocumentNode } from 'graphql';
 import { useEffect, useMemo, useRef } from 'react';
 import { toast } from 'sonner';
 
-import { getListQueryDocuments } from '../framework/data-table/data-table-extensions.js';
-import { extendDocument } from '../framework/document-extension/extend-document.js';
-
 import { usePageBlock } from './use-page-block.js';
 import { usePage } from './use-page.js';
 

package/src/lib/hooks/use-grouped-permissions.ts

@@ -1,7 +1,6 @@
+import { ServerConfig } from '@/vdb/providers/server-config.js';
 import { useMemo } from 'react';
 
-import { ServerConfig } from '../providers/server-config.js';
-
 import { useServerConfig } from './use-server-config.js';
 
 export function useGroupedPermissions() {

package/src/lib/hooks/use-page-block.tsx

@@ -1,5 +1,5 @@
+import { PageBlockContext } from '@/vdb/framework/layout-engine/page-block-provider.js';
 import { useContext } from 'react';
-import { PageBlockContext } from '../framework/layout-engine/page-block-provider.js';
 
 export function usePageBlock() {
     const pageBlock = useContext(PageBlockContext);

package/src/lib/hooks/use-page.tsx

@@ -1,5 +1,5 @@
+import { PageContext } from '@/vdb/framework/layout-engine/page-provider.js';
 import { useContext } from 'react';
-import { PageContext } from '../framework/layout-engine/page-provider.js';
 
 export function usePage() {
     const page = useContext(PageContext);

package/src/lib/hooks/use-server-config.ts

@@ -1,5 +1,4 @@
+import { ServerConfigContext } from '@/vdb/providers/server-config.js';
 import React from 'react';
 
-import { ServerConfigContext } from '../providers/server-config.js';
-
 export const useServerConfig = () => React.useContext(ServerConfigContext);

package/src/lib/hooks/use-theme.ts

@@ -1,7 +1,6 @@
+import { ThemeProviderContext } from '@/vdb/providers/theme-provider.js';
 import { useContext } from 'react';
 
-import { ThemeProviderContext } from '../providers/theme-provider.js';
-
 export const useTheme = () => {
     const context = useContext(ThemeProviderContext);
 

package/src/lib/hooks/use-user-settings.tsx

@@ -1,5 +1,5 @@
+import { UserSettingsContext } from '@/vdb/providers/user-settings.js';
 import { useContext } from 'react';
-import { UserSettingsContext } from '../providers/user-settings.js';
 
 // Hook to use the user settings