@allbluecn/web-app 0.18.1 → 0.18.2

package/src/components/settings/language-selector.tsx

@@ -1,8 +1,8 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@allbluecn/ui/select'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import { useServerFn } from '@tanstack/react-start'
 import { updateLocaleFn } from '@/server/serverFns/user/update-locale'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { useRouteContext } from '@tanstack/react-router'
 import { getLocale, setLocale } from '@/paraglide/runtime.js'
 import type { Locale } from '@/paraglide/runtime'

package/src/components/settings/personal-team/account/account-client.tsx

@@ -23,14 +23,14 @@ import {
   FieldSet,
   FieldLegend,
   FieldTitle,
-} from "@allbluecn/ui/field"
+} from "@/components/ui/field"
 import SettingsProfile, { type ProfileData } from "@/components/settings/personal-team/account/settings-profile"
 import { useState, useCallback } from "react"
 import { type AvatarConfig, getRandomConfig } from "@/components/settings/personal-team/account/avatar/avatar-config"
 import type { ShapeType } from "@allbluecn/kernel"
 import { useQueryClient } from "@tanstack/react-query"
 import { updateAvatarFn } from "@/server/serverFns/user/avatar"
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { formatDate } from "@/lib/datetime"
 import { useTimezone } from "@/providers/timezone-provider"
 import { m } from "@/paraglide/messages.js";

package/src/components/settings/personal-team/account/avatar/notion-avatar-editor.tsx

@@ -29,9 +29,9 @@ import {
   defaultAvatarConfig,
   getPartImagePath,
 } from "./avatar-config"
-import { Button } from "@allbluecn/ui/button"
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@allbluecn/ui/dialog"
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip"
+import { Button } from "@/components/ui/button"
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog"
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
 import { Pencil, Shuffle, RotateCcw, Palette, FlipHorizontal2 } from "lucide-react"
 import { m } from "@/paraglide/messages.js";
 

package/src/components/settings/personal-team/account/settings-profile.tsx

@@ -20,29 +20,29 @@ import { Loader2, MailWarning, Save, Upload } from "lucide-react";
 import { useState } from "react"
 import { useQuery } from "@tanstack/react-query"
 import { cn } from "@/lib/utils";
-import { Button } from "@allbluecn/ui/button";
-import { Alert, AlertDescription, AlertTitle } from "@allbluecn/ui/alert";
-import { toast } from "@allbluecn/ui/toast";
+import { Button } from "@/components/ui/button";
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+import { toast } from "@/components/ui/toast";
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@allbluecn/ui/card";
+} from "@/components/ui/card";
 import {
   Field,
   FieldContent,
   FieldDescription,
   FieldError,
   FieldLabel,
-} from "@allbluecn/ui/field";
+} from "@/components/ui/field";
 import {
   InputGroup,
   InputGroupInput,
-} from "@allbluecn/ui/input-group";
-import { Separator } from "@allbluecn/ui/separator";
-import { Textarea } from "@allbluecn/ui/textarea";
+} from "@/components/ui/input-group";
+import { Separator } from "@/components/ui/separator";
+import { Textarea } from "@/components/ui/textarea";
 import NotionAvatarEditor from "@/components/settings/personal-team/account/avatar/notion-avatar-editor";
 import type {
   AvatarConfig,

package/src/components/settings/personal-team/team/invitation-cards/invitation-badges.tsx

@@ -1,6 +1,6 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
-import { Badge } from "@allbluecn/ui/badge"
+import { Badge } from "@/components/ui/badge"
 import { m } from "@/paraglide/messages.js"
 import type { TeamInvitation } from "../team-invitations"
 

package/src/components/settings/personal-team/team/invitation-cards/invitation-history-list.tsx

@@ -10,23 +10,23 @@ import {
 import { m } from "@/paraglide/messages.js"
 import { formatDate } from "@/lib/datetime"
 import { useTimezone } from "@/providers/timezone-provider"
-import { Badge } from "@allbluecn/ui/badge"
-import { Button } from "@allbluecn/ui/button"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@allbluecn/ui/dropdown-menu"
+} from "@/components/ui/dropdown-menu"
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select"
-import { Separator } from "@allbluecn/ui/separator"
+} from "@/components/ui/select"
+import { Separator } from "@/components/ui/separator"
 import type { TeamInvitation } from "../team-invitations"
 import {
   getChannelBadge,

package/src/components/settings/personal-team/team/invitation-cards/invite-email-card.tsx

@@ -2,25 +2,25 @@
 
 import { Loader2, Mail, Send } from "lucide-react"
 import { m } from "@/paraglide/messages.js"
-import { Button } from "@allbluecn/ui/button"
+import { Button } from "@/components/ui/button"
 import {
   Field,
   FieldContent,
   FieldError,
-} from "@allbluecn/ui/field"
-import { Input } from "@allbluecn/ui/input"
+} from "@/components/ui/field"
+import { Input } from "@/components/ui/input"
 import {
   InputGroup,
   InputGroupAddon,
   InputGroupInput,
-} from "@allbluecn/ui/input-group"
+} from "@/components/ui/input-group"
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select"
+} from "@/components/ui/select"
 
 type EmailRole = "admin" | "member" | "viewer"
 

