@allbluecn/admin-app 0.3.3 → 0.3.5

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

@@ -23,19 +23,19 @@ import {
   DialogHeader,
   DialogTitle,
   DialogFooter,
-} 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 { createUserFn } from "@/server/serverFns/user/create";
-import { toast } from '@allbluecn/ui/toast';
+import { toast } from '@/components/ui/toast';
 
 interface UserCreateDialogProps {
   open: boolean;

package/src/components/user/user-detail/error-boundary.tsx

@@ -2,7 +2,7 @@
 
 import { m } from '@/paraglide/messages.js'
 import { AlertCircle } from 'lucide-react'
-import { Button } from '@allbluecn/ui/button'
+import { Button } from '@/components/ui/button'
 
 export function AdminUserErrorBoundary({ error, reset }: { error: unknown; reset: () => void }) {
   return <AdminUserErrorBoundaryInner error={error instanceof Error ? error : new Error(String(error))} reset={reset} />

package/src/components/user/user-detail/user-detail-dialogs.tsx

@@ -7,7 +7,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@allbluecn/ui/dialog'
+} from '@/components/ui/dialog'
 import {
   AlertDialog,
   AlertDialogAction,
@@ -17,17 +17,17 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from '@allbluecn/ui/alert-dialog'
+} from '@/components/ui/alert-dialog'
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@allbluecn/ui/select'
-import { Input } from '@allbluecn/ui/input'
-import { Label } from '@allbluecn/ui/label'
-import { Button } from '@allbluecn/ui/button'
+} from '@/components/ui/select'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Button } from '@/components/ui/button'
 
 export type UserDialogState = { open: boolean; value: string }
 export type UserDeleteDialogState = { open: boolean; confirmName: string }

package/src/components/user/user-filters.tsx

@@ -18,15 +18,15 @@
 import { useNavigate } from "@tanstack/react-router";
 import { m } from '@/paraglide/messages.js'
 import { useCallback } from "react";
-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 {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select";
+} from "@/components/ui/select";
 import { SearchIcon, XIcon } from "lucide-react";
 
 interface UserFiltersProps {

package/src/components/user-avatar.tsx

@@ -0,0 +1,82 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// 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 { NotionAvatar } from "./notion-avatar"
+import type { AvatarConfig, ShapeType } from "@allbluecn/kernel"
+
+type UserAvatarProps = {
+  avatarConfig?: AvatarConfig | null
+  bgShape?: ShapeType | null
+  bgColor?: string | null
+  name?: string | null
+  imageUrl?: string | null
+  className?: string
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl"
+}
+
+const sizeClasses: Record<string, string> = {
+  xs: "w-5 h-5",
+  sm: "w-6 h-6",
+  md: "w-8 h-8",
+  lg: "w-10 h-10",
+  xl: "w-12 h-12",
+  "2xl": "w-16 h-16",
+  "3xl": "w-20 h-20",
+  "4xl": "w-24 h-24",
+}
+
+export function UserAvatar({
+  avatarConfig,
+  bgShape,
+  bgColor,
+  name,
+  imageUrl,
+  className,
+  size = "md",
+}: UserAvatarProps) {
+  const initial = (name || "U").charAt(0).toUpperCase()
+  const shapeClass =
+    bgShape === "circle" ? "rounded-full" : bgShape === "square" ? "rounded-none" : "rounded-lg"
+
+  if (avatarConfig) {
+    return (
+      <NotionAvatar
+        config={avatarConfig}
+        shape={bgShape ?? "square"}
+        bgColor={bgColor ?? "#fff"}
+        className={`${sizeClasses[size]} shrink-0 ${className ?? ""}`}
+      />
+    )
+  }
+
+  if (imageUrl) {
+    return (
+      <div className={`relative shrink-0 overflow-hidden ${shapeClass} ${sizeClasses[size]} ${className ?? ""}`}>
+        <img src={imageUrl} alt={name || ""} className="h-full w-full object-cover" />
+      </div>
+    )
+  }
+
+  return (
+    <div
+      className={`flex shrink-0 items-center justify-center ${shapeClass} bg-muted text-xs font-medium ${sizeClasses[size]} ${className ?? ""}`}
+    >
+      {initial}
+    </div>
+  )
+}

package/src/hooks/use-mobile.ts

@@ -0,0 +1,19 @@
+import * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}

