@allbluecn/web-app 0.18.0 → 0.18.2

package/src/components/confirm-dialog.tsx

@@ -0,0 +1,94 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+
+import type { ReactElement, ReactNode } from "react"
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "./ui/alert-dialog"
+import type { Button } from "./ui/button"
+
+export interface ConfirmDialogProps {
+  /** 受控 open；不传则由 trigger 非受控驱动 */
+  open?: boolean
+  onOpenChange?: (open: boolean) => void
+  title: ReactNode
+  /** 传 null 渲染空描述（保持 aria-describedby 结构），缺省则不渲染 */
+  description?: ReactNode
+  cancelLabel: ReactNode
+  confirmLabel: ReactNode
+  /** 确认按钮点击回调；关闭时机由调用方自行控制（与既有内联实现一致，不自动关闭） */
+  onConfirm: () => void
+  confirmVariant?: React.ComponentProps<typeof Button>["variant"]
+  confirmClassName?: string
+  confirmDisabled?: boolean
+  cancelDisabled?: boolean
+  confirmTestId?: string
+  contentTestId?: string
+  contentClassName?: string
+  /** 可选触发器元素（作为 AlertDialogTrigger 的 render 元素） */
+  trigger?: ReactElement
+}
+
+/**
+ * 通用确认弹窗：收口各处内联的「双 state + 手写 AlertDialog」确认模式。
+ * 仅做骨架渲染，onConfirm 的异步/关闭时序完全由调用方决定，保证逐站点行为等价迁移。
+ */
+export function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  cancelLabel,
+  confirmLabel,
+  onConfirm,
+  confirmVariant,
+  confirmClassName,
+  confirmDisabled,
+  cancelDisabled,
+  confirmTestId,
+  contentTestId,
+  contentClassName,
+  trigger,
+}: ConfirmDialogProps) {
+  const rootProps: { open?: boolean; onOpenChange?: (open: boolean) => void } = {}
+  if (open !== undefined) {
+    rootProps.open = open
+    rootProps.onOpenChange = onOpenChange
+  } else if (onOpenChange) {
+    rootProps.onOpenChange = onOpenChange
+  }
+  return (
+    <AlertDialog {...rootProps}>
+      {trigger ? <AlertDialogTrigger render={trigger} /> : null}
+      <AlertDialogContent data-testid={contentTestId} className={contentClassName}>
+        <AlertDialogHeader>
+          <AlertDialogTitle>{title}</AlertDialogTitle>
+          {description !== undefined ? (
+            <AlertDialogDescription>{description}</AlertDialogDescription>
+          ) : null}
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogCancel disabled={cancelDisabled}>{cancelLabel}</AlertDialogCancel>
+          <AlertDialogAction
+            variant={confirmVariant}
+            className={confirmClassName}
+            disabled={confirmDisabled}
+            onClick={onConfirm}
+            data-testid={confirmTestId}
+          >
+            {confirmLabel}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  )
+}

package/src/components/design/canvas/panels/appearance-text-panel.tsx

@@ -9,9 +9,9 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select";
-import { Switch } from "@allbluecn/ui/switch";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
+} from "@/components/ui/select";
+import { Switch } from "@/components/ui/switch";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 
 import type { SceneNode } from "../document/types";
 import { useCanvasSnapshot } from "../react/canvas-hooks";

package/src/components/design/canvas/panels/controls/add-button.tsx

@@ -2,7 +2,7 @@
 
 import { Plus } from "lucide-react";
 
-import { Button } from "@allbluecn/ui/button";
+import { Button } from "@/components/ui/button";
 
 export function AddButton({
   label,

package/src/components/design/canvas/panels/controls/constraint-select.tsx

@@ -7,7 +7,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select"
+} from "@/components/ui/select"
 
 const MODES: ConstraintMode[] = ["min", "center", "max", "stretch", "scale"]
 

package/src/components/design/canvas/panels/controls/gradient-editor.tsx

@@ -12,7 +12,7 @@ import {
 } from "../../document/style/paints"
 import { createShaderProps, firstShaderPresetId } from "../../plugins/shader/presets"
 import { parseColor, toHex } from "../../document/style/color-utils"
-import { Button } from "@allbluecn/ui/button"
+import { Button } from "@/components/ui/button"
 import { cn } from "@/lib/utils"
 import { m } from "@/paraglide/messages.js"
 

package/src/components/design/canvas/panels/controls/pattern-params.tsx

@@ -10,8 +10,8 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select"
-import { Switch } from "@allbluecn/ui/switch"
+} from "@/components/ui/select"
+import { Switch } from "@/components/ui/switch"
 import { cn } from "@/lib/utils"
 import { m } from "@/paraglide/messages.js"
 

