@allbluecn/web-app 0.17.2 → 0.18.0

package/src/components/knowledge/kb-filter-popover.tsx

@@ -17,8 +17,8 @@
 
 import * as React from "react";
 import { BookOpenText, Bookmark, BookMarked, Check, ChevronsUpDown, Scale, ShieldCheck, Sprout } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
+import { Button } from "@allbluecn/ui/button";
+import { Input } from "@allbluecn/ui/input";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import { generalGroupLabel } from "./general-groups";

package/src/components/knowledge/knowledge-tag-input.tsx

@@ -18,8 +18,8 @@ import { m } from '@/paraglide/messages.js'
 
 import { useState } from 'react'
 import { X, Plus } from 'lucide-react'
-import { Input } from '@/components/ui/input'
-import { Badge } from '@/components/ui/badge'
+import { Input } from '@allbluecn/ui/input'
+import { Badge } from '@allbluecn/ui/badge'
 import { cn } from '@/lib/utils'
 
 interface KnowledgeTagInputProps {

package/src/components/knowledge/knowledge-toolbar.tsx

@@ -17,9 +17,9 @@
 
 import { useState, useEffect, useRef } from 'react'
 import { useNavigate } from '@tanstack/react-router'
-import { Settings, Globe, Lock, Trash2, RefreshCw, Columns2, Minimize2, ArrowLeftRight, Maximize2, FileText, Grid3X3, Network, Table, PanelLeftOpen, PanelLeftClose, Plus, Check, ListIndentIncrease, ListIndentDecrease, Pencil } from 'lucide-react'
-import { Input } from '@/components/ui/input'
-import { Badge } from '@/components/ui/badge'
+import { Settings, Globe, Lock, Trash2, RefreshCw, Columns2, Minimize2, ArrowLeftRight, Maximize2, FileText, Grid3X3, Network, Table, Plus, Check, ListIndentIncrease, ListIndentDecrease, Pencil } from 'lucide-react'
+import { Input } from '@allbluecn/ui/input'
+import { Badge } from '@allbluecn/ui/badge'
 import {
   Popover,
   PopoverContent,
@@ -27,8 +27,8 @@ import {
 } from '@/components/ui/popover'
 import {
   Separator,
-} from '@/components/ui/separator'
-import { Button } from '@/components/ui/button'
+} from '@allbluecn/ui/separator'
+import { Button } from '@allbluecn/ui/button'
 import {
   Breadcrumb,
   BreadcrumbEllipsis,
@@ -49,7 +49,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
+} from '@allbluecn/ui/dropdown-menu'
 import {
   Dialog,
   DialogContent,
@@ -57,25 +57,26 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@/components/ui/dialog'
+} from '@allbluecn/ui/dialog'
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from '@/components/ui/tooltip'
-import { KnowledgeTagInput } from './knowledge-tag-input'
+} from '@allbluecn/ui/tooltip'
 import { useEditorWidth } from './editor/editor-width-context'
 import type { EditorWidth } from './editor/editor-width-context'
 import { deleteKnowledgeFn, updateKnowledgeFn } from '@/server/serverFns/knowledge'
 import { reindexKnowledgeBaseFn } from '@/server/serverFns/knowledge-index'
-import { toast } from '@/components/ui/toast'
+import { toast } from '@allbluecn/ui/toast'
 import { KnowledgeFormDialog } from '@/components/knowledge/dialog/knowledge-form-dialog'
 import { cn } from '@/lib/utils'
-import { Checkbox } from '@/components/ui/checkbox'
+import { Checkbox } from '@allbluecn/ui/checkbox'
 import { Link as LinkIcon } from 'lucide-react'
 import { listKbProjectsFn, setKbProjectsFn } from '@/server/serverFns/knowledge'
 import { listProjectsBriefFn } from '@/server/serverFns/project'
 import { m } from "@/paraglide/messages.js";
+import { toastError } from "@/lib/toast-error";
+import { emitEvent, AppEvents } from "@/lib/events";
 
 interface KbData {
   id: string
@@ -183,7 +184,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
       toast.success('项目关联已更新');
       setProjectsDialogOpen(false);
     } catch (err) {
-      toast.error(err instanceof Error ? err.message : '保存失败');
+      toastError(err, '保存失败');
     } finally {
       setSavingProjects(false);
     }
