@allbluecn/web-app 0.18.0 → 0.18.2

package/src/components/knowledge-public/knowledge-card.tsx

@@ -17,7 +17,7 @@
 
 import { useNavigate } from '@tanstack/react-router'
 import { useQuery } from '@tanstack/react-query'
-import { Badge } from '@allbluecn/ui/badge'
+import { Badge } from '@/components/ui/badge'
 import { TagBadge } from '@/components/tags/tag-badge'
 import { listTagsFn } from '@/server/serverFns/tags'
 import { SharersAvatarGroup } from './sharers-avatar-group'

package/src/components/knowledge-public/knowledge-form-dialog.tsx

@@ -17,13 +17,13 @@
 
 import { useEffect, useState } from 'react'
 import { useQuery } from '@tanstack/react-query'
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@allbluecn/ui/dialog'
-import { Button } from '@allbluecn/ui/button'
-import { Input } from '@allbluecn/ui/input'
-import { Textarea } from '@allbluecn/ui/textarea'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@allbluecn/ui/select'
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import { Plus, Trash2 } from 'lucide-react'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { MarkdownEditor } from './markdown-editor'
 import { NotionDocEditor } from '@/components/tiptap/notion-like'
 import { KnowledgeTagInput } from '@/components/knowledge/knowledge-tag-input'

package/src/components/knowledge-public/knowledge-search-bar.tsx

@@ -15,8 +15,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-import { Input } from '@allbluecn/ui/input'
-import { Button } from '@allbluecn/ui/button'
+import { Input } from '@/components/ui/input'
+import { Button } from '@/components/ui/button'
 import { Plus, Search } from 'lucide-react'
 import { m } from "@/paraglide/messages.js";
 

package/src/components/knowledge-public/legal-compliance-editor.tsx

@@ -20,7 +20,7 @@ import { useNavigate } from '@tanstack/react-router'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { ArrowLeft } from 'lucide-react'
 import { KnowledgeDocEditor } from '@/components/knowledge/editor/knowledge-doc-editor'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@allbluecn/ui/tooltip'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import type { PropertyField, PropertyValues } from '@/components/knowledge/doc-properties'
 import { updateLegalFn } from '@/server/serverFns/knowledge-public/legal/update'
 import { getLegalDetailFn } from '@/server/serverFns/knowledge-public/legal/detail'

package/src/components/knowledge-public/markdown-editor.tsx

@@ -16,8 +16,8 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState } from 'react'
-import { Textarea } from '@allbluecn/ui/textarea'
-import { Button } from '@allbluecn/ui/button'
+import { Textarea } from '@/components/ui/textarea'
+import { Button } from '@/components/ui/button'
 import { MarkdownView } from './markdown-view'
 import { Eye, Pencil } from 'lucide-react'
 import { m } from "@/paraglide/messages.js";

package/src/components/knowledge-public/sharers-avatar-group.tsx

@@ -17,7 +17,7 @@
 
 import { UserAvatar } from '@/components/shared-kit'
 import { AvatarGroup, AvatarGroupTooltip } from '@/components/magicui/components/animate/avatar-group'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@allbluecn/ui/tooltip'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { cn } from '@/lib/utils'
 import { m } from "@/paraglide/messages.js";
 

package/src/components/layout/sidebar-03/__tests__/nav-workspace.test.tsx

@@ -21,7 +21,7 @@ vi.mock("@tanstack/react-query", () => ({
   useQueryClient: () => ({ invalidateQueries: vi.fn() }),
 }));
 