package/src/lib/datetime.ts

@@ -0,0 +1,226 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// 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 { formatInTimeZone, toZonedTime, fromZonedTime } from 'date-fns-tz'
+import { startOfDay, subDays } from 'date-fns'
+
+const FALLBACK_TIMEZONE = 'Asia/Shanghai'
+
+/**
+ * 解析生效时区：项目时区 > 用户时区 > 浏览器时区 > Asia/Shanghai
+ */
+export function resolveTimezone(
+  projectTz?: string | null,
+  userTz?: string | null,
+): string {
+  const browserTz =
+    typeof Intl !== 'undefined'
+      ? Intl.DateTimeFormat().resolvedOptions().timeZone
+      : FALLBACK_TIMEZONE
+  return projectTz || userTz || browserTz || FALLBACK_TIMEZONE
+}
+
+/**
+ * 时区感知的时间格式化。
+ * @param date UTC Date 对象（来自 DB）
+ * @param timezone IANA 时区，如 "Asia/Shanghai"
+ * @param fmt date-fns 格式，默认 "yyyy-MM-dd HH:mm"
+ */
+export function formatDate(
+  date: Date,
+  timezone: string,
+  fmt = 'yyyy-MM-dd HH:mm',
+): string {
+  try {
+    return formatInTimeZone(date, timezone, fmt)
+  } catch {
+    return formatInTimeZone(date, FALLBACK_TIMEZONE, fmt)
+  }
+}
+
+/**
+ * 确定性时间戳格式化：固定时区 + date-fns 数字格式，不依赖运行环境 locale/时区。
+ * SSR 与客户端输出字节级一致，专治 toLocaleString() 引发的 hydration mismatch。
+ * @param date Date 对象或 ISO 字符串
+ * @param fmt date-fns 格式，默认 "yyyy-MM-dd HH:mm"
+ */
+export function formatTimestamp(
+  date: Date | string,
+  fmt = 'yyyy-MM-dd HH:mm',
+): string {
+  const d = typeof date === 'string' ? new Date(date) : date
+  if (Number.isNaN(d.getTime())) return '-'
+  return formatDate(d, FALLBACK_TIMEZONE, fmt)
+}
+
+/**
+ * 相对时间（今天/昨天/具体日期），基于时区计算「今天的 0 点」。
+ * @param now 当前时间（测试注入；生产用默认 new Date()）
+ */
+export function formatRelative(
+  date: Date,
+  timezone: string,
+  now: Date = new Date(),
+): string {
+  try {
+    const todayStart = startOfDayInTimeZone(now, timezone)
+    const yesterdayStart = new Date(todayStart)
+    yesterdayStart.setDate(yesterdayStart.getDate() - 1)
+
+    const dateStart = startOfDayInTimeZone(date, timezone)
+
+    if (dateStart.getTime() === todayStart.getTime()) return '今天'
+    if (dateStart.getTime() === yesterdayStart.getTime()) return '昨天'
+    return formatInTimeZone(date, timezone, 'yyyy-MM-dd')
+  } catch {
+    return formatInTimeZone(date, FALLBACK_TIMEZONE, 'yyyy-MM-dd')
+  }
+}
+
+/**
+ * 获取指定时区下某天的 0 点（UTC Date 对象）。
+ */
+function startOfDayInTimeZone(date: Date, timezone: string): Date {
+  const zoned = toZonedTime(date, timezone)
+  const dayStart = startOfDay(zoned)
+  return fromZonedTime(dayStart, timezone)
+}
+
+/**
+ * 对话历史日期分组标签（今天/昨天/本周/具体日期）。
+ * @param date UTC Date 对象
+ * @param timezone IANA 时区
+ */
+export function formatChatDate(date: Date, timezone: string): string {
+  try {
+    const now = new Date()
+    const todayStart = startOfDayInTimeZone(now, timezone)
+    const yesterdayStart = subDays(todayStart, 1)
+    const weekStart = subDays(todayStart, 7)
+
+    const dateStart = startOfDayInTimeZone(date, timezone)
+
+    if (dateStart.getTime() === todayStart.getTime()) return '今天'
+    if (dateStart.getTime() === yesterdayStart.getTime()) return '昨天'
+    if (dateStart.getTime() >= weekStart.getTime()) return '本周'
+
+    const currentYear = Number(formatInTimeZone(now, timezone, 'yyyy'))
+    const dateYear = Number(formatInTimeZone(date, timezone, 'yyyy'))
+    if (dateYear === currentYear) {
+      return formatInTimeZone(date, timezone, 'M月d日')
+    }
+    return formatInTimeZone(date, timezone, 'yyyy年M月d日')
+  } catch {
+    return formatInTimeZone(date, FALLBACK_TIMEZONE, 'yyyy-MM-dd')
+  }
+}
+
+
+// ---- 本地日历工具（自 lib/date-utils.ts 并入：按本地时区做日历网格/日键计算，无时区转换） ----
+
+/** 解析 "yyyy-MM-dd" 前缀为本地 Date（避免 UTC 偏移） */
+export function parseDate(s: string): Date {
+  const datePart = s.slice(0, 10)
+  const [y, m, d] = datePart.split('-').map(Number)
+  return new Date(y, m - 1, d)
+}
+
+/** 本地时区 yyyy-MM-dd 日键（与 timezone 版 formatDate 区分） */
+export function formatDateLocal(d: Date): string {
+  const y = d.getFullYear()
+  const m = String(d.getMonth() + 1).padStart(2, '0')
+  const day = String(d.getDate()).padStart(2, '0')
+  return `${y}-${m}-${day}`
+}
+
+export function isSameDay(a: Date, b: Date): boolean {
+  return (
+    a.getFullYear() === b.getFullYear() &&
+    a.getMonth() === b.getMonth() &&
+    a.getDate() === b.getDate()
+  )
+}
+
+export function getMonthGrid(
+  year: number,
+  month: number,
+): Array<{ date: Date; inMonth: boolean }> {
+  const firstDay = new Date(year, month, 1)
+  const startOffset = firstDay.getDay() // 周日=0
+  const gridStart = new Date(year, month, 1 - startOffset)
+  const result: Array<{ date: Date; inMonth: boolean }> = []
+  for (let i = 0; i < 42; i++) {
+    const date = new Date(gridStart)
+    date.setDate(gridStart.getDate() + i)
+    result.push({ date, inMonth: date.getMonth() === month })
+  }
+  return result
+}
+
+export function getWeekGrid(
+  year: number,
+  month: number,
+  day: number,
+): Array<{ date: Date; inMonth: boolean }> {
+  const anchor = new Date(year, month, day)
+  const startOffset = anchor.getDay()
+  const gridStart = new Date(year, month, day - startOffset)
+  const result: Array<{ date: Date; inMonth: boolean }> = []
+  for (let i = 0; i < 7; i++) {
+    const date = new Date(gridStart)
+    date.setDate(gridStart.getDate() + i)
+    result.push({ date, inMonth: date.getMonth() === month })
+  }
+  return result
+}
+
+export function buildTimelineRange(
+  start: Date,
+  end: Date,
+  mode: 'month' | 'week',
+): Array<{ start: Date; label: string }> {
+  const ticks: Array<{ start: Date; label: string }> = []
+  const cursor = new Date(start.getFullYear(), start.getMonth(), 1)
+  const endDate = new Date(end.getFullYear(), end.getMonth(), 1)
+  while (cursor <= endDate) {
+    const label =
+      mode === 'month'
+        ? `${cursor.getFullYear()}-${String(cursor.getMonth() + 1).padStart(2, '0')}`
+        : `${cursor.getFullYear()}-${String(cursor.getMonth() + 1).padStart(2, '0')}-${String(cursor.getDate()).padStart(2, '0')}`
+    ticks.push({ start: new Date(cursor), label })
+    if (mode === 'month') cursor.setMonth(cursor.getMonth() + 1)
+    else cursor.setDate(cursor.getDate() + 7)
+  }
+  return ticks
+}
+
+export function getRangeFromDates(dates: Date[]): { start: Date; end: Date } {
+  if (dates.length === 0) {
+    const now = new Date()
+    return {
+      start: new Date(now.getFullYear(), now.getMonth(), 1),
+      end: new Date(now.getFullYear(), now.getMonth() + 2, 0),
+    }
+  }
+  const times = dates.map((d) => d.getTime())
+  const min = new Date(Math.min(...times))
+  const max = new Date(Math.max(...times))
+  return {
+    start: new Date(min.getFullYear(), min.getMonth() - 1, 1),
+    end: new Date(max.getFullYear(), max.getMonth() + 1, 0),
+  }
+}