@@ -195,7 +196,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
     try {
       await deleteKnowledgeFn({ data: { id: kb.id } })
       setDeleteOpen(false)
-      window.dispatchEvent(new CustomEvent("knowledge-deleted"))
+      emitEvent(AppEvents.knowledge.deleted)
       navigate({ to: '/knowledge' })
     } catch (e) {
       console.error('Delete failed:', e instanceof Error ? e.message : String(e))

package/src/components/knowledge/knowledge-tree-item.tsx

@@ -18,20 +18,20 @@
 import { useState, useRef } from 'react'
 import { ChevronDown, ChevronRight, FileText, Grid3X3, Home, MoreHorizontal, Network, Plus, Table, Trash2, FilePenLine, Check, X } from 'lucide-react'
 import { cn } from '@/lib/utils'
-import { Input } from '@/components/ui/input'
-import { Button } from '@/components/ui/button'
+import { Input } from '@allbluecn/ui/input'
+import { Button } from '@allbluecn/ui/button'
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
   DropdownMenuSeparator,
-} from '@/components/ui/dropdown-menu'
+} from '@allbluecn/ui/dropdown-menu'
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from '@/components/ui/tooltip'
+} from '@allbluecn/ui/tooltip'
 import {
   Dialog,
   DialogContent,
@@ -39,7 +39,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@/components/ui/dialog'
+} from '@allbluecn/ui/dialog'
 import { createDocumentFn, deleteDocumentFn, updateDocumentFn } from '@/server/serverFns/knowledge'
 import { m } from "@/paraglide/messages.js";
 

package/src/components/knowledge/knowledge-tree.tsx

@@ -19,14 +19,14 @@ import { useEffect, useState, useCallback, useRef } from 'react'
 import {
   Plus, FileText, Table, Grid3X3, Network,
 } from 'lucide-react'
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
+import { Button } from '@allbluecn/ui/button'
+import { Input } from '@allbluecn/ui/input'
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
+} from '@allbluecn/ui/dropdown-menu'
 import { KnowledgeTreeItem, TreeNode } from './knowledge-tree-item'
 import { createDocumentFn, listDocumentsFn } from '@/server/serverFns/knowledge'
 import { m } from "@/paraglide/messages.js";

package/src/components/knowledge-public/bookmark-card.tsx

@@ -17,9 +17,9 @@
 
 import { useLayoutEffect, useRef, useState, type ReactNode } from 'react'
 import { SharersAvatarGroup } from './sharers-avatar-group'
-import { Badge } from '@/components/ui/badge'
-import { Switch } from '@/components/ui/switch'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
+import { Badge } from '@allbluecn/ui/badge'
+import { Switch } from '@allbluecn/ui/switch'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@allbluecn/ui/tooltip'
 import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card'
 import { Star, GitBranch, RefreshCw, ExternalLink, Pencil } from 'lucide-react'
 import { CategoryIcon } from './category-icon'

package/src/components/knowledge-public/bookmark-form-dialog.tsx

@@ -17,18 +17,19 @@
 
 import { useState, useEffect } from 'react'
 import { useQuery } from '@tanstack/react-query'
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog'
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import { Textarea } from '@/components/ui/textarea'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@allbluecn/ui/dialog'
+import { Button } from '@allbluecn/ui/button'
+import { Input } from '@allbluecn/ui/input'
+import { Textarea } from '@allbluecn/ui/textarea'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@allbluecn/ui/select'
 import { createBookmarkFn } from '@/server/serverFns/knowledge-public/bookmarks/create'
 import { updateBookmarkFn } from '@/server/serverFns/knowledge-public/bookmarks/update'
 import { listBookmarkCategoriesFn, createBookmarkCategoryFn } from '@/server/serverFns/knowledge-public/bookmarks/categories'
 import { deleteBookmarkFn } from '@/server/serverFns/knowledge-public/bookmarks/delete'
 import { Trash2, Check, X } from 'lucide-react'
-import { toast } from '@/components/ui/toast'
+import { toast } from '@allbluecn/ui/toast'
 import { m } from "@/paraglide/messages.js";