package/src/components/design/canvas/panels/controls/rows.tsx

@@ -3,15 +3,15 @@ import { useEffect, useState } from "react"
 import { ChevronDown, ChevronUp, Download, Trash2 } from "lucide-react"
 
 import type { ExportPreset, NodeEffect, NodePaint, NodeStroke, StrokeAlign } from "../../document/style/paints"
-import { Button } from "@allbluecn/ui/button"
+import { Button } from "@/components/ui/button"
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select"
-import { Switch } from "@allbluecn/ui/switch"
+} from "@/components/ui/select"
+import { Switch } from "@/components/ui/switch"
 import { m } from "@/paraglide/messages.js"
 
 import { GradientEditor, switchPaintType } from "./gradient-editor"

package/src/components/design/canvas/panels/controls/shader-picker.tsx

@@ -16,15 +16,15 @@ import {
   shaderPresetDefOf,
   type ShaderPresetDef,
 } from "../../plugins/shader/presets"
-import { Button } from "@allbluecn/ui/button"
+import { Button } from "@/components/ui/button"
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select"
-import { Switch } from "@allbluecn/ui/switch"
+} from "@/components/ui/select"
+import { Switch } from "@/components/ui/switch"
 import { cn } from "@/lib/utils"
 import { m } from "@/paraglide/messages.js"
 

package/src/components/design/canvas/panels/controls/text-style-button.tsx

@@ -3,7 +3,7 @@
 import type { ReactNode } from "react";
 
 import { cn } from "@/lib/utils";
