@allbluecn/web-app 0.9.1 → 0.9.3

package/src/components/ui/skeleton.tsx

@@ -1 +1,30 @@
-export * from '@/components/ui-shared/skeleton'
+// 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 { cn } from "@/lib/utils"
+
+function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="skeleton"
+      className={cn("animate-pulse rounded-md bg-muted", className)}
+      {...props}
+    />
+  )
+}
+
+export { Skeleton }

package/src/components/ui/sonner.tsx

@@ -1 +1,37 @@
-export * from '@/components/ui-shared/sonner'
+// 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 { Toaster as Sonner, type ToasterProps, toast } from "sonner"
+import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from "lucide-react"
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  return (
+    <Sonner
+      className="toaster group"
+      icons={{
+        success: <CircleCheckIcon className="size-4 text-emerald-600 dark:text-emerald-500" />,
+        info: <InfoIcon className="size-4 text-sky-600 dark:text-sky-500" />,
+        warning: <TriangleAlertIcon className="size-4 text-amber-600 dark:text-amber-500" />,
+        error: <OctagonXIcon className="size-4 text-red-600 dark:text-red-500" />,
+        loading: <Loader2Icon className="size-4 animate-spin" />,
+      }}
+      {...props}
+    />
+  )
+}
+
+export { Toaster, toast }

package/src/components/ui/switch.tsx