+import { toastError } from "@/lib/toast-error";
 
 export interface BookmarkEditTarget {
   id: string
@@ -82,7 +83,7 @@ export function BookmarkFormDialog({
       setCreatingCat(false)
       refetchCats()
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : m.knowledge_bookmarks_detail_createFailed())
+      toastError(e, m.knowledge_bookmarks_detail_createFailed())
     }
   }
 
@@ -121,7 +122,7 @@ export function BookmarkFormDialog({
       onOpenChange(false)
       onSuccess?.()
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : isEdit ? m.knowledge_bookmarks_detail_saveFailed() : m.knowledge_bookmarks_detail_addFailed())
+      toastError(e, isEdit ? m.knowledge_bookmarks_detail_saveFailed() : m.knowledge_bookmarks_detail_addFailed())
     } finally {
       setLoading(false)
     }
@@ -137,7 +138,7 @@ export function BookmarkFormDialog({
       onOpenChange(false)
       onSuccess?.()
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : m.knowledge_bookmarks_detail_deleteFailed())
+      toastError(e, m.knowledge_bookmarks_detail_deleteFailed())
     } finally {
       setLoading(false)
     }

package/src/components/knowledge-public/knowledge-card.tsx

@@ -17,9 +17,9 @@
 
 import { useNavigate } from '@tanstack/react-router'
 import { useQuery } from '@tanstack/react-query'
-import { Badge } from '@/components/ui/badge'
-import { TagBadge } from '@/plugins/core/tags/tag-badge'
-import { listTagsFn } from '@/plugins/core/tags/serverFns'
+import { Badge } from '@allbluecn/ui/badge'
+import { TagBadge } from '@/components/tags/tag-badge'
+import { listTagsFn } from '@/server/serverFns/tags'
 import { SharersAvatarGroup } from './sharers-avatar-group'
 import { Scale, ShieldCheck, BookMarked, Star } from 'lucide-react'
 import { getFavoriteIdsFn } from '@/server/serverFns/knowledge-public/favorite'

package/src/components/knowledge-public/knowledge-form-dialog.tsx

@@ -17,13 +17,13 @@
 
 import { useEffect, useState } from 'react'
 import { useQuery } from '@tanstack/react-query'
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog'
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import { Textarea } from '@/components/ui/textarea'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@allbluecn/ui/dialog'
+import { Button } from '@allbluecn/ui/button'
+import { Input } from '@allbluecn/ui/input'
+import { Textarea } from '@allbluecn/ui/textarea'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@allbluecn/ui/select'
 import { Plus, Trash2 } from 'lucide-react'
-import { toast } from '@/components/ui/toast'
+import { toast } from '@allbluecn/ui/toast'
 import { MarkdownEditor } from './markdown-editor'
 import { NotionDocEditor } from '@/components/tiptap/notion-like'
 import { KnowledgeTagInput } from '@/components/knowledge/knowledge-tag-input'
@@ -37,6 +37,7 @@ import { createDictionaryFn } from '@/server/serverFns/knowledge-public/dictiona
 import { updateDictionaryFn } from '@/server/serverFns/knowledge-public/dictionary/update'
 import { getDictionaryDetailFn } from '@/server/serverFns/knowledge-public/dictionary/detail'
 import { m } from "@/paraglide/messages.js";
+import { toastError } from "@/lib/toast-error";
 
 type KnowledgeType = 'legal' | 'compliance' | 'dictionary'
 
@@ -282,7 +283,7 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
       onSuccess?.()
       onOpenChange(false)
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : m['knowledge_public_knowledge-form_save-failed']())
+      toastError(e, m['knowledge_public_knowledge-form_save-failed']())
     } finally {
       setLoading(false)
     }