-import { Button } from "@allbluecn/ui/button";
+import { Button } from "@/components/ui/button";
 
 // 文字对齐图标组按钮：aria-pressed 标记激活项（激活态底色 + 主色）
 export function TextStyleButton({

package/src/components/design/canvas/panels/controls/toolbar-button.tsx

@@ -3,8 +3,8 @@
 import type { ReactNode } from "react";
 
 import { cn } from "@/lib/utils";
-import { Button } from "@allbluecn/ui/button";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
+import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 
 export function ToolbarButton({
   label,

package/src/components/design/canvas/panels/frame-property-panel.tsx

@@ -18,15 +18,15 @@
 import { useState } from "react";
 import { m } from "@/paraglide/messages.js";
 import { cn } from "@/lib/utils";
-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 {
   SquareRoundCorner,
   Lock,
   LockOpen,
   X,
 } from "lucide-react";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 
 import { createPaint, type NodePaint } from "../document/style/paints";
 import type { LeaferEngine } from "@/design-engine/engine/app";

package/src/components/design/canvas/panels/layer-panel.tsx

@@ -34,8 +34,8 @@ import {
 } from "lucide-react"
 import { cn } from "@/lib/utils"
 import { m } from "@/paraglide/messages.js"
-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 { type SceneNode, type SceneNodeType } from "../document/types"
 import { buildLayerEntries, layerNodeName, type LayerEntry } from "./layer-model"

package/src/components/design/canvas/panels/paint-lists-panel.tsx

@@ -7,7 +7,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select";
+} from "@/components/ui/select";
 
 import { exportNode, withShaderStaticFrames } from "@/design-engine/engine/export-node";
 import {

package/src/components/design/canvas/panels/property-panel.tsx

@@ -20,9 +20,9 @@ import { Lock, LockOpen } from "lucide-react";
 
 import { m } from "@/paraglide/messages.js";
 import { cn } from "@/lib/utils";
-import { Button } from "@allbluecn/ui/button";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
-import { toast } from "@allbluecn/ui/toast";
+import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+import { toast } from "@/components/ui/toast";
 
 import { BOOLEAN_SHAPE_TYPES } from "@/design-engine/engine/boolean-ops";
 import type { LeaferEngine } from "@/design-engine/engine/app";

package/src/components/design/canvas/panels/shape-corners-panel.tsx

@@ -8,8 +8,8 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select";
-import { Switch } from "@allbluecn/ui/switch";
+} from "@/components/ui/select";
+import { Switch } from "@/components/ui/switch";
 
 import type { SceneNode } from "../document/types";
 import { useCanvasSnapshot } from "../react/canvas-hooks";

package/src/components/design/canvas/panels/toolbar.tsx

@@ -36,8 +36,8 @@ import {
 import { detectPlatform, formatForDisplay, type Hotkey } from "@tanstack/hotkeys"
 import { cn } from "@/lib/utils"
 import { m } from "@/paraglide/messages.js"
-import { Button } from "@allbluecn/ui/button"
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip"
+import { Button } from "@/components/ui/button"
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -47,9 +47,9 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
-} from "@allbluecn/ui/dropdown-menu"
+} from "@/components/ui/dropdown-menu"
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover"
-import { Separator } from "@allbluecn/ui/separator"
+import { Separator } from "@/components/ui/separator"
 
 import { isTypingTarget } from "../tools/dom"
 import type { ToolId } from "../document/types"

package/src/components/design/canvas/panels/transform-layout-panel.tsx

@@ -3,9 +3,9 @@
 import { Minus, Plus, RotateCw, SquareRoundCorner } from "lucide-react";
 
 import { m } from "@/paraglide/messages.js";
-import { Button } from "@allbluecn/ui/button";
-import { Separator } from "@allbluecn/ui/separator";
-import { Switch } from "@allbluecn/ui/switch";
+import { Button } from "@/components/ui/button";
+import { Separator } from "@/components/ui/separator";
+import { Switch } from "@/components/ui/switch";
 
 import { alignNodes, distributeSpacingNodes, flipNodes } from "../document/align";
 import {

package/src/components/design/canvas/react/__tests__/hooks.test.tsx

@@ -53,7 +53,7 @@ vi.mock("@/design-engine/engine/app", () => ({
   LeaferEngine: { create: vi.fn() },
 }))
 
-vi.mock("@allbluecn/ui/toast", () => ({
+vi.mock("@/components/ui/toast", () => ({
   toast: {
     success: vi.fn(),
     error: vi.fn(),
@@ -444,7 +444,7 @@ describe("canvas hooks", () => {
     })
 
     it("groupSelection 返回 null 时 toast 提示（请选择同一画板下的元素）", async () => {
-      const { toast } = await import("@allbluecn/ui/toast")
+      const { toast } = await import("@/components/ui/toast")
       engine.groupSelection.mockReturnValueOnce(null)
       const { unmount } = renderGroupProbe()
 

package/src/components/design/canvas/react/hooks.ts

@@ -18,7 +18,7 @@
 import { useCallback, useEffect, type RefObject } from "react"
 import { useHotkey } from "@tanstack/react-hotkeys"
 
-import { toast } from "@allbluecn/ui/toast"
+import { toast } from "@/components/ui/toast"
 import { m } from "@/paraglide/messages.js"
 
 import { isTypingTarget } from "../tools/dom"

package/src/components/design/canvas/react/workbench.tsx

@@ -19,8 +19,8 @@ import { useEffect, type ReactNode } from "react"
 import { Maximize, Redo2, Undo2, ZoomIn, ZoomOut } from "lucide-react"
 import { cn } from "@/lib/utils"
 import { m } from "@/paraglide/messages.js"
-import { Button } from "@allbluecn/ui/button"
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip"
+import { Button } from "@/components/ui/button"
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
 
 import type { DeviceType, SceneDocument } from "../document/types"
 import { ComponentLibrary } from "../panels/component-library"

package/src/components/design/editor/annotation/annotation-node/annotation-node-view.tsx

@@ -30,7 +30,7 @@ import {
   MessageSquareQuote,
   Square as SquareIcon,
 } from "lucide-react";
-import { toast } from '@allbluecn/ui/toast';
+import { toast } from '@/components/ui/toast';
 import { useCanvasEngineOptional } from "@/components/design/canvas/react/hooks";
 import "./annotation-node.scss";
 import { m } from "@/paraglide/messages.js";

package/src/components/design/editor/collaboration/__tests__/design-agent-panel-regenerate.test.tsx

@@ -100,7 +100,7 @@ vi.mock("@/server/serverFns/design/ai/generate-prototype", () => ({
   generatePrototypeFn: vi.fn(),
 }))
 
-vi.mock("@allbluecn/ui/toast", () => ({
+vi.mock("@/components/ui/toast", () => ({
   toast: {
     success: vi.fn(),
     error: vi.fn(),

package/src/components/design/editor/collaboration/__tests__/design-agent-panel-stream.test.tsx

@@ -108,7 +108,7 @@ vi.mock("@/server/serverFns/design/ai/generate-prototype", () => ({
   generatePrototypeFn: vi.fn(),
 }))
 
-vi.mock("@allbluecn/ui/toast", () => ({
+vi.mock("@/components/ui/toast", () => ({
   toast: {
     success: vi.fn(),
     error: vi.fn(),
@@ -118,7 +118,7 @@ vi.mock("@allbluecn/ui/toast", () => ({
 }))
 
 const { DesignAgentPanel } = await import("../design-agent-panel")
-import { toast } from "@allbluecn/ui/toast"
+import { toast } from "@/components/ui/toast"
 import { saveAgentMessageFn } from "@/server/serverFns/design/ai/agent-conversations"
 
 // ===== SSE mock 工具 =====

package/src/components/design/editor/collaboration/agent-input.tsx

@@ -18,7 +18,7 @@
 import { useRef, useEffect, useState, type KeyboardEvent } from "react";
 import { m } from '@/paraglide/messages.js'
 import { ArrowUp, Loader2, User, Bot, ChevronDown, Cpu, Square } from "lucide-react";
-import { Textarea } from "@allbluecn/ui/textarea";
+import { Textarea } from "@/components/ui/textarea";
 import {
   DropdownMenu,
   DropdownMenuTrigger,
@@ -26,7 +26,7 @@ import {
   DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
-} from "@allbluecn/ui/dropdown-menu";
+} from "@/components/ui/dropdown-menu";
 import { cn } from "@/lib/utils";
 
 export interface ModelOption {

package/src/components/design/editor/collaboration/design-agent-panel.tsx

@@ -20,7 +20,7 @@ import { useState, useRef, useEffect, useCallback, useMemo } from "react"
 import { Bot, Loader2, User, Plus, Trash2, ChevronDown, MessageSquare, Sparkles } from "lucide-react"
 import { fetchServerSentEvents } from "@tanstack/ai-react"
 import { cn } from "@/lib/utils"
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { generatePrototypeFn, type PrototypeScene } from "@/server/serverFns/design/ai/generate-prototype"
 import { listEnabledModelsFn } from "@/server/serverFns/design/ai/providers"
 import {
@@ -50,7 +50,7 @@ import {
   DropdownMenuItem,
   DropdownMenuLabel,
   DropdownMenuSeparator,
-} from "@allbluecn/ui/dropdown-menu"
+} from "@/components/ui/dropdown-menu"
 import { AgentInput, type ModelOption } from "./agent-input"
 
 // ===== FS-8.3 流式生成（SSE /api/design/prototype）=====

package/src/components/design/editor/collaboration/design-comment-review-panel.tsx

@@ -17,11 +17,11 @@
 
 import { useState, useEffect } from "react";
 import { cn } from "@/lib/utils";
-import { Badge } from "@allbluecn/ui/badge";
-import { Button } from "@allbluecn/ui/button";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { MessageSquare, ClipboardCheck, Check, X, Reply, ChevronUp } from "lucide-react";
-import { toast } from '@allbluecn/ui/toast';
+import { toast } from '@/components/ui/toast';
 import { useSession } from "@/components/shared-kit/auth/auth-client";
 import { maskEmail, formatTime, formatEditedTime } from "@/lib/comment-utils";
 import { UserAvatar } from "@/components/shared-kit";

package/src/components/design/editor/dashboard/create-design-dialog.tsx

@@ -18,15 +18,15 @@
 import React, { useState } from "react";
 import { useForm } from "@tanstack/react-form";
 import { useRouter } from "@tanstack/react-router";
-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 {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@allbluecn/ui/dialog";
+} from "@/components/ui/dialog";
 import { getIconPicker } from "../icon-picker-bridge";
 import { createDesignFn } from "@/server/serverFns/design/designs";
 import { createDesignSchema } from "./schemas/create-design";

package/src/components/design/editor/dashboard/design-dashboard.tsx

@@ -20,13 +20,13 @@ import { useEffect, useMemo, useState } from "react";
 import { m } from '@/paraglide/messages.js'
 import { onEvent, emitEvent, AppEvents } from "@/lib/events";
 import { Link } from "@tanstack/react-router";
-import { Card } from "@allbluecn/ui/card";
-import { Button } from "@allbluecn/ui/button";
-import { Input } from "@allbluecn/ui/input";
+import { Card } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
 import { TagBadge } from '@/components/tags/tag-badge'
 import { GridPattern } from "@/components/shared-kit/decorative/grid-pattern";
 import { LayoutPanelTopIcon } from "@/components/shared-kit/layout/layout-panel-top";
-import { ConfirmDialog } from "@allbluecn/ui/components/confirm-dialog";
+import { ConfirmDialog } from "@/components/confirm-dialog";
 import { CreateDesignDialog } from "./create-design-dialog";
 import { ICON_MAP, type Design } from "@allbluecn/kernel";
 import { listDesignsFn, deleteDesignFn } from "@/server/serverFns/design/designs";

package/src/components/design/editor/layout/__tests__/context-menu.test.tsx

@@ -95,7 +95,7 @@ vi.mock("@/components/design/editor/layout/design-right-sidebar", () => ({
 vi.mock("@/components/design/editor/layout/design-navigation", () => ({
   DesignNavigation: () => null,
 }));
-vi.mock("@allbluecn/ui/toast", () => ({
+vi.mock("@/components/ui/toast", () => ({
   toast: { success: vi.fn(), error: vi.fn(), warning: vi.fn() },
 }));
 vi.mock("@/server/serverFns/design/pages", () => ({

package/src/components/design/editor/layout/__tests__/no-page-save-toast.test.tsx

@@ -67,7 +67,7 @@ vi.mock("@/components/design/editor/layout/design-navigation", () => ({
 vi.mock("@/components/design/editor/layout/design-right-sidebar", () => ({
   DesignRightSidebar: () => null,
 }));
-vi.mock("@allbluecn/ui/toast", () => ({
+vi.mock("@/components/ui/toast", () => ({
   toast: { success: vi.fn(), error: vi.fn(), warning: vi.fn() },
 }));
 vi.mock("@/server/serverFns/design/pages", () => ({
@@ -87,7 +87,7 @@ vi.mock("@/components/design/editor/layout/design-doc-panel", () => ({
   DesignDocPanel: () => null,
 }));
 
-import { toast } from "@allbluecn/ui/toast";
+import { toast } from "@/components/ui/toast";
 import { getDesignPageFn, updateDesignPageFn } from "@/server/serverFns/design/pages";
 import { m } from "@/paraglide/messages.js";
 import { DesignEditorLayout } from "../design-editor-layout";

package/src/components/design/editor/layout/__tests__/persistence-restore.test.tsx

@@ -65,7 +65,7 @@ vi.mock("@/components/design/editor/layout/design-left-sidebar", () => ({
 vi.mock("@/components/design/editor/layout/design-navigation", () => ({
   DesignNavigation: () => null,
 }));
-vi.mock("@allbluecn/ui/toast", () => ({
+vi.mock("@/components/ui/toast", () => ({
   toast: { success: vi.fn(), error: vi.fn() },
 }));
 vi.mock("@/server/serverFns/design/pages", () => ({

package/src/components/design/editor/layout/__tests__/ssr-localstorage-smoke.test.tsx

@@ -62,7 +62,7 @@ vi.mock("@/components/design/editor/layout/design-left-sidebar", () => ({
 vi.mock("@/components/design/editor/layout/design-navigation", () => ({
   DesignNavigation: () => null,
 }));
-vi.mock("@allbluecn/ui/toast", () => ({
+vi.mock("@/components/ui/toast", () => ({
   toast: { success: vi.fn(), error: vi.fn() },
 }));
 vi.mock("@/server/serverFns/design/pages", () => ({

package/src/components/design/editor/layout/context-menu.tsx

@@ -39,7 +39,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuShortcut,
-} from "@allbluecn/ui/dropdown-menu";
+} from "@/components/ui/dropdown-menu";
 
 import type { ContextMenuItem } from "./context-menu-items";
 

package/src/components/design/editor/layout/design-doc-panel.tsx

@@ -19,8 +19,8 @@ import React, { useEffect, useState, type ComponentType } from "react";
 import { m } from '@/paraglide/messages.js'
 import { cn } from "@/lib/utils";
 import { Maximize2, Minimize2, RotateCcw } from "lucide-react";
-import { Button } from "@allbluecn/ui/button";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
+import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 
 const LAZY_RETRY_COUNT = 2
 const LAZY_RETRY_BASE_DELAY_MS = 600

package/src/components/design/editor/layout/design-editor-layout.tsx

@@ -27,7 +27,7 @@ import { AnnotationOverlay } from "@/components/design/editor/annotation/overlay
 import { ElementContext } from "./element-context";
 import type { Design } from "@allbluecn/kernel";
 import { updateDesignFn } from "@/server/serverFns/design/designs";
-import { toast } from "@allbluecn/ui/toast";
+import { toast } from "@/components/ui/toast";
 
 
 import { useCanvasSnapshotOptional } from "@/components/design/canvas/react/canvas-hooks"

package/src/components/design/editor/layout/design-navigation.tsx

@@ -18,9 +18,9 @@
 import React, { useState, useRef, useEffect } from "react";
 import { m } from '@/paraglide/messages.js'
 import { emitEvent, AppEvents } from "@/lib/events";
-import { Button } from "@allbluecn/ui/button";
-import { Input } from "@allbluecn/ui/input";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@allbluecn/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { DesignSharePanel } from "../share/design-share-panel";
 import {
   DropdownMenu,
@@ -28,7 +28,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
   DropdownMenuSeparator,
-} from "@allbluecn/ui/dropdown-menu";
+} from "@/components/ui/dropdown-menu";
 import { NameConfirmDialog } from "@/components/shared-kit/dialogs/name-confirm-dialog";
 import { useRouter } from "@tanstack/react-router";
 import { ICON_MAP, type Design } from "@allbluecn/kernel";

package/src/components/design/editor/layout/design-right-sidebar.tsx

@@ -19,9 +19,9 @@ import React, { useState, useEffect, useRef } from "react";
 import { m } from '@/paraglide/messages.js'
 import { onEvent, AppEvents } from "@/lib/events";
 import { cn } from "@/lib/utils";
-import { Button } from "@allbluecn/ui/button";
+import { Button } from "@/components/ui/button";
 import { PanelRightClose, PanelRightOpen } from "lucide-react";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { PropertyPanel } from "@/components/design/canvas/panels/property-panel";
 import { PageVersionPanel } from "../versions/page-version-panel";
 import { DesignCommentReviewPanel } from "../collaboration/design-comment-review-panel";

package/src/components/design/editor/layout/hooks/use-design-auto-save.ts

@@ -2,7 +2,7 @@
 
 import { useCallback, useEffect, useRef, useState } from "react";
 import { m } from '@/paraglide/messages.js'
-import { toast } from "@allbluecn/ui/toast";
+import { toast } from "@/components/ui/toast";
 import { formatSaveTime } from "@/lib/time-format";
 import { updateDesignPageFn } from "@/server/serverFns/design/pages";
 import type { SceneDocument } from "@/components/design/canvas/document/types";