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

package/src/lib/components/data-table/filters/data-table-datetime-filter.tsx

@@ -1,7 +1,9 @@
-import { DateTimeInput } from '@/vdb/components/data-input/datetime-input.js';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/vdb/components/ui/select.js';
-import { useEffect, useState } from 'react';
-import { HumanReadableOperator } from '../human-readable-operator.js';
+import { Trans } from "@/lib/trans.js";
+import { Select, SelectValue, SelectTrigger, SelectItem } from "@/components/ui/select.js";
+import { SelectContent } from "@/components/ui/select.js";
+import { useEffect, useState } from "react";
+import { DateTimeInput } from "@/components/data-input/datetime-input.js";
+import { HumanReadableOperator } from "../human-readable-operator.js";
 
 export interface DataTableDateTimeFilterProps {
     value: Record<string, any> | undefined;
@@ -10,10 +12,7 @@ export interface DataTableDateTimeFilterProps {
 
 export const DATETIME_OPERATORS = ['eq', 'before', 'after', 'between', 'isNull'] as const;
 
-export function DataTableDateTimeFilter({
-    value: incomingValue,
-    onChange,
-}: Readonly<DataTableDateTimeFilterProps>) {
+export function DataTableDateTimeFilter({ value: incomingValue, onChange }: DataTableDateTimeFilterProps) {
     const initialOperator = incomingValue ? Object.keys(incomingValue)[0] : 'eq';
     const initialValue = incomingValue ? Object.values(incomingValue)[0] : '';
     const [operator, setOperator] = useState<string>(initialOperator ?? 'eq');
@@ -68,15 +67,25 @@ export function DataTableDateTimeFilter({
                         ))}
                     </SelectContent>
                 </Select>
-                {operator !== 'isNull' &&
-                    (operator === 'between' ? (
+                {operator !== 'isNull' && (
+                    operator === 'between' ? (
                         <div className="space-y-2">
-                            <DateTimeInput value={startDate} onChange={setStartDate} />
-                            <DateTimeInput value={endDate} onChange={setEndDate} />
+                            <DateTimeInput
+                                value={startDate}
+                                onChange={setStartDate}
+                            />
+                            <DateTimeInput
+                                value={endDate}
+                                onChange={setEndDate}
+                            />
                         </div>
                     ) : (
-                        <DateTimeInput value={value} onChange={setValue} />
-                    ))}
+                        <DateTimeInput
+                            value={value}
+                            onChange={setValue}
+                        />
+                    )
+                )}
             </div>
             {error && <p className="text-sm text-red-500">{error}</p>}
         </div>

package/src/lib/components/data-table/filters/data-table-id-filter.tsx

@@ -1,9 +1,11 @@
-import { Select, SelectItem, SelectTrigger, SelectValue } from '@/vdb/components/ui/select.js';
+import { Trans } from "@/lib/trans.js";
 
-import { Input } from '@/vdb/components/ui/input.js';
-import { SelectContent } from '@/vdb/components/ui/select.js';
-import { useEffect, useState } from 'react';
-import { HumanReadableOperator } from '../human-readable-operator.js';
+import { Select, SelectValue, SelectTrigger, SelectItem } from "@/components/ui/select.js";
+
+import { SelectContent } from "@/components/ui/select.js";
+import { Input } from "@/components/ui/input.js";
+import { useEffect, useState } from "react";
+import { HumanReadableOperator } from "../human-readable-operator.js";
 
 export interface DataTableIdFilterProps {
     value: Record<string, any> | undefined;
@@ -12,7 +14,7 @@ export interface DataTableIdFilterProps {
 
 export const ID_OPERATORS = ['eq', 'notEq', 'in', 'notIn', 'isNull'] as const;
 
-export function DataTableIdFilter({ value: incomingValue, onChange }: Readonly<DataTableIdFilterProps>) {
+export function DataTableIdFilter({ value: incomingValue, onChange }: DataTableIdFilterProps) {
     const initialOperator = incomingValue ? Object.keys(incomingValue)[0] : 'eq';
     const initialValue = incomingValue ? Object.values(incomingValue)[0] : '';
     const [operator, setOperator] = useState<string>(initialOperator ?? 'eq');
@@ -23,10 +25,7 @@ export function DataTableIdFilter({ value: incomingValue, onChange }: Readonly<D
             onChange({ [operator]: true });
         } else if (operator === 'in' || operator === 'notIn') {
             // Split by comma and trim whitespace
-            const values = value
-                .split(',')
-                .map(v => v.trim())
-                .filter(v => v);
+            const values = value.split(',').map(v => v.trim()).filter(v => v);
             onChange({ [operator]: values });
         } else {
             onChange({ [operator]: value });
@@ -49,11 +48,7 @@ export function DataTableIdFilter({ value: incomingValue, onChange }: Readonly<D
             </Select>
             {operator !== 'isNull' && (
                 <Input
-                    placeholder={
-                        operator === 'in' || operator === 'notIn'
-                            ? 'Enter comma-separated IDs...'
-                            : 'Enter ID...'
-                    }
+                    placeholder={operator === 'in' || operator === 'notIn' ? "Enter comma-separated IDs..." : "Enter ID..."}
                     value={value}
                     onChange={e => setValue(e.target.value)}
                 />

package/src/lib/components/data-table/filters/data-table-number-filter.tsx

@@ -1,9 +1,11 @@
-import { MoneyInput } from '@/vdb/components/data-input/money-input.js';
-import { Input } from '@/vdb/components/ui/input.js';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/vdb/components/ui/select.js';
-import { useChannel } from '@/vdb/hooks/use-channel.js';
-import { useEffect, useState } from 'react';
-import { HumanReadableOperator } from '../human-readable-operator.js';
+import { Trans } from "@/lib/trans.js";
+import { Select, SelectValue, SelectTrigger, SelectItem } from "@/components/ui/select.js";
+import { SelectContent } from "@/components/ui/select.js";
+import { Input } from "@/components/ui/input.js";
+import { MoneyInput } from "@/components/data-input/money-input.js";
+import { useEffect, useState } from "react";
+import { useChannel } from "@/hooks/use-channel.js";
+import { HumanReadableOperator } from "../human-readable-operator.js";
 
 export interface DataTableNumberFilterProps {
     mode: 'number' | 'money';
@@ -13,11 +15,7 @@ export interface DataTableNumberFilterProps {
 
 export const NUMBER_OPERATORS = ['eq', 'gt', 'gte', 'lt', 'lte', 'isNull', 'between'] as const;
 
-export function DataTableNumberFilter({
-    mode,
-    value: incomingValue,
-    onChange,
-}: Readonly<DataTableNumberFilterProps>) {
+export function DataTableNumberFilter({ mode, value: incomingValue, onChange }: DataTableNumberFilterProps) {
     const { activeChannel } = useChannel();
     const initialOperator = incomingValue ? Object.keys(incomingValue)[0] : 'eq';
     const initialValue = incomingValue ? Object.values(incomingValue)[0] : 0;
@@ -74,7 +72,7 @@ export function DataTableNumberFilter({
             return (
                 <MoneyInput
                     value={parseFloat(value) || 0}
-                    onChange={newValue => onChange(newValue.toString())}
+                    onChange={(newValue) => onChange(newValue.toString())}
                     currency={activeChannel?.defaultCurrencyCode ?? 'USD'}
                 />
             );
@@ -104,15 +102,16 @@ export function DataTableNumberFilter({
                         ))}
                     </SelectContent>
                 </Select>
-                {operator !== 'isNull' &&
-                    (operator === 'between' ? (
+                {operator !== 'isNull' && (
+                    operator === 'between' ? (
                         <div className="flex gap-2">
-                            {renderInput(minValue, setMinValue, 'Min')}
-                            {renderInput(maxValue, setMaxValue, 'Max')}
+                            {renderInput(minValue, setMinValue, "Min")}
+                            {renderInput(maxValue, setMaxValue, "Max")}
                         </div>
                     ) : (
-                        renderInput(value, setValue, 'Enter value...')
-                    ))}
+                        renderInput(value, setValue, "Enter value...")
+                    )
+                )}
             </div>
             {error && <p className="text-sm text-red-500">{error}</p>}
         </div>

package/src/lib/components/data-table/filters/data-table-string-filter.tsx

@@ -1,30 +1,20 @@
-import { Select, SelectItem, SelectTrigger, SelectValue } from '@/vdb/components/ui/select.js';
+import { Trans } from "@/lib/trans.js";
 
-import { Input } from '@/vdb/components/ui/input.js';
-import { SelectContent } from '@/vdb/components/ui/select.js';
-import { useEffect, useState } from 'react';
-import { HumanReadableOperator } from '../human-readable-operator.js';
+import { Select, SelectValue, SelectTrigger, SelectItem } from "@/components/ui/select.js";
+
+import { SelectContent } from "@/components/ui/select.js";
+import { Input } from "@/components/ui/input.js";
+import { useEffect, useState } from "react";
+import { HumanReadableOperator } from "../human-readable-operator.js";
 
 export interface DataTableStringFilterProps {
     value: Record<string, any> | undefined;
     onChange: (filter: Record<string, any>) => void;
 }
 
-export const STRING_OPERATORS = [
-    'eq',
-    'notEq',
-    'contains',
-    'notContains',
-    'in',
-    'notIn',
-    'regex',
-    'isNull',
-] as const;
+export const STRING_OPERATORS = ['eq', 'notEq', 'contains', 'notContains', 'in', 'notIn', 'regex', 'isNull'] as const;
 
-export function DataTableStringFilter({
-    value: incomingValue,
-    onChange,
-}: Readonly<DataTableStringFilterProps>) {
+export function DataTableStringFilter({ value: incomingValue, onChange }: DataTableStringFilterProps) {
     const initialOperator = incomingValue ? Object.keys(incomingValue)[0] : 'contains';
     const initialValue = incomingValue ? Object.values(incomingValue)[0] : '';
     const [operator, setOperator] = useState<string>(initialOperator ?? 'contains');
@@ -36,10 +26,7 @@ export function DataTableStringFilter({
         } else if (operator === 'in' || operator === 'notIn') {
             // Split by comma and trim whitespace
             if (typeof value === 'string') {
-                const values = value
-                    .split(',')
-                    .map(v => v.trim())
-                    .filter(v => v);
+                const values = value.split(',').map(v => v.trim()).filter(v => v);
                 onChange({ [operator]: values });
             } else {
                 onChange({ [operator]: [] });
@@ -65,15 +52,11 @@ export function DataTableStringFilter({
             </Select>
             {operator !== 'isNull' && (
                 <Input
-                    placeholder={
-                        operator === 'in' || operator === 'notIn'
-                            ? 'Enter comma-separated values...'
-                            : 'Enter filter value...'
-                    }
+                    placeholder={operator === 'in' || operator === 'notIn' ? "Enter comma-separated values..." : "Enter filter value..."}
                     value={value}
                     onChange={e => setValue(e.target.value)}
                 />
             )}
         </div>
-    );
+    )
 }

package/src/lib/components/data-table/human-readable-operator.tsx

@@ -1,11 +1,11 @@
-import { Trans } from '@/vdb/lib/trans.js';
-import { BOOLEAN_OPERATORS } from './filters/data-table-boolean-filter.js';
 import { DATETIME_OPERATORS } from './filters/data-table-datetime-filter.js';
+import { BOOLEAN_OPERATORS } from './filters/data-table-boolean-filter.js';
 import { ID_OPERATORS } from './filters/data-table-id-filter.js';
 import { NUMBER_OPERATORS } from './filters/data-table-number-filter.js';
 import { STRING_OPERATORS } from './filters/data-table-string-filter.js';
+import { Trans } from '@/lib/trans.js';
 
-export type Operator =
+type Operator =
     | (typeof DATETIME_OPERATORS)[number]
     | (typeof BOOLEAN_OPERATORS)[number]
     | (typeof ID_OPERATORS)[number]

package/src/lib/components/data-table/refresh-button.tsx

@@ -1,40 +1,25 @@
-import { Button } from '@/vdb/components/ui/button.js';
+import React, { useState } from 'react';
+import { Button } from '@/components/ui/button.js';
 import { RefreshCw } from 'lucide-react';
-import { useEffect, useState } from 'react';
 
-function useDelayedLoading(isLoading: boolean, delayMs: number = 100) {
-    const [delayedLoading, setDelayedLoading] = useState(isLoading);
-
-    useEffect(() => {
-        if (isLoading) {
-            // When loading starts, wait for the delay before showing loading state
-            const timer = setTimeout(() => {
-                setDelayedLoading(true);
-            }, delayMs);
-
-            return () => clearTimeout(timer);
-        } else {
-            // When loading stops, immediately hide loading state
-            setDelayedLoading(false);
-        }
-    }, [isLoading, delayMs]);
-
-    return delayedLoading;
-}
-
-export function RefreshButton({
-    onRefresh,
-    isLoading,
-}: Readonly<{ onRefresh: () => void; isLoading: boolean }>) {
-    const delayedLoading = useDelayedLoading(isLoading, 100);
+export function RefreshButton({ onRefresh }: { onRefresh: () => void }) {
+    const [isRotating, setIsRotating] = useState(false);
 
     const handleClick = () => {
-        onRefresh();
+        if (!isRotating) {
+            setIsRotating(true);
+            onRefresh();
+        }
     };
 
     return (
-        <Button variant="ghost" size="sm" onClick={handleClick} disabled={delayedLoading}>
-            <RefreshCw className={delayedLoading ? 'animate-rotate' : ''} />
+        <Button
+            variant="ghost"
+            size="sm"
+            onClick={handleClick}
+        >
+            <RefreshCw onAnimationEnd={() => setIsRotating(false)}
+                       className={isRotating ? 'animate-rotate' : ''} />
         </Button>
     );
 }

package/src/lib/components/layout/app-layout.tsx

@@ -1,11 +1,11 @@
-import { AppSidebar } from '@/vdb/components/layout/app-sidebar.js';
-import { GeneratedBreadcrumbs } from '@/vdb/components/layout/generated-breadcrumbs.js';
-import { PrereleasePopup } from '@/vdb/components/layout/prerelease-popup.js';
-import { Badge } from '@/vdb/components/ui/badge.js';
-import { Separator } from '@/vdb/components/ui/separator.js';
-import { SidebarInset, SidebarProvider, SidebarTrigger } from '@/vdb/components/ui/sidebar.js';
-import { useUserSettings } from '@/vdb/hooks/use-user-settings.js';
-import { Trans } from '@/vdb/lib/trans.js';
+import { AppSidebar } from '@/components/layout/app-sidebar.js';
+import { GeneratedBreadcrumbs } from '@/components/layout/generated-breadcrumbs.js';
+import { PrereleasePopup } from '@/components/layout/prerelease-popup.js';
+import { Badge } from '@/components/ui/badge.js';
+import { Separator } from '@/components/ui/separator.js';
+import { SidebarInset, SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar.js';
+import { useUserSettings } from '@/hooks/use-user-settings.js';
+import { Trans } from '@/lib/trans.js';
 import { Outlet } from '@tanstack/react-router';
 import { Alerts } from '../shared/alerts.js';
 

package/src/lib/components/layout/app-sidebar.tsx

@@ -1,14 +1,14 @@
-import { NavMain } from '@/vdb/components/layout/nav-main.js';
-import { NavUser } from '@/vdb/components/layout/nav-user.js';
+import { NavMain } from '@/components/layout/nav-main.js';
+import { NavUser } from '@/components/layout/nav-user.js';
 import {
     Sidebar,
     SidebarContent,
     SidebarFooter,
     SidebarHeader,
     SidebarRail,
-} from '@/vdb/components/ui/sidebar.js';
-import { useDashboardExtensions } from '@/vdb/framework/extension-api/use-dashboard-extensions.js';
-import { getNavMenuConfig } from '@/vdb/framework/nav-menu/nav-menu-extensions.js';
+} from '@/components/ui/sidebar.js';
+import { useDashboardExtensions } from '@/framework/extension-api/use-dashboard-extensions.js';
+import { getNavMenuConfig } from '@/framework/nav-menu/nav-menu-extensions.js';
 import * as React from 'react';
 import { ChannelSwitcher } from './channel-switcher.js';
 

package/src/lib/components/layout/channel-switcher.tsx

@@ -1,18 +1,20 @@
+import * as React from 'react';
 import { ChevronsUpDown, Plus } from 'lucide-react';
 
-import { ChannelCodeLabel } from '@/vdb/components/shared/channel-code-label.js';
 import {
     DropdownMenu,
     DropdownMenuContent,
     DropdownMenuItem,
     DropdownMenuLabel,
     DropdownMenuSeparator,
+    DropdownMenuShortcut,
     DropdownMenuTrigger,
-} from '@/vdb/components/ui/dropdown-menu.js';
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from '@/vdb/components/ui/sidebar.js';
-import { useChannel } from '@/vdb/hooks/use-channel.js';
-import { Trans } from '@/vdb/lib/trans.js';
+} from '@/components/ui/dropdown-menu.js';
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from '@/components/ui/sidebar.js';
+import { Trans } from '@/lib/trans.js';
+import { useChannel } from '@/hooks/use-channel.js';
 import { Link } from '@tanstack/react-router';
+import { ChannelCodeLabel } from '@/components/shared/channel-code-label.js';
 
 export function ChannelSwitcher() {
     const { isMobile } = useSidebar();
@@ -36,9 +38,7 @@ export function ChannelSwitcher() {
                                 </span>
                             </div>
                             <div className="grid flex-1 text-left text-sm leading-tight">
-                                <span className="truncate font-semibold">
-                                    <ChannelCodeLabel code={displayChannel?.code} />
-                                </span>
+                                <span className="truncate font-semibold"><ChannelCodeLabel code={displayChannel?.code} /></span>
                                 <span className="truncate text-xs">
                                     Default Language: {displayChannel?.defaultLanguageCode?.toUpperCase()}
                                 </span>

package/src/lib/components/layout/content-language-selector.tsx

@@ -1,8 +1,8 @@
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/vdb/components/ui/select.js';
-import { useLocalFormat } from '@/vdb/hooks/use-local-format.js';
-import { useServerConfig } from '@/vdb/hooks/use-server-config.js';
-import { useUserSettings } from '@/vdb/hooks/use-user-settings.js';
-import { cn } from '@/vdb/lib/utils.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select.js';
+import { useLocalFormat } from '@/hooks/use-local-format.js';
+import { useServerConfig } from '@/hooks/use-server-config.js';
+import { useUserSettings } from '@/hooks/use-user-settings.js';
+import { cn } from '@/lib/utils.js';
 
 interface ContentLanguageSelectorProps {
     value?: string;
@@ -13,10 +13,7 @@ interface ContentLanguageSelectorProps {
 export function ContentLanguageSelector({ value, onChange, className }: ContentLanguageSelectorProps) {
     const serverConfig = useServerConfig();
     const { formatLanguageName } = useLocalFormat();
-    const {
-        settings: { contentLanguage, displayLanguage },
-        setContentLanguage,
-    } = useUserSettings();
+    const { settings: { contentLanguage, displayLanguage }, setContentLanguage} = useUserSettings();
 
     // Fallback to empty array if serverConfig is null
     const languages = serverConfig?.availableLanguages || [];
@@ -25,13 +22,10 @@ export function ContentLanguageSelector({ value, onChange, className }: ContentL
     const currentValue = contentLanguage;
 
     return (
-        <Select
-            value={currentValue}
-            onValueChange={value => {
-                onChange?.(value);
-                setContentLanguage(value);
-            }}
-        >
+        <Select value={currentValue} onValueChange={value => {
+            onChange?.(value);
+            setContentLanguage(value);
+            }}>
             <SelectTrigger className={cn('w-[200px]', className)}>
                 <SelectValue placeholder="Select language" />
             </SelectTrigger>

package/src/lib/components/layout/generated-breadcrumbs.tsx

@@ -4,7 +4,7 @@ import {
     BreadcrumbLink,
     BreadcrumbList,
     BreadcrumbSeparator,
-} from '@/vdb/components/ui/breadcrumb.js';
+} from '@/components/ui/breadcrumb.js';
 import { Link, useRouterState } from '@tanstack/react-router';
 import * as React from 'react';
 import { Fragment } from 'react';

package/src/lib/components/layout/language-dialog.tsx

@@ -1,11 +1,17 @@
-import { CurrencyCode } from '@/vdb/constants.js';
-import { useLocalFormat } from '@/vdb/hooks/use-local-format.js';
-import { useUserSettings } from '@/vdb/hooks/use-user-settings.js';
-import { Trans } from '@/vdb/lib/trans.js';
+import { CurrencyCode } from '@/constants.js';
+import { useLocalFormat } from '@/hooks/use-local-format.js';
+import { useUserSettings } from '@/hooks/use-user-settings.js';
+import { Trans } from '@/lib/trans.js';
 import { useState } from 'react';
 import { uiConfig } from 'virtual:vendure-ui-config';
 import { Button } from '../ui/button.js';
-import { DialogClose, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '../ui/dialog.js';
+import {
+    DialogClose,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle
+} from '../ui/dialog.js';
 import { Label } from '../ui/label.js';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select.js';
 

package/src/lib/components/layout/nav-main.tsx

@@ -1,4 +1,4 @@
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/vdb/components/ui/collapsible.js';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible.js';
 import {
     SidebarGroup,
     SidebarGroupLabel,
@@ -8,12 +8,12 @@ import {
     SidebarMenuSub,
     SidebarMenuSubButton,
     SidebarMenuSubItem,
-} from '@/vdb/components/ui/sidebar.js';
+} from '@/components/ui/sidebar.js';
 import {
     NavMenuItem,
     NavMenuSection,
     NavMenuSectionPlacement,
-} from '@/vdb/framework/nav-menu/nav-menu-extensions.js';
+} from '@/framework/nav-menu/nav-menu-extensions.js';
 import { Link, useLocation } from '@tanstack/react-router';
 import { ChevronRight } from 'lucide-react';
 import * as React from 'react';
@@ -28,7 +28,7 @@ function sortByOrder<T extends { order?: number; title: string }>(a: T, b: T) {
     return orderA - orderB;
 }
 
-export function NavMain({ items }: Readonly<{ items: Array<NavMenuSection | NavMenuItem> }>) {
+export function NavMain({ items }: { items: Array<NavMenuSection | NavMenuItem> }) {
     const location = useLocation();
     // State to track which bottom section is currently open
     const [openBottomSectionId, setOpenBottomSectionId] = React.useState<string | null>(null);

package/src/lib/components/layout/nav-projects.tsx

@@ -6,7 +6,7 @@ import {
     DropdownMenuItem,
     DropdownMenuSeparator,
     DropdownMenuTrigger,
-} from '@/vdb/components/ui/dropdown-menu.js';
+} from '@/components/ui/dropdown-menu.js';
 import {
     SidebarGroup,
     SidebarGroupLabel,
@@ -15,7 +15,7 @@ import {
     SidebarMenuButton,
     SidebarMenuItem,
     useSidebar,
-} from '@/vdb/components/ui/sidebar.js';
+} from '@/components/ui/sidebar.js';
 
 export function NavProjects({
     projects,

package/src/lib/components/layout/nav-user.tsx

@@ -1,8 +1,8 @@
-import { useAuth } from '@/vdb/hooks/use-auth.js';
+import { useAuth } from '@/hooks/use-auth.js';
 import { Link, useNavigate, useRouter } from '@tanstack/react-router';
 import { ChevronsUpDown, LogOut, Monitor, Moon, Sparkles, Sun } from 'lucide-react';
 
-// import { Avatar, AvatarFallback, AvatarImage } from '@/vdb/components/ui/avatar.js';
+// import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar.js';
 import {
     DropdownMenu,
     DropdownMenuContent,
@@ -17,11 +17,11 @@ import {
     DropdownMenuSubContent,
     DropdownMenuSubTrigger,
     DropdownMenuTrigger,
-} from '@/vdb/components/ui/dropdown-menu.js';
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from '@/vdb/components/ui/sidebar.js';
-import { useUserSettings } from '@/vdb/hooks/use-user-settings.js';
-import { Trans } from '@/vdb/lib/trans.js';
-import { Theme } from '@/vdb/providers/theme-provider.js';
+} from '@/components/ui/dropdown-menu.js';
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from '@/components/ui/sidebar.js';
+import { useUserSettings } from '@/hooks/use-user-settings.js';
+import { Trans } from '@/lib/trans.js';
+import { Theme } from '@/providers/theme-provider.js';
 import { useMemo } from 'react';
 import { Dialog, DialogTrigger } from '../ui/dialog.js';
 import { LanguageDialog } from './language-dialog.js';

package/src/lib/components/layout/prerelease-popup.tsx

@@ -1,4 +1,4 @@
-import { useUserSettings } from '@/vdb/hooks/use-user-settings.js';
+import { useUserSettings } from '@/hooks/use-user-settings.js';
 import { useState } from 'react';
 import { toast } from 'sonner';
 

package/src/lib/components/login/login-form.tsx

@@ -1,8 +1,8 @@
-import { Button } from '@/vdb/components/ui/button.js';
-import { Card, CardContent } from '@/vdb/components/ui/card.js';
-import { Input } from '@/vdb/components/ui/input.js';
-import { Trans } from '@/vdb/lib/trans.js';
-import { cn } from '@/vdb/lib/utils.js';
+import { Button } from '@/components/ui/button.js';
+import { Card, CardContent } from '@/components/ui/card.js';
+import { Input } from '@/components/ui/input.js';
+import { Trans } from '@/lib/trans.js';
+import { cn } from '@/lib/utils.js';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Loader2 } from 'lucide-react';
 import * as React from 'react';

package/src/lib/components/shared/alerts.tsx

@@ -1,10 +1,10 @@
-import { useAlerts } from '@/vdb/framework/alert/alert-extensions.js';
-import { AlertItem } from '@/vdb/framework/alert/alert-item.js';
-import { AlertsIndicator } from '@/vdb/framework/alert/alerts-indicator.js';
 import { BellIcon } from 'lucide-react';
 import { Button } from '../ui/button.js';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '../ui/dialog.js';
+import { useAlerts } from '../../framework/alert/alert-extensions.js';
+import { AlertItem } from '../../framework/alert/alert-item.js';
 import { ScrollArea } from '../ui/scroll-area.js';
+import { AlertsIndicator } from '../../framework/alert/alerts-indicator.js';
 
 export function Alerts() {
     const { alerts } = useAlerts();

package/src/lib/components/shared/animated-number.tsx

@@ -1,5 +1,5 @@
-import { useChannel } from '@/vdb/hooks/use-channel.js';
-import { useLocalFormat } from '@/vdb/hooks/use-local-format.js';
+import { useChannel } from '@/index.js';
+import { useLocalFormat } from '@/index.js';
 import { motion, useSpring, useTransform } from 'motion/react';
 import { useEffect } from 'react';