@@ -420,6 +421,8 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
                   </div>
                   <div className="space-y-2">
                     {requirements.map((r, i) => (
+                      // key=i 有意保留：项为 {title, detail} 无 id 载荷，直接
+                      // 入持久化 payload，注入合成 id 会污染提交结构
                       <div key={i} className="flex gap-2">
                         <div className="flex flex-1 flex-col gap-1">
                           <Input

package/src/components/knowledge-public/knowledge-search-bar.tsx

@@ -15,8 +15,8 @@
 // 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 { Input } from '@/components/ui/input'
-import { Button } from '@/components/ui/button'
+import { Input } from '@allbluecn/ui/input'
+import { Button } from '@allbluecn/ui/button'
 import { Plus, Search } from 'lucide-react'
 import { m } from "@/paraglide/messages.js";
 

package/src/components/knowledge-public/legal-compliance-editor.tsx

@@ -20,7 +20,7 @@ import { useNavigate } from '@tanstack/react-router'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { ArrowLeft } from 'lucide-react'
 import { KnowledgeDocEditor } from '@/components/knowledge/editor/knowledge-doc-editor'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@allbluecn/ui/tooltip'
 import type { PropertyField, PropertyValues } from '@/components/knowledge/doc-properties'
 import { updateLegalFn } from '@/server/serverFns/knowledge-public/legal/update'
 import { getLegalDetailFn } from '@/server/serverFns/knowledge-public/legal/detail'

package/src/components/knowledge-public/markdown-editor.tsx

@@ -16,8 +16,8 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState } from 'react'
-import { Textarea } from '@/components/ui/textarea'
-import { Button } from '@/components/ui/button'
+import { Textarea } from '@allbluecn/ui/textarea'
+import { Button } from '@allbluecn/ui/button'
 import { MarkdownView } from './markdown-view'
 import { Eye, Pencil } from 'lucide-react'
 import { m } from "@/paraglide/messages.js";

package/src/components/knowledge-public/sharers-avatar-group.tsx

@@ -17,7 +17,7 @@
 
 import { UserAvatar } from '@/components/shared-kit'
 import { AvatarGroup, AvatarGroupTooltip } from '@/components/magicui/components/animate/avatar-group'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@allbluecn/ui/tooltip'
 import { cn } from '@/lib/utils'
 import { m } from "@/paraglide/messages.js";
 

package/src/components/layout/sidebar-03/__tests__/nav-workspace.test.tsx

@@ -21,7 +21,7 @@ vi.mock("@tanstack/react-query", () => ({
   useQueryClient: () => ({ invalidateQueries: vi.fn() }),
 }));
 
-vi.mock("@/components/ui/sidebar", () => ({
+vi.mock("@allbluecn/ui/sidebar", () => ({
   SidebarGroup: ({ children }: any) => <div data-testid="sidebar-group">{children}</div>,
   SidebarMenu: ({ children }: any) => <ul>{children}</ul>,
   SidebarMenuItem: ({ children }: any) => <li>{children}</li>,
@@ -31,7 +31,7 @@ vi.mock("@/components/ui/sidebar", () => ({
   useSidebar: () => mockUseSidebar(),
 }));
 
-vi.mock("@/components/ui/tooltip", () => ({
+vi.mock("@allbluecn/ui/tooltip", () => ({
   Tooltip: ({ children }: any) => children,
   TooltipContent: ({ children }: any) => <span>{children}</span>,
   TooltipTrigger: ({ children }: any) => children,

package/src/components/layout/sidebar-03/__tests__/user-menu-anonymous.test.tsx

@@ -9,7 +9,7 @@ vi.mock('@/lib/auth/auth-client', () => ({
 vi.mock('@/lib/query-client-seam', () => ({
   getQueryClient: () => ({}),
 }))
-vi.mock('@/components/ui/sidebar', () => ({
+vi.mock('@allbluecn/ui/sidebar', () => ({
   SidebarMenu: ({ children }: { children?: React.ReactNode }) => <ul>{children}</ul>,
   SidebarMenuItem: ({ children }: { children?: React.ReactNode }) => <li>{children}</li>,
   SidebarMenuButton: ({ children, onClick }: { children?: React.ReactNode; onClick?: () => void }) => (
@@ -17,7 +17,7 @@ vi.mock('@/components/ui/sidebar', () => ({
   ),
   useSidebar: () => ({ isMobile: false }),
 }))
-vi.mock('@/components/ui/toast', () => ({ toast: { success: vi.fn(), error: vi.fn() } }))
+vi.mock('@allbluecn/ui/toast', () => ({ toast: { success: vi.fn(), error: vi.fn() } }))
 vi.mock('@/server/serverFns/auth/session', () => ({ logoutRemoteFn: vi.fn() }))
 vi.mock('@/components/shared-kit', () => ({
   UserAvatar: ({ name }: { name?: string }) => <div data-testid="avatar">{name}</div>,
@@ -25,7 +25,7 @@ vi.mock('@/components/shared-kit', () => ({
 vi.mock('@/components/magicui/sparkles-text', () => ({
   SparklesText: ({ children }: { children?: React.ReactNode }) => <span>{children}</span>,
 }))
-vi.mock('@/components/ui/dropdown-menu', () => ({
+vi.mock('@allbluecn/ui/dropdown-menu', () => ({
   DropdownMenu: ({ children }: { children?: React.ReactNode }) => <div>{children}</div>,
   DropdownMenuTrigger: ({ children }: { children?: React.ReactNode }) => <div>{children}</div>,
   DropdownMenuContent: () => null,

package/src/components/layout/sidebar-03/app-sidebar.tsx

@@ -22,7 +22,7 @@ import {
   SidebarHeader,
   SidebarTrigger,
   useSidebar,
-} from "@/components/ui/sidebar";
+} from "@allbluecn/ui/sidebar";
 import { cn } from "@/lib/utils";
 import DashboardNavigation from "@/components/layout/sidebar-03/nav-main";
 import { NotificationsBell } from "@/components/layout/sidebar-03/nav-notifications";
@@ -30,13 +30,12 @@ import { NavAnyHub } from "@/components/layout/sidebar-03/nav-anyhub";
 import { NavKnowledge } from "@/components/layout/sidebar-03/nav-knowledge";
 import { NavWorkspace } from "@/components/layout/sidebar-03/nav-workspace";
 import { UserMenu } from "@/components/layout/sidebar-03/user-menu";
-import { ThemeToggle } from "@/components/shared-kit/theme/theme-toggle";
 import { AnimatedThemeToggler } from '@/components/magicui/animated-theme-toggler'
 import { workspaceRoutes } from "@/config/sidebar-routes";
-import type { Route } from "@/config/sidebar-routes";
 import { SidebarSearchTrigger } from "@/components/layout/sidebar-03/nav-search-trigger"
 import { NavSecondary } from "@/components/layout/sidebar-03/nav-secondary"
 import { PluginNavItems } from '@/components/plugin-slots/plugin-nav-items'
+import { NavTag } from '@/components/tags/nav-tag'
 
 export function DashboardSidebar() {
   const { state } = useSidebar();
@@ -97,6 +96,7 @@ export function DashboardSidebar() {
         <DashboardNavigation routes={routes} />
         <NavWorkspace />
         <NavKnowledge />
+        <NavTag />
         <PluginNavItems />
         <NavAnyHub />
       </SidebarContent>

package/src/components/layout/sidebar-03/index.tsx

@@ -16,16 +16,18 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useEffect, useState } from "react";
-import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
+import { SidebarInset, SidebarProvider } from "@allbluecn/ui/sidebar";
 import { DashboardSidebar } from "@/components/layout/sidebar-03/app-sidebar";
 import type { ReactNode } from "react";
 
 type Sidebar03Props = {
   children?: ReactNode;
+  initialOpen?: boolean;
 };
 
-export default function Sidebar03({ children }: Sidebar03Props) {
+export default function Sidebar03({ children, initialOpen = true }: Sidebar03Props) {
   const [sidebarVisible, setSidebarVisible] = useState(true);
+  const [sidebarOpen, setSidebarOpen] = useState(initialOpen);
 
   useEffect(() => {
     const handlePageShow = (event: PageTransitionEvent) => {
@@ -49,7 +51,7 @@ export default function Sidebar03({ children }: Sidebar03Props) {
   }, []);
 
   return (
-    <SidebarProvider defaultOpen={true}>
+    <SidebarProvider open={sidebarOpen} onOpenChange={setSidebarOpen}>
       <div className="relative flex h-dvh w-full" >
         {sidebarVisible && <DashboardSidebar />}
         <div className={`flex flex-1 min-w-0 gap-2 mt-2 pr-2 pb-2 ${sidebarVisible ? 'ml-1' : ''}`}>

package/src/components/layout/sidebar-03/nav-anyhub.tsx

@@ -25,11 +25,11 @@ import {
   SidebarMenuSubButton,
   SidebarMenuSubItem,
   useSidebar,
-} from "@/components/ui/sidebar"
+} from "@allbluecn/ui/sidebar"
 import {
   Collapsible,
   CollapsibleContent,
-} from "@/components/ui/collapsible"
+} from "@allbluecn/ui/collapsible"
 import {
   Blocks,
   ChevronDown,

package/src/components/layout/sidebar-03/nav-knowledge.tsx

@@ -18,7 +18,7 @@
 import {
   Collapsible,
   CollapsibleContent,
-} from "@/components/ui/collapsible";
+} from "@allbluecn/ui/collapsible";
 import {
   SidebarGroup,
   SidebarMenu,
@@ -28,13 +28,13 @@ import {
   SidebarMenuSubButton,
   SidebarMenuItem as SidebarMenuSubItem,
   useSidebar,
-} from "@/components/ui/sidebar";
-import { Badge } from "@/components/ui/badge";
+} from "@allbluecn/ui/sidebar";
+import { Badge } from "@allbluecn/ui/badge";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@allbluecn/ui/tooltip";
 import {
   BookOpenText,
   BookMarked,
@@ -63,7 +63,6 @@ import {
   BarChart3,
   MessageSquare,
   LibraryBig,
-  Pin,
   PinOff,
 } from "lucide-react";
 import { Link, useLocation } from "@tanstack/react-router";
@@ -81,6 +80,7 @@ import { useServerFn } from "@tanstack/react-start";
 
 import { AnimatedGradientText } from "@/components/magicui/animated-gradient-text";
 import { m } from "@/paraglide/messages.js";
+import { onEvent, emitEvent, AppEvents } from "@/lib/events";
 
 const ICON_MAP: Record<string, React.ComponentType<{ className?: string }>> = {
   notebook: LibraryBig,
@@ -163,7 +163,7 @@ function UnpinButton({ kb }: { kb: KnowledgeItem }) {
     try {
       await togglePin({ data: { kbId: kb.id, pinned: newPinned } });
       void queryClient.invalidateQueries({ queryKey: KNOWLEDGE_BASES_QUERY_KEY });
-      window.dispatchEvent(new CustomEvent("knowledge-pinned", { detail: { kbId: kb.id, pinned: newPinned } }));
+      emitEvent(AppEvents.knowledge.pinned, { kbId: kb.id, pinned: newPinned });
     } catch {
       setPinned(!newPinned);
     }
@@ -232,16 +232,13 @@ export function NavKnowledge() {
     const refresh = () => {
       void queryClient.invalidateQueries({ queryKey: KNOWLEDGE_BASES_QUERY_KEY });
     };
-    window.addEventListener("knowledge-created", refresh);
-    window.addEventListener("knowledge-updated", refresh);
-    window.addEventListener("knowledge-deleted", refresh);
-    window.addEventListener("knowledge-pinned", refresh);
-    return () => {
-      window.removeEventListener("knowledge-created", refresh);
-      window.removeEventListener("knowledge-updated", refresh);
-      window.removeEventListener("knowledge-deleted", refresh);
-      window.removeEventListener("knowledge-pinned", refresh);
-    };
+    const offs = [
+      onEvent(AppEvents.knowledge.created, refresh),
+      onEvent(AppEvents.knowledge.updated, refresh),
+      onEvent(AppEvents.knowledge.deleted, refresh),
+      onEvent(AppEvents.knowledge.pinned, refresh),
+    ];
+    return () => offs.forEach((off) => off());
   }, [queryClient]);
 
   return (

package/src/components/layout/sidebar-03/nav-main.tsx

@@ -18,9 +18,8 @@
 import {
   Collapsible,
   CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
-import { Badge } from "@/components/ui/badge";
+} from "@allbluecn/ui/collapsible";
+import { Badge } from "@allbluecn/ui/badge";
 import {
   SidebarMenu,
   SidebarMenuButton,
@@ -29,15 +28,15 @@ import {
   SidebarMenuSubButton,
   SidebarMenuItem as SidebarMenuSubItem,
   useSidebar,
-} from "@/components/ui/sidebar";
+} from "@allbluecn/ui/sidebar";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip"
+} from "@allbluecn/ui/tooltip"
 import { cn } from "@/lib/utils";
 import {
-  ChevronDown, ChevronUp, Plus,
+  ChevronDown, ChevronUp,
   FileText, Folder, BarChart3, Users, Settings, Package,
   Database, ShoppingCart, Heart, Sparkles, Link as LinkIcon,
   MessageSquare, Calendar, Bell, BadgePlus, Building2,
@@ -92,7 +91,7 @@ function getIconComponent(iconName: string | undefined) {
   const IconComponent = ICON_MAP[iconName];
   return IconComponent ? <IconComponent className="size-4 mr-2" /> : null;
 }
-import { CreatePRDDialog } from "@/plugins/core/prd/components/dialog/create-prd-dialog";
+import { CreateDesignDialog } from "@/components/design/editor/dashboard/create-design-dialog";
 import { m } from "@/paraglide/messages.js";
 
 export default function DashboardNavigation({ routes }: { routes: Route[] }) {
@@ -100,7 +99,7 @@ export default function DashboardNavigation({ routes }: { routes: Route[] }) {
   const { pathname } = useLocation();
   const isCollapsed = state === "collapsed";
   const [openCollapsible, setOpenCollapsible] = useState<string | null>(null);
-  const [createPRDOpen, setCreatePRDOpen] = useState(false);
+  const [createDesignOpen, setCreateDesignOpen] = useState(false);
 
   const isActive = (link: string) => {
     if (link === "/dashboard") return pathname === "/dashboard";
@@ -113,7 +112,7 @@ export default function DashboardNavigation({ routes }: { routes: Route[] }) {
       <SidebarMenu className="space-y-1">
         {routes.map((route) => {
           const hasSubRoutes = !!route.subs?.length;
-          const isPRDRoute = route.id === "prd";
+          const isDesignRoute = route.id === "prd";
           const isOpen = hasSubRoutes && !isCollapsed && openCollapsible === route.id;
           const active = hasSubRoutes
             ? isParentActive(pathname, route.link)
@@ -121,7 +120,7 @@ export default function DashboardNavigation({ routes }: { routes: Route[] }) {
 
           return (
             <SidebarMenuItem key={route.id}>
-              {hasSubRoutes || isPRDRoute ? (
+              {hasSubRoutes || isDesignRoute ? (
                 <Collapsible
                   open={isOpen}
                   onOpenChange={(open) =>
@@ -133,7 +132,7 @@ export default function DashboardNavigation({ routes }: { routes: Route[] }) {
                     <SidebarMenuButton render={<Link to={route.link}
                         className="flex w-full items-center" />} isActive={active} className={cn(
                         "flex w-full items-center rounded-lg px-2",
-                        !isCollapsed && (isPRDRoute || hasSubRoutes) && "pr-16",
+                        !isCollapsed && (isDesignRoute || hasSubRoutes) && "pr-16",
                         isCollapsed && "justify-center"
                       )}>
                         {route.icon}
@@ -151,12 +150,12 @@ export default function DashboardNavigation({ routes }: { routes: Route[] }) {
 
                     {!isCollapsed && (
                       <span className="absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-1 z-10">
-                        {isPRDRoute && (
+                        {isDesignRoute && (
                           <span
                             role="button"
                             aria-label={m.common_pr_create()}
                             className="flex h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-muted"
-                            onClick={() => setCreatePRDOpen(true)}
+                            onClick={() => setCreateDesignOpen(true)}
                           >
                             <Tooltip>
                               <TooltipTrigger render={<BadgePlus className="h-4 w-4" />}></TooltipTrigger>
@@ -229,10 +228,10 @@ export default function DashboardNavigation({ routes }: { routes: Route[] }) {
         })}
       </SidebarMenu>
 
-      <CreatePRDDialog
-        key={createPRDOpen ? "open" : "closed"}
-        open={createPRDOpen}
-        onOpenChange={setCreatePRDOpen}
+      <CreateDesignDialog
+        key={createDesignOpen ? "open" : "closed"}
+        open={createDesignOpen}
+        onOpenChange={setCreateDesignOpen}
       />
     </>
   );