package/src/lib/sanitize.ts

@@ -0,0 +1,18 @@
+import DOMPurify from 'isomorphic-dompurify'
+
+// HTML 清理：默认配置（html + svg + mathMl profile 均启用），
+// 覆盖富文本 diff、附件预览等 7 处 HTML 渲染场景。
+export function sanitize(html: string): string {
+  return DOMPurify.sanitize(html)
+}
+
+// SVG 清理：头像渲染（NotionAvatar）专用。
+// 显式复用默认配置——DOMPurify 默认 profile 已包含 SVG 滤镜元素
+// （<defs>/<filter>/<feMorphology>/<feFlood>/<feComposite>/<feMerge>/<feMergeNode>），
+// 同时清除 <script>/on*/javascript: 等 XSS 载荷。
+// 禁止改成 USE_PROFILES: { svg: true }——严格 SVG profile 会移除全部 fe* 滤镜元素，
+// 头像轮廓辉光（feMorphology+feFlood+feComposite+feMerge）会失效渲染白屏。
+// 结构完整性由 __tests__/security/xss-sanitize.test.ts 的双向断言锁定。
+export function sanitizeSvg(svg: string): string {
+  return DOMPurify.sanitize(svg)
+}

package/src/providers/index.tsx

@@ -18,7 +18,7 @@
 
 import { ThemeProvider } from "next-themes";
 import { type ReactNode } from "react";