-vi.mock("@allbluecn/ui/sidebar", () => ({
+vi.mock("@/components/ui/sidebar", () => ({
   SidebarGroup: ({ children }: any) => <div data-testid="sidebar-group">{children}</div>,
   SidebarMenu: ({ children }: any) => <ul>{children}</ul>,
   SidebarMenuItem: ({ children }: any) => <li>{children}</li>,
@@ -31,7 +31,7 @@ vi.mock("@allbluecn/ui/sidebar", () => ({
   useSidebar: () => mockUseSidebar(),
 }));
 
-vi.mock("@allbluecn/ui/tooltip", () => ({
+vi.mock("@/components/ui/tooltip", () => ({
   Tooltip: ({ children }: any) => children,
   TooltipContent: ({ children }: any) => <span>{children}</span>,
   TooltipTrigger: ({ children }: any) => children,

package/src/components/layout/sidebar-03/__tests__/user-menu-anonymous.test.tsx

@@ -9,7 +9,7 @@ vi.mock('@/lib/auth/auth-client', () => ({
 vi.mock('@/lib/query-client-seam', () => ({
   getQueryClient: () => ({}),
 }))
-vi.mock('@allbluecn/ui/sidebar', () => ({
+vi.mock('@/components/ui/sidebar', () => ({
   SidebarMenu: ({ children }: { children?: React.ReactNode }) => <ul>{children}</ul>,
   SidebarMenuItem: ({ children }: { children?: React.ReactNode }) => <li>{children}</li>,
   SidebarMenuButton: ({ children, onClick }: { children?: React.ReactNode; onClick?: () => void }) => (
@@ -17,7 +17,7 @@ vi.mock('@allbluecn/ui/sidebar', () => ({
   ),
   useSidebar: () => ({ isMobile: false }),
 }))
-vi.mock('@allbluecn/ui/toast', () => ({ toast: { success: vi.fn(), error: vi.fn() } }))
+vi.mock('@/components/ui/toast', () => ({ toast: { success: vi.fn(), error: vi.fn() } }))
 vi.mock('@/server/serverFns/auth/session', () => ({ logoutRemoteFn: vi.fn() }))
 vi.mock('@/components/shared-kit', () => ({
   UserAvatar: ({ name }: { name?: string }) => <div data-testid="avatar">{name}</div>,
@@ -25,7 +25,7 @@ vi.mock('@/components/shared-kit', () => ({
 vi.mock('@/components/magicui/sparkles-text', () => ({
   SparklesText: ({ children }: { children?: React.ReactNode }) => <span>{children}</span>,
 }))
-vi.mock('@allbluecn/ui/dropdown-menu', () => ({
+vi.mock('@/components/ui/dropdown-menu', () => ({
   DropdownMenu: ({ children }: { children?: React.ReactNode }) => <div>{children}</div>,
   DropdownMenuTrigger: ({ children }: { children?: React.ReactNode }) => <div>{children}</div>,
   DropdownMenuContent: () => null,

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

@@ -22,7 +22,7 @@ import {
   SidebarHeader,
   SidebarTrigger,
   useSidebar,
-} from "@allbluecn/ui/sidebar";
+} from "@/components/ui/sidebar";
 import { cn } from "@/lib/utils";
 import DashboardNavigation from "@/components/layout/sidebar-03/nav-main";
 import { NotificationsBell } from "@/components/layout/sidebar-03/nav-notifications";

package/src/components/layout/sidebar-03/index.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useEffect, useState } from "react";
-import { SidebarInset, SidebarProvider } from "@allbluecn/ui/sidebar";
+import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
 import { DashboardSidebar } from "@/components/layout/sidebar-03/app-sidebar";
 import type { ReactNode } from "react";
 

package/src/components/layout/sidebar-03/nav-anyhub.tsx

@@ -25,11 +25,11 @@ import {
   SidebarMenuSubButton,
   SidebarMenuSubItem,
   useSidebar,
-} from "@allbluecn/ui/sidebar"
+} from "@/components/ui/sidebar"
 import {
   Collapsible,
   CollapsibleContent,
-} from "@allbluecn/ui/collapsible"
+} from "@/components/ui/collapsible"
 import {
   Blocks,
   ChevronDown,

package/src/components/layout/sidebar-03/nav-knowledge.tsx

@@ -18,7 +18,7 @@
 import {
   Collapsible,
   CollapsibleContent,
-} from "@allbluecn/ui/collapsible";
+} from "@/components/ui/collapsible";
 import {
   SidebarGroup,
   SidebarMenu,
@@ -28,13 +28,13 @@ import {
   SidebarMenuSubButton,
   SidebarMenuItem as SidebarMenuSubItem,
   useSidebar,
-} from "@allbluecn/ui/sidebar";
-import { Badge } from "@allbluecn/ui/badge";
+} from "@/components/ui/sidebar";
+import { Badge } from "@/components/ui/badge";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@allbluecn/ui/tooltip";
+} from "@/components/ui/tooltip";
 import {
   BookOpenText,
   BookMarked,

package/src/components/layout/sidebar-03/nav-main.tsx

@@ -18,8 +18,8 @@
 import {
   Collapsible,
   CollapsibleContent,
-} from "@allbluecn/ui/collapsible";
-import { Badge } from "@allbluecn/ui/badge";
+} from "@/components/ui/collapsible";
+import { Badge } from "@/components/ui/badge";
 import {
   SidebarMenu,
   SidebarMenuButton,
@@ -28,12 +28,12 @@ import {
   SidebarMenuSubButton,
   SidebarMenuItem as SidebarMenuSubItem,
   useSidebar,
-} from "@allbluecn/ui/sidebar";
+} from "@/components/ui/sidebar";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@allbluecn/ui/tooltip"
+} from "@/components/ui/tooltip"
 import { cn } from "@/lib/utils";
 import {
   ChevronDown, ChevronUp,

package/src/components/layout/sidebar-03/nav-notifications.tsx

@@ -19,7 +19,7 @@ import { useState } from 'react'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { Link, useNavigate } from '@tanstack/react-router'
 import { Bell, CheckCheck } from 'lucide-react'
-import { Button } from '@allbluecn/ui/button'
+import { Button } from '@/components/ui/button'
 import {
   Empty,
   EmptyHeader,

package/src/components/layout/sidebar-03/nav-search-trigger.tsx

@@ -15,7 +15,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 import { Search, Command } from "lucide-react"
-import { useSidebar } from "@allbluecn/ui/sidebar"
+import { useSidebar } from "@/components/ui/sidebar"
 import { cn } from "@/lib/utils"
 import { setCommandPaletteOpen } from "@/lib/commands/command-palette-state"
 import { m } from "@/paraglide/messages.js";

package/src/components/layout/sidebar-03/nav-secondary.tsx

@@ -3,7 +3,7 @@ import {
   SidebarMenuButton,
   SidebarMenuItem,
   useSidebar,
-} from "@allbluecn/ui/sidebar"
+} from "@/components/ui/sidebar"
 import { BookOpen, ExternalLink, ScrollText } from "lucide-react"
 import { cn } from "@/lib/utils"
 import { Link } from "@tanstack/react-router"

package/src/components/layout/sidebar-03/nav-workspace.tsx

@@ -25,8 +25,8 @@ import {
   SidebarMenuButton,
   SidebarMenuItem,
   useSidebar,
-} from "@allbluecn/ui/sidebar";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
+} from "@/components/ui/sidebar";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 import { isParentActive } from "@/lib/sidebar-utils";
 import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";

package/src/components/layout/sidebar-03/team-switcher.tsx

@@ -23,13 +23,13 @@ import {
   DropdownMenuSeparator,
   DropdownMenuShortcut,
   DropdownMenuTrigger,
-} from "@allbluecn/ui/dropdown-menu";
+} from "@/components/ui/dropdown-menu";
 import {
   SidebarMenu,
   SidebarMenuButton,
   SidebarMenuItem,
   useSidebar,
-} from "@allbluecn/ui/sidebar";
+} from "@/components/ui/sidebar";
 import { ChevronsUpDown, Plus } from "lucide-react";
 import * as React from "react";
 

package/src/components/layout/sidebar-03/user-menu.tsx

@@ -24,7 +24,7 @@ import {
   Users,
 } from "lucide-react";
 import { logoutRemoteFn } from '@/server/serverFns/auth/session'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 
 import {
   DropdownMenu,
@@ -34,13 +34,13 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@allbluecn/ui/dropdown-menu";
+} from "@/components/ui/dropdown-menu";
 import {
   SidebarMenu,
   SidebarMenuButton,
   SidebarMenuItem,
   useSidebar,
-} from "@allbluecn/ui/sidebar";
+} from "@/components/ui/sidebar";
 import { signOut, useSession } from "@/lib/auth/auth-client";
 import { useRouter, useMatches } from "@tanstack/react-router";
 import { getQueryClient } from "@/lib/query-client-seam";

package/src/components/notifications/settings-notifications.tsx

@@ -2,19 +2,19 @@
 // Adapted from @hextaui/settings-notifications (https://www.hextaui.com)
 import { useEffect, useState } from 'react'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { Bell, Mail } from 'lucide-react'
-import { Field, FieldContent, FieldDescription, FieldLabel } from '@allbluecn/ui/field'
-import { InputGroup, InputGroupInput } from '@allbluecn/ui/input-group'
+import { Field, FieldContent, FieldDescription, FieldLabel } from '@/components/ui/field'
+import { InputGroup, InputGroupInput } from '@/components/ui/input-group'
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@allbluecn/ui/select'
-import { Separator } from '@allbluecn/ui/separator'
-import { Switch } from '@allbluecn/ui/switch'
+} from '@/components/ui/select'
+import { Separator } from '@/components/ui/separator'
+import { Switch } from '@/components/ui/switch'
 import { useDebouncedCallback } from '@/lib/pacer'
 import { getNotificationPreferencesFn, updateNotificationPreferencesFn } from '@/server/serverFns/notifications'
 import { getEmailVerifiedStatusFn } from '@/server/serverFns/auth/email-verification'

package/src/components/notifications/team-notifications.tsx

@@ -17,21 +17,21 @@ import {
   X,
 } from 'lucide-react'
 import type { LucideIcon } from 'lucide-react'
-import { Badge } from '@allbluecn/ui/badge'
-import { Button } from '@allbluecn/ui/button'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
-} from '@allbluecn/ui/card'
+} from '@/components/ui/card'
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from '@allbluecn/ui/dropdown-menu'
+} from '@/components/ui/dropdown-menu'
 import {
   Empty,
   EmptyHeader,
@@ -44,8 +44,8 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@allbluecn/ui/select'
-import { Separator } from '@allbluecn/ui/separator'
+} from '@/components/ui/select'
+import { Separator } from '@/components/ui/separator'
 import { cn } from '@/lib/utils'
 import { useNotifications, NOTIFICATION_LIST_KEY, NOTIFICATION_ROOT_KEY } from '@/hooks/use-notifications'
 import type { NotificationCategory, NotificationItem } from '@allbluecn/kernel'

package/src/components/project/create-project-dialog.tsx

@@ -25,16 +25,16 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select";
-import { Button } from "@allbluecn/ui/button";
-import { Input } from "@allbluecn/ui/input";
+} from "@/components/ui/select";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@allbluecn/ui/dialog";
+} from "@/components/ui/dialog";
 import { LucideIconPicker } from "@/components/shared-kit/icons/lucide-icon-picker";
 import { extractDisplayId, validateDisplayId } from "@/lib/project-display-id";
 import { checkDisplayIdAvailableFn, createProjectFn, updateProjectFn } from "@/server/serverFns/project";

package/src/components/project/invite-member-dialog.tsx

@@ -18,10 +18,10 @@
 import { useState, useEffect } from "react";
 import { useForm } from "@tanstack/react-form";
 import { Loader2 } from "lucide-react";
-import { toast } from '@allbluecn/ui/toast';
-import { Button } from "@allbluecn/ui/button";
-import { Input } from "@allbluecn/ui/input";
-import { Label } from "@allbluecn/ui/label";
+import { toast } from '@/components/ui/toast';
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
 import {
   Dialog,
   DialogContent,
@@ -29,14 +29,14 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@allbluecn/ui/dialog";
+} from "@/components/ui/dialog";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select";
+} from "@/components/ui/select";
 import { addProjectMemberFromTeamFn } from "@/server/serverFns/project";
 import { listTeamUsersFn } from "@/server/serverFns/team";
 import type { ProjectRole } from "@/types/project";

package/src/components/project/project-member-manager.tsx

@@ -17,9 +17,9 @@
 
 import { useState } from "react";
 import { MoreHorizontal, UserPlus, Trash2, Crown } from "lucide-react";
-import { toast } from '@allbluecn/ui/toast';
-import { Button } from "@allbluecn/ui/button";
-import { Badge } from "@allbluecn/ui/badge";
+import { toast } from '@/components/ui/toast';
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -27,8 +27,8 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@allbluecn/ui/dropdown-menu";
-import { ConfirmDialog } from "@allbluecn/ui/components/confirm-dialog";
+} from "@/components/ui/dropdown-menu";
+import { ConfirmDialog } from "@/components/confirm-dialog";
 import { UserAvatar } from "@/components/shared-kit";
 import type { AvatarConfig, ShapeType } from "@allbluecn/kernel";
 import { InviteMemberDialog } from "./invite-member-dialog";

package/src/components/project/project-module-card.tsx

@@ -17,7 +17,7 @@
 
 import { Link } from "@tanstack/react-router";
 import { ChevronRight } from "lucide-react";
-import { Card } from "@allbluecn/ui/card";
+import { Card } from "@/components/ui/card";
 import type { ProjectModuleOverview } from "@/types/project";
 import { m } from "@/paraglide/messages.js";
 

package/src/components/settings/ai/api-key-field.tsx

@@ -18,14 +18,14 @@
 // apps/web/src/components/settings/ai/api-key-field.tsx
 import { useState } from "react"
 import { Eye, EyeOff, KeyRound, Trash2 } from "lucide-react"
-import { Button } from "@allbluecn/ui/button"
-import { Input } from "@allbluecn/ui/input"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
 import {
   Field,
   FieldContent,
   FieldDescription,
   FieldLabel,
-} from "@allbluecn/ui/field"
+} from "@/components/ui/field"
 import { m } from "@/paraglide/messages.js";
 
 export function ApiKeyField({

package/src/components/settings/ai/byok-section.tsx

@@ -28,8 +28,8 @@ import { useState } from "react"
 import { Eye, EyeOff, ShieldCheck, Trash2 } from "lucide-react"
 import { useByok } from "@tanstack/ai-react"
 import { byok } from "@/lib/ai/byok"
-import { Button } from "@allbluecn/ui/button"
-import { Input } from "@allbluecn/ui/input"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
 import { m } from "@/paraglide/messages.js"
 
 type ByokKind = "openai" | "anthropic" | "gemini" | "groq" | "grok" | "openrouter" | "ollama" | "openai-compatible" | "mistral" | "bedrock"

package/src/components/settings/ai/create-custom-model-dialog.tsx

@@ -18,12 +18,12 @@
 // apps/web/src/components/settings/ai/create-custom-model-dialog.tsx
 import { useState } from "react"
 import { useMutation } from "@tanstack/react-query"
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { MODEL_CAPABILITY_OPTIONS } from "@allbluecn/kernel"
 import type { ModelCapability } from "@allbluecn/kernel"
-import { Button } from "@allbluecn/ui/button"
-import { Input } from "@allbluecn/ui/input"
-import { Label } from "@allbluecn/ui/label"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
 import {
   Dialog,
   DialogContent,
@@ -31,7 +31,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@allbluecn/ui/dialog"
+} from "@/components/ui/dialog"
 import { cn } from "@/lib/utils"
 import { createCustomModelFn } from "@/server/serverFns/design/ai/providers"
 import { m } from "@/paraglide/messages.js";

package/src/components/settings/ai/create-custom-provider-dialog.tsx

@@ -1,9 +1,9 @@
 import { useEffect, useState } from "react"
 import { useMutation, useQueryClient } from "@tanstack/react-query"
-import { toast } from '@allbluecn/ui/toast'
-import { Input } from "@allbluecn/ui/input"
-import { Label } from "@allbluecn/ui/label"
-import { Button } from "@allbluecn/ui/button"
+import { toast } from '@/components/ui/toast'
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { Button } from "@/components/ui/button"
 import {
   Dialog,
   DialogContent,
@@ -11,7 +11,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@allbluecn/ui/dialog"
+} from "@/components/ui/dialog"
 import { createCustomProviderFn } from "@/server/serverFns/design/ai/providers"
 import { m } from "@/paraglide/messages.js";
 import { toastError } from "@/lib/toast-error";

package/src/components/settings/ai/local-agent-panel.tsx

@@ -28,9 +28,9 @@ import {
   Terminal,
   TriangleAlert,
 } from 'lucide-react'
-import { Badge } from '@allbluecn/ui/badge'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@allbluecn/ui/card'
-import { toast } from '@allbluecn/ui/toast'
+import { Badge } from '@/components/ui/badge'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { toast } from '@/components/ui/toast'
 import { cn } from '@/lib/utils'
 import { m } from '@/paraglide/messages.js'
 

package/src/components/settings/ai/model-card.tsx

@@ -22,8 +22,8 @@ import type {
   AiModelMeta,
   AiProviderMeta,
 } from "@allbluecn/kernel"
-import { Badge } from "@allbluecn/ui/badge"
-import { Switch } from "@allbluecn/ui/switch"
+import { Badge } from "@/components/ui/badge"
+import { Switch } from "@/components/ui/switch"
 import { cn } from "@/lib/utils"
 import { ProviderLogo } from "./provider-logo"
 import {

package/src/components/settings/ai/model-manager.tsx

@@ -17,7 +17,7 @@
 
 import { useMemo, useState } from "react"
 import { useMutation } from "@tanstack/react-query"
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { DragDropProvider, type DragEndEvent } from "@dnd-kit/react"
 import { useSortable } from "@dnd-kit/react/sortable"
 import { Loader2, Plus, Power, RefreshCw, Search } from "lucide-react"
@@ -28,9 +28,9 @@ import {
   type ModelCapability,
   type ModelTab,
 } from "@allbluecn/kernel"
-import { Button } from "@allbluecn/ui/button"
-import { Input } from "@allbluecn/ui/input"
-import { Switch } from "@allbluecn/ui/switch"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Switch } from "@/components/ui/switch"
 import { cn } from "@/lib/utils"
 import { ModelCard } from "./model-card"
 import { CreateCustomModelDialog } from "./create-custom-model-dialog"

package/src/components/settings/ai/provider-card.tsx

@@ -21,7 +21,7 @@ import { Link, useRouter } from "@tanstack/react-router"
 import { AlertTriangle } from "lucide-react"
 import type { AiProviderMeta } from "@allbluecn/kernel"
 import { PROVIDER_BADGE_STYLES } from "@allbluecn/kernel"
-import { Switch } from "@allbluecn/ui/switch"
+import { Switch } from "@/components/ui/switch"
 import { cn } from "@/lib/utils"
 import { updateAiProviderFn } from "@/server/serverFns/design/ai/providers"
 import { ProviderCombine } from "./provider-combine"

package/src/components/settings/ai/provider-detail-form.tsx

@@ -30,12 +30,12 @@ import {
   Sparkles,
   Zap,
 } from "lucide-react"
-import { toast } from "@allbluecn/ui/toast"
+import { toast } from "@/components/ui/toast"
 import type { AiModelMeta, AiProviderMeta } from "@allbluecn/kernel"
-import { Button } from "@allbluecn/ui/button"
-import { Input } from "@allbluecn/ui/input"
-import { Switch } from "@allbluecn/ui/switch"
-import { Badge } from "@allbluecn/ui/badge"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Switch } from "@/components/ui/switch"
+import { Badge } from "@/components/ui/badge"
 import { cn } from "@/lib/utils"
 import {
   Field,
@@ -46,7 +46,7 @@ import {
   FieldSet,
   FieldLegend,
   FieldSeparator,
-} from "@allbluecn/ui/field"
+} from "@/components/ui/field"
 import {
   deleteAiProviderConfigFn,
   getAiProviderFn,