package/src/components/settings/personal-team/team/invitation-cards/invite-link-card.tsx

@@ -2,15 +2,15 @@
 
 import { Check, Copy, Link2, Link2Off, Loader2, RefreshCw } from "lucide-react"
 import { m } from "@/paraglide/messages.js"
-import { Badge } from "@allbluecn/ui/badge"
-import { Button } from "@allbluecn/ui/button"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select"
+} from "@/components/ui/select"
 import type { TeamInvitation } from "../team-invitations"
 
 /** 直链邀请卡片：有效期选择 + 刷新链接 + 当前链接展示/复制 */

package/src/components/settings/personal-team/team/team-client.tsx

@@ -17,7 +17,7 @@
 
 import { useState, useEffect } from "react"
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query"
-import { toast } from "@allbluecn/ui/toast"
+import { toast } from "@/components/ui/toast"
 import { useResource } from "@/components/billing/use-resource"
 import {
   listTeamMembersFn,
@@ -36,17 +36,17 @@ import {
   leaveTeamFn,
   clearExpiredInvitationsFn,
 } from "@/server/serverFns/team"
-import { Button } from "@allbluecn/ui/button"
+import { Button } from "@/components/ui/button"
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@allbluecn/ui/card"
+} from "@/components/ui/card"
 import { Progress } from "@/components/ui/progress"
-import { Skeleton } from "@allbluecn/ui/skeleton"
-import { ConfirmDialog } from "@allbluecn/ui/components/confirm-dialog";
+import { Skeleton } from "@/components/ui/skeleton"
+import { ConfirmDialog } from "@/components/confirm-dialog";
 import {
   Field,
   FieldContent,
@@ -55,7 +55,7 @@ import {
   FieldLegend,
   FieldSet,
   FieldTitle,
-} from "@allbluecn/ui/field"
+} from "@/components/ui/field"
 import { Trash2, Infinity as InfinityIcon } from "lucide-react"
 import TeamInvitations, { type TeamInvitation, type TeamJoinRequestItem } from "@/components/settings/personal-team/team/team-invitations"
 import TeamMemberList, { type TeamMember } from "@/components/settings/personal-team/team/team-member-list"

package/src/components/settings/personal-team/team/team-invitations.tsx

@@ -4,7 +4,7 @@ import { m } from "@/paraglide/messages.js";
 import { cn } from "@/lib/utils"
 import { formatDate } from "@/lib/datetime"
 import { useTimezone } from "@/providers/timezone-provider"
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@allbluecn/ui/card"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 
 import { InviteLinkCard } from "./invitation-cards/invite-link-card"
 import { InviteEmailCard } from "./invitation-cards/invite-email-card"

package/src/components/settings/personal-team/team/team-member-list.tsx

@@ -15,22 +15,22 @@ import { formatDate } from "@/lib/datetime"
 import { useTimezone } from "@/providers/timezone-provider"
 import { UserAvatar } from "@/components/shared-kit"
 import type { AvatarConfig, ShapeType } from "@allbluecn/kernel"