@@ -1 +1,48 @@
-export * from '@/components/ui-shared/switch'
+// 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 * as React from "react"
+import { Switch as SwitchPrimitive } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+
+function Switch({
+  className,
+  size = "default",
+  ...props
+}: React.ComponentProps<typeof SwitchPrimitive.Root> & {
+  size?: "sm" | "default"
+}) {
+  return (
+    <SwitchPrimitive.Root
+      data-slot="switch"
+      data-size={size}
+      className={cn(
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <SwitchPrimitive.Thumb
+        data-slot="switch-thumb"
+        className="pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] dark:data-[state=checked]:bg-primary-foreground group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 dark:data-[state=unchecked]:bg-foreground"
+      />
+    </SwitchPrimitive.Root>
+  )
+}
+
+export { Switch }

package/src/components/ui/textarea.tsx

@@ -1 +1,35 @@
-export * from '@/components/ui-shared/textarea'
+// 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 * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Textarea }

package/src/components/ui/tooltip.tsx

@@ -1 +1,72 @@
-export * from '@/components/ui-shared/tooltip'
+// 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 * as React from "react"
+import { Tooltip as TooltipPrimitive } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
+}
+
+function Tooltip({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+}
+
+function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }

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

@@ -28,7 +28,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
-import { LucideIconPicker } from "@/components/shared/lucide-icon-picker";
+import { LucideIconPicker } from "@/components/shared-kit/icons/lucide-icon-picker";
 import { createWorkspaceFn } from "@/server/serverFns/workspace";
 import { createWorkspaceSchema, type CreateWorkspaceValues } from "./schemas/create-workspace";
 

package/src/lib/auth/auth-client.ts

@@ -1 +1 @@
-export * from '@/components/ui-shared/auth-client'
+export * from '@/components/shared-kit/auth/auth-client'

package/src/lib/changelog/sdk-versions.ts

@@ -95,14 +95,14 @@ export const SDK_GROUPS: SdkGroup[] = [
     "items": [
       {
         "name": "@allbluecn/web-app",
-        "version": "v0.9.1",
+        "version": "v0.9.3",
         "lastUpdate": "Sep 3, 2026",
         "source": "apps/web/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"
       },
       {
         "name": "@allbluecn/kernel",
-        "version": "v0.5.1",
+        "version": "v0.5.2",
         "lastUpdate": "Sep 3, 2026",
         "source": "packages/kernel/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"
@@ -146,8 +146,15 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "TipTap",
         "version": "v3.27.4",
         "lastUpdate": "Sep 3, 2026",
-        "source": "packages/shared/package.json#devDependencies",
+        "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tiptap.dev/"
+      },
+      {
+        "name": "Lucide React",
+        "version": "v1.27.0",
+        "lastUpdate": "Sep 3, 2026",
+        "source": "apps/web/package.json#dependencies",
+        "docsUrl": "https://lucide.dev/"
       }
     ]
   }

package/src/lib/perf.ts

@@ -15,5 +15,5 @@
 // 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/>.
 
-// 全站虚拟化/分页门槛常量统一自 @allbluecn/shared（web / admin / desktop 共享）
+// 全站虚拟化/分页门槛常量统一自 @allbluecn/kernel（web / admin / desktop 共享）
 export { VIRTUALIZE_THRESHOLD, LOAD_MORE_STEP, DND_STICKY_THRESHOLD } from "@allbluecn/kernel";

package/src/lib/utils.ts

@@ -15,4 +15,9 @@
 // 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/>.
 
-export { cn } from '@/components/ui-shared/utils'
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

package/src/plugins/core/inspiration/pages/inspiration-page.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next'
-import { PlaceholderPage } from '@/components/ui-shared/placeholder-page'
+import { PlaceholderPage } from '@/components/shared-kit/pages/placeholder-page'
 import { Lightbulb } from 'lucide-react'
 
 export function InspirationPage() {

package/src/plugins/core/inspiration/ui.tsx

@@ -2,7 +2,7 @@ import type { ComponentType } from 'react'
 import { Link, useLocation } from '@tanstack/react-router'
 import { useTranslation } from 'react-i18next'
 import { Lightbulb } from 'lucide-react'
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from '@/components/ui-shared/sidebar'
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from '@/components/ui/sidebar'
 
 export function InspirationNavItem() {
   const { t } = useTranslation('common')

package/src/plugins/core/prd/components/agent-input.tsx

@@ -18,7 +18,7 @@
 import { useRef, useEffect, useState, type KeyboardEvent } from "react";
 import { useTranslation } from "react-i18next";
 import { ArrowUp, Loader2, User, Bot, ChevronDown, Cpu } from "lucide-react";
-import { Textarea } from "@/components/ui-shared/textarea";
+import { Textarea } from "@/components/ui/textarea";
 import {
   DropdownMenu,
   DropdownMenuTrigger,
@@ -26,8 +26,8 @@ import {
   DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
-} from "@/components/ui-shared/dropdown-menu";
-import { cn } from "@/components/ui-shared/utils";
+} from "@/components/ui/dropdown-menu";
+import { cn } from "@/lib/utils";
 
 export interface ModelOption {
   model: string;

package/src/plugins/core/prd/components/component-editor/collapsible-section.tsx

@@ -17,7 +17,7 @@
 
 import { useState } from "react";
 import { ChevronDown } from "lucide-react";
-import { cn } from "@/components/ui-shared/utils";
+import { cn } from "@/lib/utils";
 
 interface CollapsibleSectionProps {
   title: string;

package/src/plugins/core/prd/components/component-editor/content-section.tsx

@@ -16,9 +16,9 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import type { CanvasElement, EditablePropField } from "@allbluecn/kernel";
-import { Input } from "@/components/ui-shared/input";
-import { Textarea } from "@/components/ui-shared/textarea";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui-shared/select";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { FieldRow } from "./style-fields";
 import { useField } from "./use-field";
 

package/src/plugins/core/prd/components/component-editor/style-fields.tsx

@@ -18,15 +18,15 @@
 import { useRef } from "react";
 import { useTranslation } from "react-i18next";
 import type { CanvasElement } from "@allbluecn/kernel";
-import { Input } from "@/components/ui-shared/input";
+import { Input } from "@/components/ui/input";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui-shared/select";
-import { Label } from "@/components/ui-shared/label";
+} from "@/components/ui/select";
+import { Label } from "@/components/ui/label";
 import { useField } from "./use-field";
 
 type StyleControl = "color" | "number" | "select";

package/src/plugins/core/prd/components/component-thumbnail.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 { cn } from "@/components/ui-shared/utils";
+import { cn } from "@/lib/utils";
 
 interface ComponentThumbnailProps {
   type: string;

package/src/plugins/core/prd/components/dialog/create-prd-dialog.tsx

@@ -19,15 +19,15 @@ import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useForm } from "@tanstack/react-form";
 import { useRouter } from "@tanstack/react-router";
-import { Button } from "@/components/ui-shared/button";
-import { Input } from "@/components/ui-shared/input";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui-shared/dialog";
+} from "@/components/ui/dialog";
 import { getIconPicker } from "../../icon-picker-bridge";
 import { createPrdFn } from "../../serverFns/prd";
 import { createPrdSchema } from "../schemas/create-prd";

package/src/plugins/core/prd/components/dialog/prd-detail-client.tsx

@@ -19,15 +19,15 @@
 import { useRouter } from "@tanstack/react-router";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { NameConfirmDialog } from "@/components/ui-shared/name-confirm-dialog";
-import { Badge } from "@/components/ui-shared/badge";
+import { NameConfirmDialog } from "@/components/shared-kit/dialogs/name-confirm-dialog";
+import { Badge } from "@/components/ui/badge";
 import { TagBadge } from '@/plugins/core/tags/tag-badge'
 import { Trash2, FileText } from "lucide-react";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui-shared/tooltip";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { ICON_MAP, type PRDDetail as PRD } from "@allbluecn/kernel";
 import { deletePrdFn } from "../../serverFns/prd";
 import { formatDate } from "@/lib/datetime";
-import { useTimezone } from "@/components/ui-shared/timezone-provider";
+import { useTimezone } from "@/components/shared-kit/timezone/timezone-provider";
 
 interface PRDDetailClientProps {
   prd: PRD;

package/src/plugins/core/prd/components/page-version-panel/components/create-version-dialog.tsx

@@ -22,9 +22,9 @@ import {
   DialogTitle,
   DialogDescription,
   DialogFooter,
-} from "@/components/ui-shared/dialog";
+} from "@/components/ui/dialog";
 import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui-shared/button";
+import { Button } from "@/components/ui/button";
 
 interface CreateVersionDialogProps {
   open: boolean;

package/src/plugins/core/prd/components/page-version-panel/components/delete-version-dialog.tsx

@@ -22,9 +22,9 @@ import {
   DialogTitle,
   DialogDescription,
   DialogFooter,
-} from "@/components/ui-shared/dialog";
+} from "@/components/ui/dialog";
 import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui-shared/button";
+import { Button } from "@/components/ui/button";
 
 interface DeleteVersionDialogProps {
   open: boolean;

package/src/plugins/core/prd/components/page-version-panel/components/edit-version-dialog.tsx

@@ -22,9 +22,9 @@ import {
   DialogTitle,
   DialogDescription,
   DialogFooter,
-} from "@/components/ui-shared/dialog";
+} from "@/components/ui/dialog";
 import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui-shared/button";
+import { Button } from "@/components/ui/button";
 
 interface EditVersionDialogProps {
   open: boolean;

package/src/plugins/core/prd/components/page-version-panel.tsx

@@ -18,18 +18,18 @@
 
 import React, { useState, useEffect, useCallback, useMemo, useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui-shared/button";
-import { Input } from "@/components/ui-shared/input";
-import { Skeleton } from "@/components/ui-shared/skeleton";
-import { Checkbox } from "@/components/ui-shared/checkbox";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui-shared/tooltip";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Skeleton } from "@/components/ui/skeleton";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui-shared/select";
+} from "@/components/ui/select";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -39,7 +39,7 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@/components/ui-shared/alert-dialog";
+} from "@/components/ui/alert-dialog";
 import { PageVersionTree, type VersionSnapshot } from "./page-version-tree";
 import { executeRestoreVersion } from "@/plugins/core/prd/lib/restore-version";
 import { RestoreVersionDialog } from "./restore-version-dialog";
@@ -53,7 +53,7 @@ import {
   RotateCcw,
   Trash2,
 } from "lucide-react";
-import { cn } from "@/components/ui-shared/utils";
+import { cn } from "@/lib/utils";
 import { buildTree, TreeNode, PRDPage } from "@/lib/prd-tree-utils";
 import { type PRDVersionWithSemver as PRDVersion } from "@allbluecn/kernel";
 import { SUBTABS } from "./page-version-panel/constants";
@@ -65,7 +65,7 @@ import { listPrdPagesFn } from "../serverFns/pages";
 import { listPrdVersionsFn, createPrdVersionFn } from "../serverFns/versions";
 import { listPrdPageVersionsFn, getPrdPageVersionFn, createPrdPageVersionFn, updatePrdPageVersionFn, deletePrdPageVersionFn } from "../serverFns/page-versions";
 import { formatDate } from "@/lib/datetime";
-import { useTimezone } from "@/components/ui-shared/timezone-provider";
+import { useTimezone } from "@/components/shared-kit/timezone/timezone-provider";
 
 export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
   const { t } = useTranslation(["prd", "common"]);

package/src/plugins/core/prd/components/page-version-tree.tsx

@@ -18,14 +18,14 @@
 
 import React, { useState, useMemo, useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import { cn } from "@/components/ui-shared/utils";
-import { Button } from "@/components/ui-shared/button";
-import { Badge } from "@/components/ui-shared/badge";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
 import { ChevronRight, ChevronDown, File, Folder, RotateCcw } from "lucide-react";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui-shared/tooltip";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { type PRDVersionWithPages as PRDVersion } from "@allbluecn/kernel";
 import { formatDate } from "@/lib/datetime";
-import { useTimezone } from "@/components/ui-shared/timezone-provider";
+import { useTimezone } from "@/components/shared-kit/timezone/timezone-provider";
 
 export interface VersionSnapshot {
   pageId: string;

package/src/plugins/core/prd/components/prd-agent-panel.tsx

@@ -18,8 +18,8 @@
 import { useState, useRef, useEffect, useCallback } from "react"
 import { useTranslation } from "react-i18next"
 import { Bot, Loader2, User, Plus, Trash2, ChevronDown, MessageSquare } from "lucide-react"
-import { cn } from "@/components/ui-shared/utils"
-import { toast } from '@/components/ui-shared/sonner'
+import { cn } from "@/lib/utils"
+import { toast } from '@/components/ui/sonner'
 import type { CanvasElement } from "@allbluecn/kernel"
 import { getAllComponents } from "@/lib/prototype-registry"
 import { generatePrototypeFn, type GeneratedComponent } from "@/plugins/core/prd/serverFns/ai/generate-prototype"
@@ -41,7 +41,7 @@ import {
   DropdownMenuItem,
   DropdownMenuLabel,
   DropdownMenuSeparator,
-} from "@/components/ui-shared/dropdown-menu"
+} from "@/components/ui/dropdown-menu"
 import { AgentInput, type ModelOption } from "./agent-input"
 
 interface ChatMessage {

package/src/plugins/core/prd/components/prd-comment-review-panel.tsx

@@ -18,15 +18,15 @@
 
 import { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import { cn } from "@/components/ui-shared/utils";
-import { Badge } from "@/components/ui-shared/badge";
-import { Button } from "@/components/ui-shared/button";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui-shared/tooltip";
+import { cn } from "@/lib/utils";
+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 '@/components/ui-shared/sonner';
-import { useSession } from "@/components/ui-shared/auth-client";
+import { toast } from '@/components/ui/sonner';
+import { useSession } from "@/components/shared-kit/auth/auth-client";
 import { maskEmail, formatTime, formatEditedTime } from "@/lib/comment-utils";
-import { UserAvatar } from "@/components/ui-shared";
+import { UserAvatar } from "@/components/shared-kit";
 import type { AvatarConfig, ShapeType } from "@allbluecn/kernel";
 import { listCommentsFn, ignoreCommentFn } from "@/plugins/core/prd/serverFns/comments";
 

package/src/plugins/core/prd/components/prd-component-editor-content.tsx

@@ -19,8 +19,8 @@ import { useTranslation } from "react-i18next";
 import { Trash2, Package } from "lucide-react";
 import type { CanvasElement } from "@allbluecn/kernel";
 import { getComponent } from "@/lib/prototype-registry";
-import { Button } from "@/components/ui-shared/button";
-import { Skeleton } from "@/components/ui-shared/skeleton";
+import { Button } from "@/components/ui/button";
+import { Skeleton } from "@/components/ui/skeleton";
 import { CollapsibleSection } from "./component-editor/collapsible-section";
 import { ContentSection } from "./component-editor/content-section";
 import { PositionSection } from "./component-editor/position-section";