@allbluecn/admin-app 0.3.4 → 0.3.6

package/src/components/dependency/edit-dialog.tsx

@@ -17,7 +17,7 @@
 
 import { useState } from "react"
 import { m } from '@/paraglide/messages.js'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { Loader2, Pencil } from "lucide-react"
 import {
   DEPENDENCY_CATEGORIES,
@@ -26,13 +26,13 @@ import {
   type ThirdPartyDependencyRow,
 } from "@allbluecn/kernel"
 import { updateDependencyFn } from "@/server/serverFns/dependency/update"
-import { Button } from "@allbluecn/ui/button"
-import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@allbluecn/ui/dialog"
-import { Input } from "@allbluecn/ui/input"
-import { Label } from "@allbluecn/ui/label"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@allbluecn/ui/select"
-import { Textarea } from "@allbluecn/ui/textarea"
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip"
+import { Button } from "@/components/ui/button"
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { Textarea } from "@/components/ui/textarea"
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
 
 export function EditDependencyDialog({
   row,

package/src/components/invitations/invitations-page.tsx

@@ -19,15 +19,15 @@ import { useState } from "react"
 import type React from "react"
 import { m } from "@/paraglide/messages.js"
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
-import { toast } from "@allbluecn/ui/toast"
+import { toast } from "@/components/ui/toast"
 import { Ticket, Plus, Copy, Ban, CheckCircle2, Trash2, Users } from "lucide-react"
 import { PageHeader } from "@/components/common/page-header"
-import { Button } from "@allbluecn/ui/button"
-import { Badge } from "@allbluecn/ui/badge"
-import { Input } from "@allbluecn/ui/input"
-import { Label } from "@allbluecn/ui/label"
-import { Switch } from "@allbluecn/ui/switch"
-import { Skeleton } from "@allbluecn/ui/skeleton"
+import { Button } from "@/components/ui/button"
+import { Badge } from "@/components/ui/badge"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { Switch } from "@/components/ui/switch"
+import { Skeleton } from "@/components/ui/skeleton"
 import {
   Dialog,
   DialogContent,
@@ -35,8 +35,8 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@allbluecn/ui/dialog"
-import { ConfirmDialog } from "@allbluecn/ui/components/confirm-dialog"
+} from "@/components/ui/dialog"
+import { ConfirmDialog } from "@/components/confirm-dialog"
 import {
   Table,
   TableBody,
@@ -44,13 +44,13 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@allbluecn/ui/table"
+} from "@/components/ui/table"
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@allbluecn/ui/tooltip"
-import { Card, CardContent } from "@allbluecn/ui/card"
+} from "@/components/ui/tooltip"
+import { Card, CardContent } from "@/components/ui/card"
 import {
   listInvitationCodesFn,
   createInvitationCodeFn,
@@ -59,7 +59,7 @@ import {
   getRegistrationModeFn,
   setRegistrationModeFn,
 } from "@/server/serverFns/invitations"
-import { formatTimestamp } from "@allbluecn/ui/lib/datetime"
+import { formatTimestamp } from "@/lib/datetime"
 
 type RegistrationMode = "invite" | "open"
 

package/src/components/{knowledge-public → knowledge/public}/bookmark-form-dialog.tsx

@@ -17,21 +17,21 @@
 
 import { useState, useEffect } from 'react'
 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 { Textarea } from '@allbluecn/ui/textarea'
+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 { Textarea } from '@/components/ui/textarea'
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@allbluecn/ui/dialog'
-import { adminCreateBookmarkFn } from '@/server/serverFns/knowledge-public/bookmarks/create'
-import { adminUpdateBookmarkFn } from '@/server/serverFns/knowledge-public/bookmarks/update'
-import { adminGetBookmarkDetailFn } from '@/server/serverFns/knowledge-public/bookmarks/detail'
+} from '@/components/ui/dialog'
+import { adminCreateBookmarkFn } from '@/server/serverFns/knowledge/public/bookmarks/create'
+import { adminUpdateBookmarkFn } from '@/server/serverFns/knowledge/public/bookmarks/update'
+import { adminGetBookmarkDetailFn } from '@/server/serverFns/knowledge/public/bookmarks/detail'
 
 export interface BookmarkRow {
   id: string
@@ -80,7 +80,7 @@ export function BookmarkFormDialog({ open, onOpenChange, item, onSuccess }: Book
     if (item) {
       setLoading(true)
       adminGetBookmarkDetailFn({ data: { id: item.id } })
-        .then((d: any) => {
+        .then((d: Awaited<ReturnType<typeof adminGetBookmarkDetailFn>>) => {
           setForm({
             title: d.title ?? '',
             url: d.url ?? '',

package/src/components/{knowledge-public → knowledge/public}/compliance-form-dialog.tsx

@@ -17,21 +17,21 @@
 
 import { useState, useEffect } from 'react'
 import { Loader2, PlusIcon, Trash2Icon } 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 { Textarea } from '@allbluecn/ui/textarea'
+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 { Textarea } from '@/components/ui/textarea'
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@allbluecn/ui/dialog'
-import { adminCreateComplianceFn } from '@/server/serverFns/knowledge-public/compliance/create'
-import { adminUpdateComplianceFn } from '@/server/serverFns/knowledge-public/compliance/update'
-import { adminGetComplianceDetailFn } from '@/server/serverFns/knowledge-public/compliance/detail'
+} from '@/components/ui/dialog'
+import { adminCreateComplianceFn } from '@/server/serverFns/knowledge/public/compliance/create'
+import { adminUpdateComplianceFn } from '@/server/serverFns/knowledge/public/compliance/update'
+import { adminGetComplianceDetailFn } from '@/server/serverFns/knowledge/public/compliance/detail'
 
 export interface ComplianceRow {
   id: string
@@ -80,7 +80,7 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
     if (item) {
       setLoading(true)
       adminGetComplianceDetailFn({ data: { id: item.id } })
-        .then((d: any) => {
+        .then((d: Awaited<ReturnType<typeof adminGetComplianceDetailFn>>) => {
           setForm({
             title: d.title ?? '',
             code: '',

package/src/components/{knowledge-public → knowledge/public}/legal-form-dialog.tsx

@@ -18,28 +18,28 @@
 import { useState, useEffect } from 'react'
 import { m } from '@/paraglide/messages.js'
 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 { Textarea } from '@allbluecn/ui/textarea'
+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 { Textarea } from '@/components/ui/textarea'
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@allbluecn/ui/select'
+} from '@/components/ui/select'
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@allbluecn/ui/dialog'
-import { adminCreateLegalFn } from '@/server/serverFns/knowledge-public/legal/create'
-import { adminUpdateLegalFn } from '@/server/serverFns/knowledge-public/legal/update'
-import { adminGetLegalDetailFn } from '@/server/serverFns/knowledge-public/legal/detail'
+} from '@/components/ui/dialog'
+import { adminCreateLegalFn } from '@/server/serverFns/knowledge/public/legal/create'
+import { adminUpdateLegalFn } from '@/server/serverFns/knowledge/public/legal/update'
+import { adminGetLegalDetailFn } from '@/server/serverFns/knowledge/public/legal/detail'
 
 export interface LegalRow {
   id: string
@@ -106,7 +106,7 @@ export function LegalFormDialog({ open, onOpenChange, item, onSuccess }: LegalFo
     if (item) {
       setLoading(true)
       adminGetLegalDetailFn({ data: { id: item.id } })
-        .then((d: any) => {
+        .then((d: Awaited<ReturnType<typeof adminGetLegalDetailFn>>) => {
           setForm({
             title: d.title ?? '',
             code: '',

package/src/components/layout/sidebar-02/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 { m } from '@/paraglide/messages.js'
 import { motion } from "motion/react";

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

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import type { ReactNode } from "react"
-import { SidebarInset, SidebarProvider } from "@allbluecn/ui/sidebar";
+import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
 import { DashboardSidebar } from "@/components/layout/sidebar-02/app-sidebar";
 
 export default function Sidebar02({ children }: { children?: ReactNode }) {

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

@@ -19,7 +19,7 @@
 import {
   Collapsible,
   CollapsibleContent,
-} from "@allbluecn/ui/collapsible";
+} from "@/components/ui/collapsible";
 import {
   SidebarMenu,
   SidebarMenuButton,
@@ -28,7 +28,7 @@ import {
   SidebarMenuSubButton,
   SidebarMenuItem as SidebarMenuSubItem,
   useSidebar,
-} from "@allbluecn/ui/sidebar";
+} from "@/components/ui/sidebar";
 import { cn } from "@/lib/utils";
 import { ChevronDown, ChevronUp } from "lucide-react";
 import { Link } from "@tanstack/react-router";

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

@@ -16,8 +16,8 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 
-import { Avatar, AvatarFallback, AvatarImage } from "@allbluecn/ui/avatar";
-import { Button } from "@allbluecn/ui/button";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -25,7 +25,7 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@allbluecn/ui/dropdown-menu";
+} from "@/components/ui/dropdown-menu";
 import { BellIcon } from "lucide-react";
 
 type Notification = {

package/src/components/market/columns.tsx

@@ -15,17 +15,17 @@
 // 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 type { AdminColumnDef } from "@allbluecn/ui/data-table";
+import type { AdminColumnDef } from "@/components/data-table/data-table";
 import { m } from '@/paraglide/messages.js'
-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 {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@allbluecn/ui/dropdown-menu"
+} from "@/components/ui/dropdown-menu"
 import { MoreHorizontalIcon, PencilIcon, TrashIcon, EyeIcon, EyeOffIcon } from "lucide-react"
 
 export type MarketAppRow = {

package/src/components/market/market-app-form.tsx

@@ -25,18 +25,18 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@allbluecn/ui/dialog"
-import { Button } from "@allbluecn/ui/button"
-import { Input } from "@allbluecn/ui/input"
-import { Label } from "@allbluecn/ui/label"
+} from "@/components/ui/dialog"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select"
-import { toast } from '@allbluecn/ui/toast'
+} from "@/components/ui/select"
+import { toast } from '@/components/ui/toast'
 
 interface MarketAppFormProps {
   open: boolean

package/src/components/market/market-app-list.tsx

@@ -17,15 +17,15 @@
 
 import { useCallback, useEffect, useState } from "react"
 import { m } from '@/paraglide/messages.js'
-import { DataTable } from "@allbluecn/ui/data-table"
+import { DataTable } from "@/components/data-table/data-table"
 import { getMarketColumns, MarketAppRow } from "./columns"
 import { MarketAppForm } from "./market-app-form"
 import { MarketAppFormData } from "@/lib/anyhub/types"
-import { Button } from "@allbluecn/ui/button"
+import { Button } from "@/components/ui/button"
 import { PlusIcon } from "lucide-react"
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { listMarketAppsFn, updateMarketAppFn, deleteMarketAppFn } from "@/server/serverFns/anyhub/market"
-import { ConfirmDialog } from "@allbluecn/ui/components/confirm-dialog"
+import { ConfirmDialog } from "@/components/confirm-dialog"
 
 export function MarketAppList() {
   const [apps, setApps] = useState<MarketAppRow[]>([])

package/src/components/monitoring/error-list.tsx

@@ -17,7 +17,7 @@
 
 import { useState } from 'react'
 import { m } from '@/paraglide/messages.js'
-import { DataTable, type AdminColumnDef } from '@allbluecn/ui/data-table'
+import { DataTable, type AdminColumnDef } from '@/components/data-table/data-table'
 
 function formatRelativeTime(dateStr: string): string {
   const now = new Date()

package/src/components/monitoring/metrics-stats.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 { DataTable, type AdminColumnDef } from '@allbluecn/ui/data-table'
+import { DataTable, type AdminColumnDef } from '@/components/data-table/data-table'
 import { m } from '@/paraglide/messages.js'
 import { describeMetric } from '@/lib/monitoring-descriptions'
 import { getBenchmark, getBenchmarkSource, compareDuration } from '@/lib/monitoring-benchmarks'

package/src/components/monitoring/request-log-table.tsx

@@ -17,7 +17,7 @@
 
 import type React from 'react'
 import { m } from '@/paraglide/messages.js'
-import { DataTable, type AdminColumnDef } from '@allbluecn/ui/data-table'
+import { DataTable, type AdminColumnDef } from '@/components/data-table/data-table'
 import { describePath } from '@/lib/monitoring-descriptions'
 import { getBenchmark, getBenchmarkSource, compareDuration } from '@/lib/monitoring-benchmarks'
 import { ArrowDown, ArrowUp, Info } from 'lucide-react'

package/src/components/oauth-providers/provider-page.tsx

@@ -19,17 +19,17 @@ import { useEffect, useState } from 'react'
 import type React from 'react'
 import { m } from '@/paraglide/messages.js'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { Eye, EyeOff, KeyRound, PlugZap, Save, Trash2 } from 'lucide-react'
 import { PageHeader } from '@/components/common/page-header'
-import { Button } from '@allbluecn/ui/button'
-import { Badge } from '@allbluecn/ui/badge'
-import { Card, CardContent } from '@allbluecn/ui/card'
-import { Input } from '@allbluecn/ui/input'
-import { Label } from '@allbluecn/ui/label'
-import { Switch } from '@allbluecn/ui/switch'
-import { Skeleton } from '@allbluecn/ui/skeleton'
-import { ConfirmDialog } from '@allbluecn/ui/components/confirm-dialog'
+import { Button } from '@/components/ui/button'
+import { Badge } from '@/components/ui/badge'
+import { Card, CardContent } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Switch } from '@/components/ui/switch'
+import { Skeleton } from '@/components/ui/skeleton'
+import { ConfirmDialog } from '@/components/confirm-dialog'
 import {
   deleteOAuthProviderFn,
   listOAuthProvidersFn,

package/src/components/permissions/assign-dialog.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react'
 import type React from 'react'
 import { m } from '@/paraglide/messages.js'
 import { useServerFn } from '@tanstack/react-start'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import {
   assignRoleFn,
   unassignRoleFn,
@@ -15,9 +15,9 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@allbluecn/ui/dialog'
-import { Button } from '@allbluecn/ui/button'
-import { Input } from '@allbluecn/ui/input'
+} from '@/components/ui/dialog'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
 import {
   Table,
   TableBody,
@@ -25,7 +25,7 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from '@allbluecn/ui/table'
+} from '@/components/ui/table'
 import type { AssignmentItem, RoleItem } from './types'
 
 export function AssignDialog({

package/src/components/permissions/create-role-dialog.tsx

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useState } from 'react'
 import type React from 'react'
 import { m } from '@/paraglide/messages.js'
 import { useServerFn } from '@tanstack/react-start'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { createRoleFn } from '@/server/serverFns/permissions'
 import {
   Dialog,
@@ -11,17 +11,17 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@allbluecn/ui/dialog'
-import { Button } from '@allbluecn/ui/button'
-import { Input } from '@allbluecn/ui/input'
-import { Label } from '@allbluecn/ui/label'
+} from '@/components/ui/dialog'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@allbluecn/ui/select'
+} from '@/components/ui/select'
 import { ALL_ACTIONS, ALL_RESOURCES, LEVELS, type ResourcePermission } from './types'
 
 export function CreateRoleDialog({

package/{allblue-ui/src → src/components}/ui/checkbox.tsx

@@ -1,12 +1,13 @@
 
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox"
 import { cn } from "cn"
-import { CheckIcon } from "lucide-react"
+import { CheckIcon, MinusIcon } from "lucide-react"
 
-function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) {
+function Checkbox({ className, indeterminate, ...props }: CheckboxPrimitive.Root.Props) {
   return (
     <CheckboxPrimitive.Root
       data-slot="checkbox"
+      indeterminate={indeterminate}
       className={cn(
         "peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input shadow-xs transition-shadow outline-none group-has-disabled/field:opacity-50 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary",
         className
@@ -17,8 +18,7 @@ function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) {
         data-slot="checkbox-indicator"
         className="grid place-content-center text-current transition-none [&>svg]:size-3.5"
       >
-        <CheckIcon
-        />
+        {indeterminate ? <MinusIcon /> : <CheckIcon />}
       </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
   )

package/{allblue-ui/src → src/components}/ui/sidebar.tsx

@@ -4,7 +4,7 @@ import { useRender } from "@base-ui/react/use-render"
 import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "cn"
 
-import { useIsMobile } from "../hooks/use-mobile"
+import { useIsMobile } from "@/hooks/use-mobile"
 import { Button } from "./button"
 import { Input } from "./input"
 import { Separator } from "./separator"

package/src/components/user/columns.tsx

@@ -16,12 +16,12 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 
-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 { EyeIcon } from "lucide-react";
-import { UserAvatar } from "@allbluecn/ui/components/user-avatar";
+import { UserAvatar } from "@/components/user-avatar";
 import type { AvatarConfig } from "@allbluecn/kernel";
-import type { AdminColumnDef } from "@allbluecn/ui/data-table";
+import type { AdminColumnDef } from "@/components/data-table/data-table";
 
 export type UserRow = {
   id: string;
@@ -79,7 +79,7 @@ export function getUserColumns(onView: (user: UserRow) => void): AdminColumnDef<
           <div className="flex items-center gap-2">
             <UserAvatar
               avatarConfig={user.avatarConfig as AvatarConfig | null}
-              bgShape={user.bgShape as "square" | "rounded" | null}
+              bgShape={user.bgShape}
               bgColor={user.bgColor}
               name={user.username}
               size="md"

package/src/components/user/settings-activity-log.tsx

@@ -26,28 +26,28 @@ import {
 import { useState } from "react";
 import { m } from '@/paraglide/messages.js'
 import { cn } from "@/lib/utils";
-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,
   CardTitle,
-} from "@allbluecn/ui/card";
-import { FieldLabel } from "@allbluecn/ui/field";
+} from "@/components/ui/card";
+import { FieldLabel } from "@/components/ui/field";
 import {
   InputGroup,
   InputGroupInput,
-} from "@allbluecn/ui/input-group";
+} from "@/components/ui/input-group";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select";
-import { Separator } from "@allbluecn/ui/separator";
+} from "@/components/ui/select";
+import { Separator } from "@/components/ui/separator";
 
 export interface ActivityLogEntry {
   id: string;

package/src/components/user/settings-profile/avatar-uploader.tsx

@@ -2,8 +2,8 @@
 
 import { Camera, Loader2, X } from "lucide-react";
 import { cn } from "@/lib/utils";
-import { FieldLabel } from "@allbluecn/ui/field";
-import { Button } from "@allbluecn/ui/button";
+import { FieldLabel } from "@/components/ui/field";
+import { Button } from "@/components/ui/button";
 
 /**
  * 头像上传区（纯展示）：预览/拖拽/进度态由父组件持有——errors 是父级

package/src/components/user/settings-profile/social-links.tsx

@@ -4,11 +4,11 @@ import {
   Field,
   FieldContent,
   FieldLabel,
-} from "@allbluecn/ui/field";
+} from "@/components/ui/field";
 import {
   InputGroup,
   InputGroupInput,
-} from "@allbluecn/ui/input-group";
+} from "@/components/ui/input-group";
 import {
   defaultSocialPlatforms,
   socialPlatformLabels,

package/src/components/user/settings-profile.tsx

@@ -18,27 +18,27 @@
 import { Loader2, Save } from "lucide-react";
 import { useCallback, useRef, useState } from "react";
 import { cn } from "@/lib/utils";
-import { Button } from "@allbluecn/ui/button";
+import { Button } from "@/components/ui/button";
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@allbluecn/ui/card";
+} from "@/components/ui/card";
 import {
   Field,
   FieldContent,
   FieldDescription,
   FieldError,
   FieldLabel,
-} from "@allbluecn/ui/field";
+} from "@/components/ui/field";
 import {
   InputGroup,
   InputGroupInput,
-} from "@allbluecn/ui/input-group";
-import { Separator } from "@allbluecn/ui/separator";
-import { Textarea } from "@allbluecn/ui/textarea";
+} from "@/components/ui/input-group";
+import { Separator } from "@/components/ui/separator";
+import { Textarea } from "@/components/ui/textarea";
 import { AvatarUploader } from "./settings-profile/avatar-uploader";
 import { SocialLinks } from "./settings-profile/social-links";
 import type {