@allbluecn/web-app 0.18.1 → 0.18.2

package/src/components/tiptap/ui/mention-dropdown-menu/mention-dropdown-menu.tsx

@@ -32,7 +32,7 @@ import { createFullWidthFindSuggestionMatch } from "../suggestion-menu/suggestio
 import {
   Avatar,
   AvatarFallback,
-} from "@allbluecn/ui/avatar"
+} from "@/components/ui/avatar"
 import {
   Item,
   ItemContent,

package/src/components/ui/__tests__/select.test.tsx

@@ -28,7 +28,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select";
+} from "@/components/ui/select";
 
 interface RenderResult {
   trigger: () => HTMLElement;

package/src/components/ui/button-group.tsx

@@ -3,7 +3,7 @@ import { useRender } from "@base-ui/react/use-render"
 import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "cn"
 
-import { Separator } from "@allbluecn/ui/separator"
+import { Separator } from "@/components/ui/separator"
 
 const buttonGroupVariants = cva(
   "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",

package/src/components/ui/calendar.tsx

@@ -8,7 +8,7 @@ import {
   type Locale,
 } from "react-day-picker"
 
-import { Button, buttonVariants } from "@allbluecn/ui/button"
+import { Button, buttonVariants } from "@/components/ui/button"
 import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from "lucide-react"
 
 function Calendar({

package/src/components/ui/command.tsx

@@ -9,11 +9,11 @@ import {
   DialogDescription,
   DialogHeader,
   DialogTitle,
-} from "@allbluecn/ui/dialog"
+} from "@/components/ui/dialog"
 import {
   InputGroup,
   InputGroupAddon,
-} from "@allbluecn/ui/input-group"
+} from "@/components/ui/input-group"
 import { SearchIcon, CheckIcon } from "lucide-react"
 
 function Command({

package/src/components/ui/item.tsx

@@ -4,7 +4,7 @@ import { useRender } from "@base-ui/react/use-render"
 import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "cn"
 
-import { Separator } from "@allbluecn/ui/separator"
+import { Separator } from "@/components/ui/separator"
 
 function ItemGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/src/components/ui/message-scroller.tsx

@@ -8,7 +8,7 @@ import {
 } from "@shadcn/react/message-scroller"
 import { cn } from "cn"
 
-import { Button } from "@allbluecn/ui/button"
+import { Button } from "@/components/ui/button"
 import { ArrowDownIcon } from "lucide-react"
 
 function MessageScrollerProvider(

package/src/components/ui/questionnaire.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Questionnaire as QuestionnairePrimitive } from "@shadcn/react/questionnaire"
 import { cn } from "cn"
 
-import { buttonVariants, type Button } from "@allbluecn/ui/button"
+import { buttonVariants, type Button } from "@/components/ui/button"
 import { CheckIcon } from "lucide-react"
 
 function Questionnaire({

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

@@ -4,7 +4,7 @@ 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 { useIsMobile } from "@/hooks/use-mobile"
 import { Button } from "./button"
 import { Input } from "./input"
 import { Separator } from "./separator"

package/src/components/workspace/__tests__/dialogs/create-workspace-dialog.test.tsx

@@ -2,15 +2,15 @@ import { describe, it, expect, vi } from "vitest";
 import { render, screen } from "@testing-library/react";
 import { CreateWorkspaceDialog } from "../../dialogs/create-workspace-dialog";
 
-vi.mock("@allbluecn/ui/button", () => ({
+vi.mock("@/components/ui/button", () => ({
   Button: ({ children, ...props }: any) => <button {...props}>{children}</button>,
 }));
 
-vi.mock("@allbluecn/ui/input", () => ({
+vi.mock("@/components/ui/input", () => ({
   Input: (props: any) => <input {...props} />,
 }));
 
-vi.mock("@allbluecn/ui/dialog", () => ({
+vi.mock("@/components/ui/dialog", () => ({
   Dialog: ({ children }: any) => <div>{children}</div>,
   DialogContent: ({ children }: any) => <div>{children}</div>,
   DialogFooter: ({ children }: any) => <div>{children}</div>,

package/src/components/workspace/__tests__/dialogs/delete-workspace-options.test.tsx

@@ -5,7 +5,7 @@ import { describe, expect, it, vi } from "vitest";
 
 import { DeleteWorkspaceOptions } from "../../dialogs/delete-workspace-options";
 
-vi.mock("@allbluecn/ui/field", () => ({
+vi.mock("@/components/ui/field", () => ({
   Field: ({ children }: { children: ReactNode }) => <div>{children}</div>,
   FieldContent: ({ children }: { children: ReactNode }) => <div>{children}</div>,
   FieldDescription: ({ children }: { children: ReactNode }) => (
@@ -22,7 +22,7 @@ vi.mock("@/components/ui/radio-group", () => ({
   RadioGroupItem: () => <input type="radio" />,
 }));
 
-vi.mock("@allbluecn/ui/select", () => ({
+vi.mock("@/components/ui/select", () => ({
   Select: ({ children }: { children: ReactNode }) => <div>{children}</div>,
   SelectContent: ({ children }: { children: ReactNode }) => <div>{children}</div>,
   SelectItem: ({ children }: { children: ReactNode }) => <div>{children}</div>,
@@ -32,7 +32,7 @@ vi.mock("@allbluecn/ui/select", () => ({
   SelectValue: () => <span />,
 }));
 
-vi.mock("@allbluecn/ui/separator", () => ({
+vi.mock("@/components/ui/separator", () => ({
   Separator: () => <hr />,
 }));
 

package/src/components/workspace/__tests__/dialogs/edit-workspace-dialog.test.tsx

@@ -2,15 +2,15 @@ import { describe, it, expect, vi } from "vitest";
 import { render, screen } from "@testing-library/react";
 import { EditWorkspaceDialog } from "../../dialogs/edit-workspace-dialog";
 
-vi.mock("@allbluecn/ui/button", () => ({
+vi.mock("@/components/ui/button", () => ({
   Button: ({ children, ...props }: any) => <button {...props}>{children}</button>,
 }));
 
-vi.mock("@allbluecn/ui/input", () => ({
+vi.mock("@/components/ui/input", () => ({
   Input: (props: any) => <input {...props} />,
 }));
 
-vi.mock("@allbluecn/ui/dialog", () => ({
+vi.mock("@/components/ui/dialog", () => ({
   Dialog: ({ children }: any) => <div>{children}</div>,
   DialogContent: ({ children }: any) => <div>{children}</div>,
   DialogFooter: ({ children }: any) => <div>{children}</div>,

package/src/components/workspace/__tests__/header/workspace-header.test.tsx

@@ -2,18 +2,18 @@ import { describe, it, expect, vi } from "vitest";
 import { render, screen } from "@testing-library/react";
 import { WorkspaceHeader } from "../../header/workspace-header";
 
-vi.mock("@allbluecn/ui/button", () => ({
+vi.mock("@/components/ui/button", () => ({
   Button: ({ children, ...props }: any) => <button {...props}>{children}</button>,
 }));
 
-vi.mock("@allbluecn/ui/dropdown-menu", () => ({
+vi.mock("@/components/ui/dropdown-menu", () => ({
   DropdownMenu: ({ children }: any) => <div>{children}</div>,
   DropdownMenuTrigger: ({ children }: any) => <div>{children}</div>,
   DropdownMenuContent: ({ children }: any) => <div>{children}</div>,
   DropdownMenuItem: ({ children }: any) => <div>{children}</div>,
 }));
 
-vi.mock("@allbluecn/ui/separator", () => ({
+vi.mock("@/components/ui/separator", () => ({
   Separator: () => <div data-testid="separator" />,
 }));
 

package/src/components/workspace/__tests__/kb/workspace-kb-card.test.tsx

@@ -35,7 +35,7 @@ vi.mock("@dnd-kit/react", () => ({
 vi.mock("@dnd-kit/react/sortable", () => ({
   useSortable: () => ({ ref: undefined, handleRef: undefined, isDragging: false }),
 }));
-vi.mock("@allbluecn/ui/toast", () => ({
+vi.mock("@/components/ui/toast", () => ({
   toast: { error: vi.fn(), success: vi.fn(), warning: vi.fn() },
 }));
 vi.mock("../workspace-kb-manage-dialog", () => ({
@@ -44,7 +44,7 @@ vi.mock("../workspace-kb-manage-dialog", () => ({
 vi.mock("../workspace-quick-doc-dialog", () => ({
   WorkspaceQuickDocDialog: () => null,
 }));
-vi.mock("@allbluecn/ui/tooltip", () => ({
+vi.mock("@/components/ui/tooltip", () => ({
   Tooltip: ({ children }: any) => <span data-testid="tooltip-wrapper">{children}</span>,
   TooltipContent: ({ children }: any) => <span>{children}</span>,
   TooltipTrigger: ({ children, render: renderProp }: any) => (

package/src/components/workspace/__tests__/members/workspace-members-manager.test.tsx

@@ -2,15 +2,15 @@ import { describe, it, expect, vi } from "vitest";
 import { render, screen } from "@testing-library/react";
 import { WorkspaceMembersManager } from "../../members/workspace-members-manager";
 
-vi.mock("@allbluecn/ui/button", () => ({
+vi.mock("@/components/ui/button", () => ({
   Button: ({ children, ...props }: any) => <button {...props}>{children}</button>,
 }));
 
-vi.mock("@allbluecn/ui/input", () => ({
+vi.mock("@/components/ui/input", () => ({
   Input: (props: any) => <input {...props} />,
 }));
 
-vi.mock("@allbluecn/ui/dialog", () => ({
+vi.mock("@/components/ui/dialog", () => ({
   Dialog: ({ children }: any) => <div>{children}</div>,
   DialogContent: ({ children }: any) => <div>{children}</div>,
   DialogFooter: ({ children }: any) => <div>{children}</div>,
@@ -19,11 +19,11 @@ vi.mock("@allbluecn/ui/dialog", () => ({
   DialogDescription: ({ children }: any) => <p>{children}</p>,
 }));
 
-vi.mock("@allbluecn/ui/toast", () => ({
+vi.mock("@/components/ui/toast", () => ({
   toast: { error: vi.fn(), success: vi.fn() },
 }));
 
-vi.mock("@allbluecn/ui/tooltip", () => ({
+vi.mock("@/components/ui/tooltip", () => ({
   TooltipProvider: ({ children }: any) => <div>{children}</div>,
   Tooltip: ({ children }: any) => <div>{children}</div>,
   TooltipTrigger: ({ children }: any) => <div>{children}</div>,

package/src/components/workspace/__tests__/projects/workspace-project-list.test.tsx

@@ -2,11 +2,11 @@ import { describe, it, expect, vi } from "vitest";
 import { render, screen } from "@testing-library/react";
 import { WorkspaceProjectList } from "../../projects/workspace-project-list";
 
-vi.mock("@allbluecn/ui/button", () => ({
+vi.mock("@/components/ui/button", () => ({
   Button: ({ children, ...props }: any) => <button {...props}>{children}</button>,
 }));
 
-vi.mock("@allbluecn/ui/card", () => ({
+vi.mock("@/components/ui/card", () => ({
   Card: ({ children, className, ...props }: any) => <div className={className} {...props}>{children}</div>,
 }));
 

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

@@ -18,15 +18,15 @@
 import { useState } from "react";
 import { useForm } from "@tanstack/react-form";
 import { Link, 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 { LucideIconPicker } from "@/components/shared-kit/icons/lucide-icon-picker";
 import { createWorkspaceFn } from "@/server/serverFns/workspace";
 import { createWorkspaceSchema } from "../schemas/create-workspace";

package/src/components/workspace/dialogs/delete-workspace-options.tsx

@@ -21,7 +21,7 @@ import {
   FieldDescription,
   FieldLabel,
   FieldTitle,
-} from "@allbluecn/ui/field";
+} from "@/components/ui/field";
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import {
   Select,
@@ -29,8 +29,8 @@ import {
   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";
 
 interface DeleteWorkspaceOptionsProps {

package/src/components/workspace/dialogs/edit-workspace-dialog.tsx

@@ -18,15 +18,15 @@
 import { 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 { LucideIconPicker } from "@/components/shared-kit/icons/lucide-icon-picker";
 import { updateWorkspaceFn } from "@/server/serverFns/workspace";
 import { createWorkspaceSchema } from "../schemas/create-workspace";

package/src/components/workspace/header/workspace-header.tsx

@@ -17,16 +17,16 @@
 
 import { Link } from "@tanstack/react-router";
 import { Settings, FolderKanban, Pencil, Trash2, ArrowLeft } from "lucide-react";
-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 {
   Separator,
-} from '@allbluecn/ui/separator';
+} from '@/components/ui/separator';
 import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import { m } from "@/paraglide/messages.js";
 

package/src/components/workspace/kb/workspace-kb-card.tsx

@@ -25,14 +25,14 @@ import { DragDropProvider, useDroppable, type DragEndEvent, type DragMoveEvent }
 import { useSortable } from "@dnd-kit/react/sortable";
 import { Feedback } from "@dnd-kit/dom";
 import { OptimisticSortingPlugin } from "@dnd-kit/dom/sortable";
-import { Badge } from "@allbluecn/ui/badge";
-import { Button } from "@allbluecn/ui/button";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@allbluecn/ui/dropdown-menu";
-import { Input } from "@allbluecn/ui/input";
-import { ConfirmDialog } from "@allbluecn/ui/components/confirm-dialog";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
+import { ConfirmDialog } from "@/components/confirm-dialog";
 import {
   Tooltip, TooltipContent, TooltipTrigger,
-} from "@allbluecn/ui/tooltip";
+} from "@/components/ui/tooltip";
 import {
   setWorkspaceKbsFn,
   renameQuickDocFn,

package/src/components/workspace/kb/workspace-kb-manage-dialog.tsx

@@ -18,13 +18,13 @@
 import * as React from "react";
 import { useServerFn } from "@tanstack/react-start";
 import { Check, Search } from "lucide-react";
-import { Button } from "@allbluecn/ui/button";
-import { Badge } from "@allbluecn/ui/badge";
-import { Checkbox } from "@allbluecn/ui/checkbox";
-import { Input } from "@allbluecn/ui/input";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Input } from "@/components/ui/input";
 import {
   Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle,
-} from "@allbluecn/ui/dialog";
+} from "@/components/ui/dialog";
 import {
   listWorkspaceAvailableKbsFn,
   setWorkspaceKbsFn,

package/src/components/workspace/kb/workspace-quick-doc-dialog.tsx

@@ -17,15 +17,15 @@
 
 import * as React from "react";
 import { useServerFn } from "@tanstack/react-start";
-import { toast } from "@allbluecn/ui/toast";
+import { toast } from "@/components/ui/toast";
 import { BookOpenText, X } from "lucide-react";
-import { Button } from "@allbluecn/ui/button";
-import { Checkbox } from "@allbluecn/ui/checkbox";
-import { Input } from "@allbluecn/ui/input";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@allbluecn/ui/select";
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Input } from "@/components/ui/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import {
   Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle,
-} from "@allbluecn/ui/dialog";
+} from "@/components/ui/dialog";
 import { KbFilterPopover, type KbFilter } from "@/components/knowledge/kb-filter-popover";
 import { generalGroupLabel } from "@/components/knowledge/general-groups";
 import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";

package/src/components/workspace/members/workspace-members-manager.tsx

@@ -17,9 +17,9 @@
 
 import { useState, useEffect } from "react";
 import { UserPlus, Loader2, Search, Check, Users } from "lucide-react";
-import { toast } from "@allbluecn/ui/toast";
-import { Button } from "@allbluecn/ui/button";
-import { Input } from "@allbluecn/ui/input";
+import { toast } from "@/components/ui/toast";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
 import {
   Dialog,
   DialogContent,
@@ -27,20 +27,20 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@allbluecn/ui/dialog";
+} from "@/components/ui/dialog";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@allbluecn/ui/tooltip";
+} from "@/components/ui/tooltip";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@allbluecn/ui/select";
+} from "@/components/ui/select";
 import { UserAvatar } from "@/components/shared-kit";
 import type { AvatarConfig, ShapeType } from "@allbluecn/kernel";
 import { NameConfirmDialog } from "@/components/shared-kit/dialogs/name-confirm-dialog";

package/src/components/workspace/projects/workspace-project-list.tsx

@@ -17,8 +17,8 @@
 
 import { Link } from "@tanstack/react-router";
 import { FolderKanban, Plus, Users, Box } from "lucide-react";
-import { Button } from "@allbluecn/ui/button";
-import { Card } from "@allbluecn/ui/card";
+import { Button } from "@/components/ui/button";
+import { Card } from "@/components/ui/card";
 import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import { CreateProjectDialog } from "@/components/project/create-project-dialog";
 import { m } from "@/paraglide/messages.js";

package/src/hooks/use-notifications.ts

@@ -2,7 +2,7 @@
 import { useCallback, useEffect } from 'react'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { useRouter } from '@tanstack/react-router'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import type { NotificationSseValue, NotificationItem } from '@allbluecn/kernel'
 import { isInDndWindow } from '@allbluecn/kernel'
 import { getUnreadCountFn, getNotificationPreferencesFn } from '@/server/serverFns/notifications'

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

@@ -95,7 +95,7 @@ export const SDK_GROUPS: SdkGroup[] = [
     "items": [
       {
         "name": "@allbluecn/web-app",
-        "version": "v0.18.1",
+        "version": "v0.18.2",
         "lastUpdate": "Oct 7, 2026",
         "source": "apps/web/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"

package/src/lib/collections/reference/bookmark-categories-collection.ts

@@ -17,7 +17,7 @@
 
 import { createCollection } from '@tanstack/db'
 import { queryCollectionOptions } from '@tanstack/query-db-collection'
-import { listBookmarkCategoriesFn } from '@/server/serverFns/knowledge/public/bookmarks/categories'
+import { listBookmarkCategoriesFn } from '@/server/serverFns/knowledge-public/bookmarks/categories'
 import { getQueryClient } from '@/lib/query-client-seam'
 
 export const bookmarkCategoriesCollection = createCollection(