@allbluecn/admin-app 0.3.2 → 0.3.4

package/allblue-ui/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/allblue-ui/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/allblue-ui/src/lib/utils.ts

@@ -0,0 +1 @@
+export { cn } from "cn"

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

@@ -1,10 +1,8 @@
-"use client"
-
 import * as React from "react"
 import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog"
 import { cn } from "cn"
 
-import { Button } from "@/components/ui/button"
+import { Button } from "./button"
 
 function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props) {
   return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />

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

@@ -1,4 +1,3 @@
-"use client"
 
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox"
 import { cn } from "cn"

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

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog"
 import { cn } from "cn"
 
-import { Button } from "@/components/ui/button"
+import { Button } from "./button"
 import { XIcon } from "lucide-react"
 
 function Dialog({ ...props }: DialogPrimitive.Root.Props) {

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

@@ -1,5 +1,3 @@
-"use client"
-
 import * as React from "react"
 import { Menu as MenuPrimitive } from "@base-ui/react/menu"
 import { cn } from "cn"

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

@@ -2,8 +2,8 @@ import { useMemo } from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "cn"
 
-import { Label } from "@/components/ui/label"
-import { Separator } from "@/components/ui/separator"
+import { Label } from "./label"
+import { Separator } from "./separator"
 
 function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
   return (

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

@@ -1,12 +1,11 @@
-"use client"
 
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "cn"
 
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Textarea } from "@/components/ui/textarea"
+import { Button } from "./button"
+import { Input } from "./input"
+import { Textarea } from "./textarea"
 
 function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/allblue-ui/src/ui/input.tsx

@@ -0,0 +1,19 @@
+import * as React from "react"
+import { Input as InputPrimitive } from "@base-ui/react/input"
+import { cn } from "cn"
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+  return (
+    <InputPrimitive
+      type={type}
+      data-slot="input"
+      className={cn(
+        "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base  transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Input }

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

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { cn } from "cn"
 
-import { Button } from "@/components/ui/button"
+import { Button } from "./button"
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
 
 function Pagination({ className, ...props }: React.ComponentProps<"nav">) {

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

@@ -1,5 +1,3 @@
-"use client"
-
 import * as React from "react"
 import { Select as SelectPrimitive } from "@base-ui/react/select"
 import { cn } from "cn"

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

@@ -1,3 +1,4 @@
+
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator"
 import { cn } from "cn"
 

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

@@ -1,10 +1,9 @@
-"use client"
 
 import * as React from "react"
 import { Dialog as SheetPrimitive } from "@base-ui/react/dialog"
 import { cn } from "cn"
 
-import { Button } from "@/components/ui/button"
+import { Button } from "./button"
 import { XIcon } from "lucide-react"
 
 function Sheet({ ...props }: SheetPrimitive.Root.Props) {

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

@@ -4,23 +4,23 @@ 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 { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Separator } from "@/components/ui/separator"
+import { useIsMobile } from "../hooks/use-mobile"
+import { Button } from "./button"
+import { Input } from "./input"
+import { Separator } from "./separator"
 import {
   Sheet,
   SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
-} from "@/components/ui/sheet"
-import { Skeleton } from "@/components/ui/skeleton"
+} from "./sheet"
+import { Skeleton } from "./skeleton"
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip"
+} from "./tooltip"
 import { PanelLeftIcon } from "lucide-react"
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state"

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

@@ -1,3 +1,4 @@
+
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch"
 import { cn } from "cn"
 

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

@@ -1,5 +1,3 @@
-"use client"
-
 import * as React from "react"
 import { cn } from "cn"
 

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

@@ -2,11 +2,17 @@ import * as React from "react"
 import { Toast as ToastPrimitive } from "@base-ui/react/toast"
 import { cn } from "cn"
 
-import { Button } from "@/components/ui/button"
+import { Button } from "./button"
 import { XIcon, CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from "lucide-react"
 
 const toastManager = ToastPrimitive.createToastManager()
 
+// 双端历史分叉：web 顶部居中堆叠（top-center），admin 右下角堆叠（bottom-right）。
+// 差异为纯 class 组 + swipeDirection，通过 position 参数承载，行为逐字节等价于原实现。
+type ToasterPosition = "top-center" | "bottom-right"
+
+const ToastPositionContext = React.createContext<ToasterPosition>("top-center")
+
 interface SonnerToastOptions {
   description?: React.ReactNode
   duration?: number
@@ -67,11 +73,14 @@ function ToastPortal({ ...props }: ToastPrimitive.Portal.Props) {
 }
 
 function ToastViewport({ className, ...props }: ToastPrimitive.Viewport.Props) {
+  const top = React.useContext(ToastPositionContext) === "top-center"
   return (
     <ToastPrimitive.Viewport
       data-slot="toast-viewport"
       className={cn(
-        "pointer-events-none fixed bottom-4 right-4 z-50 w-full max-w-sm outline-none sm:bottom-6 sm:right-6",
+        top
+          ? "pointer-events-none fixed top-4 left-0 right-0 z-50 mx-auto w-full max-w-sm outline-none sm:top-6"
+          : "pointer-events-none fixed bottom-4 right-4 z-50 w-full max-w-sm outline-none sm:bottom-6 sm:right-6",
         className
       )}
       {...props}
@@ -80,17 +89,30 @@ function ToastViewport({ className, ...props }: ToastPrimitive.Viewport.Props) {
 }
 
 function Toast({ className, ...props }: ToastPrimitive.Root.Props) {
+  const top = React.useContext(ToastPositionContext) === "top-center"
   return (
     <ToastPrimitive.Root
       data-slot="toast"
       className={cn(
-        "group/toast pointer-events-auto absolute right-0 bottom-0 z-[calc(1000-var(--toast-index))] w-full origin-bottom rounded-2xl border bg-popover text-popover-foreground shadow-lg will-change-transform outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
-        "[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]",
-        "h-(--height) [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms]",
-        "after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']",
+        top
+          ? "group/toast pointer-events-auto absolute top-0 right-0 left-0 z-[calc(1000-var(--toast-index))] mx-auto w-full origin-top rounded-2xl border bg-popover text-popover-foreground shadow-lg will-change-transform outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+          : "group/toast pointer-events-auto absolute right-0 bottom-0 z-[calc(1000-var(--toast-index))] w-full origin-bottom rounded-2xl border bg-popover text-popover-foreground shadow-lg will-change-transform outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        top
+          ? "[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]"
+          : "[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]",
+        top
+          ? "h-(--height) [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--peek))+(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms]"
+          : "h-(--height) [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms]",
+        top
+          ? "after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']"
+          : "after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']",
         "data-expanded:h-(--toast-height) data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]",
-        "data-limited:opacity-0 data-starting-style:[transform:translateY(150%)]",
-        "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]",
+        top
+          ? "data-limited:opacity-0 data-starting-style:[transform:translateY(-150%)]"
+          : "data-limited:opacity-0 data-starting-style:[transform:translateY(150%)]",
+        top
+          ? "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(-150%)]"
+          : "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]",
         "data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
         "data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]",
         "data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
@@ -230,9 +252,10 @@ function ToastIcon({ type }: { type: string | undefined }) {
 
 function ToastList() {
   const { toasts } = ToastPrimitive.useToastManager()
+  const top = React.useContext(ToastPositionContext) === "top-center"
 
   return toasts.map((toastItem) => (
-    <Toast key={toastItem.id} toast={toastItem}>
+    <Toast key={toastItem.id} toast={toastItem} swipeDirection={top ? "up" : undefined}>
       <ToastContent>
         <ToastIcon type={toastItem.type} />
         <div className="flex min-w-0 flex-1 flex-col gap-1">
@@ -248,17 +271,20 @@ function ToastList() {
 
 function Toaster({
   children,
+  position = "top-center",
   ...props
-}: ToastPrimitive.Provider.Props) {
+}: ToastPrimitive.Provider.Props & { position?: ToasterPosition }) {
   return (
-    <ToastProvider toastManager={toastManager} {...props}>
-      {children}
-      <ToastPortal>
-        <ToastViewport>
-          <ToastList />
-        </ToastViewport>
-      </ToastPortal>
-    </ToastProvider>
+    <ToastPositionContext.Provider value={position}>
+      <ToastProvider toastManager={toastManager} {...props}>
+        {children}
+        <ToastPortal>
+          <ToastViewport>
+            <ToastList />
+          </ToastViewport>
+        </ToastPortal>
+      </ToastProvider>
+    </ToastPositionContext.Provider>
   )
 }
 

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

@@ -1,3 +1,4 @@
+
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip"
 import { cn } from "cn"
 

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@allbluecn/admin-app",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "private": false,
   "license": "AGPL-3.0-or-later",
   "type": "module",
   "dependencies": {
-    "@allbluecn/database": "0.9.1",
-    "@allbluecn/kernel": "0.9.0",
-    "@allbluecn/web-app": "0.17.2",
+    "@allbluecn/database": "0.9.2",
+    "@allbluecn/kernel": "0.9.1",
     "@auth/core": "^0.41.2",
     "@base-ui/react": "^1.8.0",
     "@fontsource-variable/inter": "^5.3.0",
@@ -24,14 +23,14 @@
     "@tabler/icons-react": "^3.44.0",
     "@tanstack/charts": "^0.16.0",
     "@tanstack/react-form": "2.0.0-alpha.2",
-    "@tanstack/react-pacer": "^0.23.0",
-    "@tanstack/react-query": "^5.102.8",
-    "@tanstack/react-router": "1.170.32",
-    "@tanstack/react-router-ssr-query": "^1.167.2",
-    "@tanstack/react-start": "^1.168.49",
-    "@tanstack/react-table": "^9.2.3",
-    "@tanstack/react-virtual": "^3.14.10",
-    "@tanstack/store": "^0.11.1",
+    "@tanstack/react-pacer": "^0.24.1",
+    "@tanstack/react-query": "^5.104.1",
+    "@tanstack/react-router": "1.170.41",
+    "@tanstack/react-router-ssr-query": "^1.167.3",
+    "@tanstack/react-start": "1.168.60",
+    "@tanstack/react-table": "^9.2.6",
+    "@tanstack/react-virtual": "^3.14.13",
+    "@tanstack/store": "^0.11.2",
     "bcryptjs": "^3.0.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -56,8 +55,8 @@
     "@inlang/paraglide-js": "^2.25.0",
     "@inlang/plugin-message-format": "^4.4.4",
     "@tailwindcss/vite": "^4.3.3",
-    "@tanstack/react-query-devtools": "5.102.8",
-    "@tanstack/react-router-devtools": "1.167.1",
+    "@tanstack/react-query-devtools": "5.104.1",
+    "@tanstack/react-router-devtools": "1.167.2",
     "@testing-library/jest-dom": "7.0.1",
     "@testing-library/react": "^16.3.2",
     "@types/bcryptjs": "^2.4.6",
@@ -67,18 +66,22 @@
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/coverage-v8": "5.0.0",
     "eslint": "^9",
+    "eslint-plugin-unused-imports": "^4.4.1",
     "jsdom": "^29.1.1",
     "nitro": "3.0.260903-beta",
     "shadcn": "^4.21.0",
     "tailwindcss": "^4.3.3",
-    "typescript": "^7",
-    "vite": "^8.3.0",
+    "typescript": "~6.0.3",
+    "typescript-eslint": "^8.70.1",
+    "vite": "^8.3.3",
     "vitest": "5.0.0",
-    "wrangler": "^4.99.0"
+    "wrangler": "^4.99.0",
+    "@allbluecn/ui": "0.1.0"
   },
   "files": [
     "src",
-    "public"
+    "public",
+    "allblue-ui"
   ],
   "publishConfig": {
     "access": "public"

package/src/components/admin/admin-user-menu.tsx

@@ -17,17 +17,17 @@
 
 import { LogOut } from "lucide-react";
 import { m } from '@/paraglide/messages.js'
-import { Badge } from "@/components/ui/badge";
+import { Badge } from "@allbluecn/ui/badge";
 import {
   SidebarMenu,
   SidebarMenuAction,
   SidebarMenuButton,
   SidebarMenuItem,
-} from "@/components/ui/sidebar";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+} from "@allbluecn/ui/sidebar";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
 import { useRouter, useMatches } from "@tanstack/react-router";
 import { signOut, useSession } from "@/lib/auth-client";
-import { UserAvatar } from "@allbluecn/web-app/user-avatar";
+import { UserAvatar } from "@allbluecn/ui/components/user-avatar";
 import type { AvatarConfig, ShapeType } from "@allbluecn/kernel";
 
 const ROLE_LABELS: Record<string, () => string> = {