-import { TooltipProvider } from "@allbluecn/ui/tooltip";
+import { TooltipProvider } from "@/components/ui/tooltip";
 
 export function Providers({
   children,

package/src/routes/__root.tsx

@@ -21,7 +21,7 @@ import globalsCss from '../styles/globals.css?url'
 import type { RouterContext } from '@/lib/router-context'
 import type { AppLocale } from '@/lib/i18n/config'
 import { Providers } from '@/providers'
-import { Toaster } from '@allbluecn/ui/toast'
+import { Toaster } from '@/components/ui/toast'
 import { getSessionFn } from '@/server/serverFns/auth/session'
 import { getLocaleFn } from '@/server/serverFns/locale'
 import { reportClientError } from '@/server/serverFns/monitoring/report-error'

package/src/routes/_nav/audit/route.lazy.tsx

@@ -18,7 +18,7 @@
 import { createLazyFileRoute } from '@tanstack/react-router'
 import { m } from '@/paraglide/messages.js'
 import type React from 'react'
-import { Badge } from '@allbluecn/ui/badge'
+import { Badge } from '@/components/ui/badge'
 
 export const Route = createLazyFileRoute('/_nav/audit')({
   pendingComponent: () => (

package/src/routes/_nav/compliance/route.lazy.tsx

@@ -19,11 +19,11 @@ import { createLazyFileRoute } from '@tanstack/react-router'
 import { m } from '@/paraglide/messages.js'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { useServerFn } from '@tanstack/react-start'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import type React from 'react'
 import { listComplianceExportsFn, executeComplianceJobFn } from '@/server/serverFns/compliance'
-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 { Loader2 } from 'lucide-react'
 
 export const Route = createLazyFileRoute('/_nav/compliance')({

package/src/routes/_nav/components/route.lazy.tsx

@@ -18,15 +18,15 @@
 import { useState } from 'react'
 import { createLazyFileRoute, useNavigate, useRouter } from '@tanstack/react-router'
 import { Plus, Search, Download } from 'lucide-react'
-import { Button } from '@allbluecn/ui/button'
-import { Input } from '@allbluecn/ui/input'
-import { ConfirmDialog } from '@allbluecn/ui/components/confirm-dialog'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { ConfirmDialog } from '@/components/confirm-dialog'
 import { cn } from '@/lib/utils'
 import { ComponentTable, type ComponentItem } from '@/components/component/component-table'
 import { ComponentFormDialog } from '@/components/component/component-form-dialog'
 import { ComponentImportDialog } from '@/components/component/component-import-dialog'
 import { deleteComponentFn } from '@/server/serverFns/components/mutations'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 
 const CATEGORY_TABS = [
   { key: 'all', label: '全部' },

package/src/routes/_nav/knowledge-public/bookmarks/route.lazy.tsx

@@ -37,12 +37,12 @@ import {
 const categoryIconMap: Record<string, LucideIcon> = {
   Folder, Globe, Code, Book, BookOpen,
 }
-import { DataTable, type AdminColumnDef } from '@allbluecn/ui/data-table'
-import { Button } from '@allbluecn/ui/button'
-import { Input } from '@allbluecn/ui/input'
-import { Badge } from '@allbluecn/ui/badge'
-import { ConfirmDialog } from '@allbluecn/ui/components/confirm-dialog'
-import { toast } from '@allbluecn/ui/toast'
+import { DataTable, type AdminColumnDef } from '@/components/data-table/data-table'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Badge } from '@/components/ui/badge'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { toast } from '@/components/ui/toast'
 import {
   BookmarkFormDialog,
   type BookmarkRow,

package/src/routes/_nav/knowledge-public/compliance/route.lazy.tsx

@@ -19,12 +19,12 @@ import { createLazyFileRoute, useNavigate, useRouter } from '@tanstack/react-rou
 import { m } from '@/paraglide/messages.js'
 import { useState, useTransition } from 'react'
 import { PlusIcon, PencilIcon, Trash2Icon, SearchIcon } from 'lucide-react'
-import { DataTable, type AdminColumnDef } from '@allbluecn/ui/data-table'
-import { Button } from '@allbluecn/ui/button'
-import { Input } from '@allbluecn/ui/input'
-import { Badge } from '@allbluecn/ui/badge'
-import { ConfirmDialog } from '@allbluecn/ui/components/confirm-dialog'
-import { toast } from '@allbluecn/ui/toast'
+import { DataTable, type AdminColumnDef } from '@/components/data-table/data-table'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Badge } from '@/components/ui/badge'
+import { ConfirmDialog } from '@/components/confirm-dialog'
+import { toast } from '@/components/ui/toast'
 import {
   ComplianceFormDialog,
   type ComplianceRow,

package/src/routes/_nav/knowledge-public/legal/route.lazy.tsx

@@ -19,10 +19,10 @@ import { createLazyFileRoute, useNavigate, useRouter } from '@tanstack/react-rou
 import { m } from '@/paraglide/messages.js'
 import { useState, useTransition } from 'react'
 import { PlusIcon, PencilIcon, Trash2Icon, SearchIcon } from 'lucide-react'
-import { DataTable, type AdminColumnDef } from '@allbluecn/ui/data-table'
-import { Button } from '@allbluecn/ui/button'
-import { Input } from '@allbluecn/ui/input'
-import { Badge } from '@allbluecn/ui/badge'
+import { DataTable, type AdminColumnDef } from '@/components/data-table/data-table'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Badge } from '@/components/ui/badge'
 import {
   AlertDialog,
   AlertDialogAction,
@@ -32,8 +32,8 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from '@allbluecn/ui/alert-dialog'
-import { toast } from '@allbluecn/ui/toast'
+} from '@/components/ui/alert-dialog'
+import { toast } from '@/components/ui/toast'
 import { LegalFormDialog, type LegalRow } from '@/components/knowledge-public/legal-form-dialog'
 import { adminDeleteLegalFn } from '@/server/serverFns/knowledge-public/legal/delete'
 

package/src/routes/_nav/licenses/$licenseId/route.lazy.tsx

@@ -18,10 +18,10 @@
 import { createLazyFileRoute, Link, useNavigate } from '@tanstack/react-router'
 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 type React from 'react'
-import { Button } from '@allbluecn/ui/button'
-import { Card, CardContent, CardHeader, CardTitle } from '@allbluecn/ui/card'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { revokeLicenseFn } from '@/server/serverFns/licenses'
 
 export const Route = createLazyFileRoute('/_nav/licenses/$licenseId')({

package/src/routes/_nav/licenses/new/route.lazy.tsx

@@ -22,11 +22,11 @@ import { useState } from 'react'
 import { useForm } from '@tanstack/react-form'
 import { useServerFn } from '@tanstack/react-start'
 import { Check, Copy } from 'lucide-react'
-import { Button } from '@allbluecn/ui/button'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@allbluecn/ui/card'
-import { Input } from '@allbluecn/ui/input'
-import { Label } from '@allbluecn/ui/label'
-import { Alert, AlertDescription, AlertTitle } from '@allbluecn/ui/alert'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
 import { issueLicenseFn } from '@/server/serverFns/licenses'
 import { FeatureRegistry } from '@allbluecn/kernel'
 

package/src/routes/_nav/licenses/route.lazy.tsx

@@ -18,7 +18,7 @@
 import { createLazyFileRoute, Link } from '@tanstack/react-router'
 import { m } from '@/paraglide/messages.js'
 import type React from 'react'
-import { Button } from '@allbluecn/ui/button'
+import { Button } from '@/components/ui/button'
 
 export const Route = createLazyFileRoute('/_nav/licenses')({
   pendingComponent: () => (

package/src/routes/_nav/monitoring/ai-usage/route.lazy.tsx

@@ -8,8 +8,8 @@ import { tooltip } from '@tanstack/charts/tooltip'
 import { Chart } from '@tanstack/charts/react'
 import { BarChart3, AlertCircle, AlertTriangle, ChevronLeft, ChevronRight, RefreshCw } from 'lucide-react'
 import { PageHeader } from '@/components/common/page-header'
-import { Card, CardContent, CardHeader, CardTitle } from '@allbluecn/ui/card'
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@allbluecn/ui/table'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'
 import { getAiUsageOverviewFn } from '@/server/serverFns/monitoring/get-ai-usage-overview'
 import { checkAiAlertsFn } from '@/server/serverFns/monitoring/check-ai-alerts'
 import type { AiUsageOverview } from '@/server/admin-ai-usage'

package/src/routes/_nav/monitoring/errors/route.lazy.tsx

@@ -25,7 +25,7 @@ import { ErrorItem } from '@/components/monitoring/error-list'
 import { getErrors } from '@/server/serverFns/monitoring/get-errors'
 import { resetMonitoring } from '@/server/serverFns/monitoring/reset'
 import { jsonify } from '@/lib/loader-serial'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 
 export const Route = createLazyFileRoute('/_nav/monitoring/errors')({
   component: MonitoringErrors,