-import { Badge } from "@allbluecn/ui/badge"
-import { Button } from "@allbluecn/ui/button"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@allbluecn/ui/card"
+} from "@/components/ui/card"
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@allbluecn/ui/dropdown-menu"
+} from "@/components/ui/dropdown-menu"
 import {
   Empty,
   EmptyDescription,
@@ -42,15 +42,15 @@ import {
   InputGroup,
   InputGroupAddon,
   InputGroupInput,
-} from "@allbluecn/ui/input-group"
+} from "@/components/ui/input-group"
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select"
-import { Separator } from "@allbluecn/ui/separator"
+} from "@/components/ui/select"
+import { Separator } from "@/components/ui/separator"
 import { m } from "@/paraglide/messages.js";
 
 export interface TeamMember {

package/src/components/shared-kit/avatars/notion-avatar.tsx

@@ -15,6 +15,112 @@
 // 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/ui（任务 6.3 admin→web 解耦）。
-// 本文件仅为转发层，web 内部 shared-kit 导出保持不变。
-export { NotionAvatar } from "@allbluecn/ui/components/notion-avatar"
+
+import { useEffect, useState } from "react"
+import type { AvatarConfig, AvatarPart, ShapeType } from "@allbluecn/kernel"
+import { sanitizeSvg } from "@/lib/sanitize"
+
+const noneParts: AvatarPart[] = ["glasses", "hair", "accessories", "details", "beard"]
+
+const partOrder: AvatarPart[] = [
+  "face",
+  "nose",
+  "mouth",
+  "eyes",
+  "eyebrows",
+  "glasses",
+  "hair",
+  "accessories",
+  "details",
+  "beard",
+]
+
+function getPreviewImagePath(part: AvatarPart, index: number): string {
+  return `/avatar/preview/${part}/${index}.svg`
+}
+
+const SVGFilter = `<defs>
+  <filter id="notion-avatar-filter" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="linearRGB">
+    <feMorphology operator="dilate" radius="20" in="SourceAlpha" result="morphology"/>
+    <feFlood flood-color="#ffffff" flood-opacity="1" result="flood"/>
+    <feComposite in="flood" in2="morphology" operator="in" result="composite"/>
+    <feMerge result="merge">
+      <feMergeNode in="composite" result="mergeNode"/>
+      <feMergeNode in="SourceGraphic" result="mergeNode1"/>
+    </feMerge>
+  </filter>
+</defs>`
+
+function extractInnerSvg(svgText: string): string {
+  return svgText.replace(/<svg[^>]*>/i, "").replace(/<\/svg>/i, "").trim()
+}
+
+const shapeStyle: Record<ShapeType, string> = {
+  circle: "rounded-full",
+  rounded: "rounded-lg",
+  square: "rounded-none",
+}
+
+type NotionAvatarProps = {
+  config: AvatarConfig
+  bgColor?: string
+  shape?: ShapeType
+  className?: string
+  style?: React.CSSProperties
+  flip?: boolean
+}
+
+export function NotionAvatar({
+  config,
+  bgColor = "transparent",
+  shape = "circle",
+  className,
+  style,
+  flip = false,
+}: NotionAvatarProps) {
+  const [svgContent, setSvgContent] = useState<string>("")
+
+  useEffect(() => {
+    async function buildAvatar() {
+      const groups = await Promise.all(
+        partOrder.map(async (part) => {
+          const index = config[part]
+          if (noneParts.includes(part) && index === 0) return ""
+          try {
+            const res = await fetch(getPreviewImagePath(part, index))
+            const svgText = await res.text()
+            const inner = extractInnerSvg(svgText)
+            return `\n<g id="avatar-${part}"${part === "face" ? ' fill="#ffffff"' : ""}>${inner}</g>`
+          } catch {
+            return ""
+          }
+        }),
+      )
+      const flipAttr = flip ? ' transform="scale(-1,1) translate(-1080, 0)"' : ""
+      const avatarSvg = `<svg viewBox="0 0 1080 1080" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%">${SVGFilter}<g id="avatar"${flipAttr}>${groups.join("")}</g></svg>`
+      setSvgContent(avatarSvg)
+    }
+    buildAvatar()
+  }, [config, flip])
+
+  if (!svgContent) {
+    return (
+      <div
+        className={`${shapeStyle[shape]} overflow-hidden bg-muted animate-pulse ${className ?? ""}`}
+        style={{ aspectRatio: "1 / 1", ...style }}
+      />
+    )
+  }
+
+  return (
+    <div
+      className={`${shapeStyle[shape]} ${className ?? ""}`}
+      style={{
+        backgroundColor: bgColor === "transparent" ? undefined : bgColor,
+        aspectRatio: "1 / 1",
+        ...style,
+      }}
+      dangerouslySetInnerHTML={{ __html: sanitizeSvg(svgContent) }}
+    />
+  )
+}

package/src/components/shared-kit/avatars/user-avatar.tsx

@@ -15,6 +15,68 @@
 // 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/ui（任务 6.3 admin→web 解耦）。
-// 本文件仅为转发层，web 内部 shared-kit 导出保持不变。
-export { UserAvatar } from "@allbluecn/ui/components/user-avatar"
+
+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/components/shared-kit/data-viz/contribution-graph-tooltip.tsx

@@ -35,7 +35,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@allbluecn/ui/select'
+} from '@/components/ui/select'
 
 type ContributionGraphWithTooltipProps = {
   data: Activity[]

package/src/components/shared-kit/dialogs/name-confirm-dialog.tsx

@@ -18,10 +18,10 @@
 import { useState } from "react";
 import * as React from "react";
 import type { ReactNode } from "react";
-import { toast } from "@allbluecn/ui/toast";
-import { Button } from "@allbluecn/ui/button";
-import { Input } from "@allbluecn/ui/input";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
+import { toast } from "@/components/ui/toast";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import {
   Dialog,
   DialogContent,
@@ -29,7 +29,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@allbluecn/ui/dialog";
+} from "@/components/ui/dialog";
 import { m } from "@/paraglide/messages.js";
 
 interface NameConfirmDialogProps {

package/src/components/shared-kit/i18n/language-switcher.tsx

@@ -16,13 +16,13 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useRouter, useLocation } from "@tanstack/react-router";
-import { Button } from "@allbluecn/ui/button";
+import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "@allbluecn/ui/dropdown-menu";
+} from "@/components/ui/dropdown-menu";
 import { Globe } from "lucide-react";
 import { m } from "@/paraglide/messages.js";
 

package/src/components/shared-kit/icons/lucide-icon-picker/index.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { lazy, Suspense, useState, type ReactNode } from "react";
-import { Button } from "@allbluecn/ui/button";
+import { Button } from "@/components/ui/button";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { LucideIconByName } from "./lucide-icon-by-name";
 import { pushRecentIcon } from "./icon-data";

package/src/components/shared-kit/icons/lucide-icon-picker/panel.tsx

@@ -19,7 +19,7 @@ import { useEffect, useMemo, useRef, useState, type ReactNode } from "react";
 import { Search } from "lucide-react";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { cn } from "@/lib/utils";
-import { Input } from "@allbluecn/ui/input";
+import { Input } from "@/components/ui/input";
 import { CURATED_SEARCH_INDEX, PICKER_SEARCH_INDEX } from "./icon-set";
 import {
   LAB_ICONS_BY_CATEGORY,

package/src/components/shared-kit/theme/theme-surface.tsx

@@ -20,10 +20,10 @@
 // 文案为测试样板硬编码中文（不出现在产品 UI），豁免 i18n。
 
 
-import { Button } from "@allbluecn/ui/button"
-import { Card, CardContent, CardHeader, CardTitle } from "@allbluecn/ui/card"
-import { Input } from "@allbluecn/ui/input"
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Input } from "@/components/ui/input"
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
 
 export function ThemeSurface() {
   return (

package/src/components/shared-kit/theme/theme-toggle.tsx

@@ -17,7 +17,7 @@
 
 import { useTheme } from "next-themes";
 import { Moon, Sun } from "lucide-react";
-import { Button } from "@allbluecn/ui/button";
+import { Button } from "@/components/ui/button";
 import { useEffect, useState } from "react";
 
 export function ThemeToggle() {

package/src/components/shared-kit/timezone/timezone-select.tsx

@@ -18,7 +18,7 @@
 import { useMemo, useState } from 'react'
 import { Check, ChevronsUpDown, Globe } from 'lucide-react'
 import { cn } from '@/lib/utils'
-import { Button } from '@allbluecn/ui/button'
+import { Button } from '@/components/ui/button'
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@/components/ui/command'
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
 import { m } from "@/paraglide/messages.js";

package/src/components/story/__tests__/story-list-view-restore.test.tsx

@@ -27,10 +27,10 @@ vi.mock("@tanstack/react-router", () => ({
   useRouteContext: () => ({ session: { user: { id: "user_1" } } }),
   useNavigate: () => vi.fn(),
 }));
-vi.mock("@allbluecn/ui/toast", () => ({
+vi.mock("@/components/ui/toast", () => ({
   toast: { success: vi.fn(), error: vi.fn() },
 }));
-vi.mock("@allbluecn/ui/alert-dialog", () => ({
+vi.mock("@/components/ui/alert-dialog", () => ({
   AlertDialog: ({ children }: { children?: React.ReactNode }) => <>{children}</>,
   AlertDialogContent: () => null,
   AlertDialogHeader: () => null,

package/src/components/story/__tests__/story-list-view-ssr.test.tsx

@@ -32,10 +32,10 @@ vi.mock("@tanstack/react-router", () => ({
   useRouteContext: () => ({ session: { user: { id: "user_1" } } }),
   useNavigate: () => vi.fn(),
 }));
-vi.mock("@allbluecn/ui/toast", () => ({
+vi.mock("@/components/ui/toast", () => ({
   toast: { success: vi.fn(), error: vi.fn() },
 }));
-vi.mock("@allbluecn/ui/alert-dialog", () => ({
+vi.mock("@/components/ui/alert-dialog", () => ({
   AlertDialog: ({ children }: { children?: React.ReactNode }) => <>{children}</>,
   AlertDialogContent: (() => null),
   AlertDialogHeader: (() => null),

package/src/components/story/ai/handlers/more-popover.tsx

@@ -27,8 +27,8 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
-} from "@allbluecn/ui/dropdown-menu"
-import { Button } from "@allbluecn/ui/button"
+} from "@/components/ui/dropdown-menu"
+import { Button } from "@/components/ui/button"
 import type { ActionDef, StoryAIAction } from "../action-registry"
 import type { StoryAiModelGroup } from "../use-story-ai-model"
 import { m } from "@/paraglide/messages.js";

package/src/components/story/ai/handlers/stream-text.ts

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useEffect, useRef, useState } from "react"
-import { toast } from "@allbluecn/ui/toast"
+import { toast } from "@/components/ui/toast"
 import { fetchStoryAiStream, type StoryAiPolishAction } from "@/lib/ai/story-ai-stream"
 
 /** TipTap editor reference (inline copy; will be imported from story-ai-toolbar after Task 5) */

package/src/components/story/ai/prototype-dialog.tsx

@@ -17,10 +17,10 @@
 
 import { useRef, useState } from "react"
 import { Loader2, PencilRuler, Copy } from "lucide-react"
-import { Button } from "@allbluecn/ui/button"
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@allbluecn/ui/dialog"
-import { Textarea } from "@allbluecn/ui/textarea"
-import { toast } from "@allbluecn/ui/toast"
+import { Button } from "@/components/ui/button"
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog"
+import { Textarea } from "@/components/ui/textarea"
+import { toast } from "@/components/ui/toast"
 import { useSession } from "@/lib/auth/auth-client"
 import { generatePrototypeFn, type PrototypeScene } from "@/server/serverFns/design/ai/generate-prototype"
 import { CanvasWorkbench } from "@/components/design/canvas/react/workbench"