@allbluecn/web-app 0.10.3 → 0.11.1

package/src/__tests__/visual/theme-surface.vrt.test.tsx

@@ -0,0 +1,54 @@
+// 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/>.
+
+// VRT 视觉回归：主题表面聚合组件的亮色/暗色渲染基线。
+// 基线由 darwin 本机生成并提交入库；本机即门禁环境（同一台机器生成+对比）。
+
+import { expect, test } from 'vitest'
+import { page } from 'vitest/browser'
+import { render } from 'vitest-browser-react'
+import { ThemeProvider } from 'next-themes'
+import { TooltipProvider } from '@/components/ui/tooltip'
+import { ThemeSurface } from '@/components/shared-kit/theme/theme-surface'
+
+test('theme surface light baseline', async () => {
+  await render(
+    <ThemeProvider forcedTheme="light">
+      <TooltipProvider>
+        <ThemeSurface />
+      </TooltipProvider>
+    </ThemeProvider>,
+  )
+  await expect(page.getByTestId('theme-surface')).toMatchScreenshot({
+    comparatorName: 'pixelmatch',
+    comparatorOptions: { threshold: 0.2, allowedMismatchedPixelRatio: 0.01 },
+  })
+})
+
+test('theme surface dark baseline', async () => {
+  await render(
+    <ThemeProvider forcedTheme="dark">
+      <TooltipProvider>
+        <ThemeSurface />
+      </TooltipProvider>
+    </ThemeProvider>,
+  )
+  await expect(page.getByTestId('theme-surface')).toMatchScreenshot({
+    comparatorName: 'pixelmatch',
+    comparatorOptions: { threshold: 0.2, allowedMismatchedPixelRatio: 0.01 },
+  })
+})

package/src/__tests__/visual/user-avatar.vrt.test.tsx

@@ -0,0 +1,32 @@
+// 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/>.
+
+// VRT 视觉回归：UserAvatar 首字母 fallback 渲染基线。
+
+import { expect, test } from 'vitest'
+import { page } from 'vitest/browser'
+import { render } from 'vitest-browser-react'
+import { UserAvatar } from '@/components/shared-kit'
+
+test('user avatar initial fallback baseline', async () => {
+  const screen = await render(<UserAvatar name="张三" size="lg" />)
+  const root = screen.container.firstChild as HTMLElement
+  await expect(page.elementLocator(root)).toMatchScreenshot({
+    comparatorName: 'pixelmatch',
+    comparatorOptions: { threshold: 0.2, allowedMismatchedPixelRatio: 0.01 },
+  })
+})

package/src/components/auth/icon-input.tsx

@@ -22,9 +22,10 @@ import type { LucideIcon } from 'lucide-react'
 interface IconInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   icon: LucideIcon
   label: string
+  error?: string | null
 }
 
-export function IconInput({ icon: Icon, label, id, className, ...props }: IconInputProps) {
+export function IconInput({ icon: Icon, label, id, className, error, ...props }: IconInputProps) {
   const inputId = id || label.toLowerCase()
 
   return (
@@ -34,12 +35,19 @@ export function IconInput({ icon: Icon, label, id, className, ...props }: IconIn
         <Input
           id={inputId}
           className={`peer ps-9 ${className || ''}`}
+          aria-invalid={!!error}
+          aria-describedby={error ? `${inputId}-error` : undefined}
           {...props}
         />
         <div className="pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-muted-foreground">
           <Icon size={16} />
         </div>
       </div>
+      {error ? (
+        <p id={`${inputId}-error`} className="text-xs text-destructive mt-1">
+          {error}
+        </p>
+      ) : null}
     </div>
   )
 }

package/src/components/auth/password-input.tsx

@@ -23,9 +23,10 @@ import { m } from "@/paraglide/messages.js";
 
 interface PasswordInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
   label: string
+  error?: string | null
 }
 
-export function PasswordInput({ label, id, className, ...props }: PasswordInputProps) {
+export function PasswordInput({ label, id, className, error, ...props }: PasswordInputProps) {
   const inputId = id || label.toLowerCase()
   const [isVisible, setIsVisible] = useState(false)
 
@@ -37,6 +38,8 @@ export function PasswordInput({ label, id, className, ...props }: PasswordInputP
           id={inputId}
           className={`ps-9 pe-9 ${className || ''}`}
           type={isVisible ? 'text' : 'password'}
+          aria-invalid={!!error}
+          aria-describedby={error ? `${inputId}-error` : undefined}
           {...props}
         />
         <div className="pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-muted-foreground">
@@ -61,6 +64,11 @@ export function PasswordInput({ label, id, className, ...props }: PasswordInputP
           )}
         </button>
       </div>
+      {error ? (
+        <p id={`${inputId}-error`} className="text-xs text-destructive mt-1">
+          {error}
+        </p>
+      ) : null}
     </div>
   )
 }

package/src/components/changelog/changelog-page.tsx

@@ -23,6 +23,8 @@ import { Route } from '@/routes/_nav/changelog/route'
 import type { DeveloperLogEntry } from '@allbluecn/kernel'
 import { SDK_GROUPS } from '@/lib/changelog/sdk-versions'
 import { APP_FULL_VERSION, APP_UPDATE_DATE_DISPLAY } from '@/lib/app-version'
+import { subscribeChangelogFn } from '@/server/serverFns/changelog/subscribe'
+import { toast } from '@/components/ui/sonner'
 import { m } from "@/paraglide/messages.js";
 
 const TAG_KEYS = ['all', 'feat', 'fix', 'improvement', 'design', 'refactor', 'breaking', 'docs', 'security', 'perf']
@@ -51,10 +53,39 @@ const REQUIRES_ACTION_TAGS = new Set(['breaking'])
 function ChangelogSidebar() {
   const [activeGroup, setActiveGroup] = useState<string | null>(null)
   const [isOverflowing, setIsOverflowing] = useState(false)
+  const [email, setEmail] = useState('')
+  const [subscribing, setSubscribing] = useState(false)
   const outerRef = useRef<HTMLDivElement>(null)
   const isOverflowingRef = useRef(false)
   const expandedHeightRef = useRef(0)
 
+  const handleSubscribe = async () => {
+    const trimmed = email.trim()
+    if (!trimmed || subscribing) return
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(trimmed)) {
+      toast.error(m.common_changelog_subscribeInvalidEmail())
+      return
+    }
+    setSubscribing(true)
+    try {
+      const result = await subscribeChangelogFn({ data: { email: trimmed } })
+      if (result.status === 'already') {
+        toast.info(m.common_changelog_subscribeAlready())
+      } else {
+        toast.success(m.common_changelog_subscribeCheckEmail())
+      }
+      setEmail('')
+    } catch (err) {
+      toast.error(
+        err instanceof Error && /email/i.test(err.message)
+          ? m.common_changelog_subscribeInvalidEmail()
+          : m.common_changelog_subscribeFailed(),
+      )
+    } finally {
+      setSubscribing(false)
+    }
+  }
+
   const checkOverflow = useCallback(() => {
     if (!outerRef.current) return
 
@@ -146,10 +177,22 @@ function ChangelogSidebar() {
           <div className="mt-3 flex gap-1.5">
             <input
               type="email"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              onKeyDown={(e) => {
+                if (e.key === 'Enter') {
+                  e.preventDefault()
+                  handleSubscribe()
+                }
+              }}
               placeholder={m.common_changelog_subscribe_placeholder()}
               className="flex-1 min-w-0 h-8 rounded-md border border-border bg-background px-3 text-xs placeholder:text-muted-foreground/70 focus:outline-none focus:ring-2 focus:ring-primary/20 transition-shadow"
             />
-            <button className="h-8 px-3 rounded-md bg-primary text-primary-foreground text-xs font-medium hover:bg-primary/90 transition-colors shrink-0">
+            <button
+              onClick={handleSubscribe}
+              disabled={subscribing || !email.trim()}
+              className="h-8 px-3 rounded-md bg-primary text-primary-foreground text-xs font-medium hover:bg-primary/90 transition-colors shrink-0 disabled:opacity-50 disabled:pointer-events-none"
+            >
               {m.common_changelog_subscribe_submit()}
             </button>
           </div>

package/src/components/error/global-error-boundary.tsx

@@ -17,7 +17,7 @@
 
 import { Link, useLocation } from '@tanstack/react-router'
 import { useMemo } from 'react'
-import { LogIn, FileQuestionIcon } from 'lucide-react'
+import { LogIn, CircleAlert } from 'lucide-react'
 import { isUnauthorizedError } from '@/lib/auth/anonymous-safe'
 import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/empty'
 import { Button } from '@/components/ui/button'
@@ -41,7 +41,7 @@ function GlobalErrorBoundaryInner({ error, info }: { error: unknown; info?: { co
       <Empty>
         <EmptyHeader>
           <EmptyMedia variant="icon">
-            {unauthorized ? <LogIn /> : <FileQuestionIcon />}
+            {unauthorized ? <LogIn className="size-5" /> : <CircleAlert className="size-5" />}
           </EmptyMedia>
           <EmptyTitle>
             {unauthorized ? m.common_errorPage_loginRequired() : m.common_errorPage_error()}

package/src/components/forms/app-field.tsx

@@ -37,6 +37,7 @@ export interface AppFieldProps<TValue> {
   description?: string
   validators?: AppFieldValidators<TValue>
   children?: (field: AnyFieldApi) => ReactNode
+  renderError?: boolean
 }
 
 export function AppField<TValue>({
@@ -46,6 +47,7 @@ export function AppField<TValue>({
   description,
   validators,
   children,
+  renderError = true,
 }: AppFieldProps<TValue>) {
   return (
     <Field>
@@ -57,7 +59,7 @@ export function AppField<TValue>({
           children={(field) => (
             <>
               {children ? children(field) : <DefaultInput field={field} />}
-              <AppFieldError field={field} />
+              {renderError && <AppFieldError field={field} />}
             </>
           )}
         />

package/src/components/knowledge/general-groups.ts

@@ -0,0 +1,15 @@
+import { m } from '@/paraglide/messages.js'
+
+const GROUP_LABELS: Record<string, () => string> = {
+  legal: m.story_knowledgeDialog_groupLegal,
+  compliance: m.story_knowledgeDialog_groupCompliance,
+  dictionary: m.story_knowledgeDialog_groupDictionary,
+  bookmark: m.story_knowledgeDialog_groupBookmark,
+  summary: m.story_knowledgeDialog_groupSummary,
+}
+
+/** 通用知识库分组 key → 标签（未知 key 原样返回） */
+export function generalGroupLabel(group: string): string {
+  const labelFn = GROUP_LABELS[group]
+  return labelFn ? labelFn() : group
+}

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

@@ -0,0 +1,143 @@
+// 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 { BookOpenText, Bookmark, BookMarked, Check, ChevronsUpDown, Scale, ShieldCheck, Sprout } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/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";
+import { m } from "@/paraglide/messages.js";
+
+export type KbFilter = { type: "kb"; id: string } | { type: "general"; group: string } | null;
+
+const GENERAL_GROUP_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {
+  legal: Scale,
+  compliance: ShieldCheck,
+  dictionary: BookMarked,
+  bookmark: Bookmark,
+  summary: Sprout,
+};
+
+const GENERAL_GROUP_META = [
+  { key: "legal" },
+  { key: "compliance" },
+  { key: "dictionary" },
+  { key: "bookmark" },
+  { key: "summary" },
+] as const;
+
+interface KbFilterPopoverProps {
+  search: string;
+  onSearchChange: (q: string) => void;
+  filter: KbFilter;
+  onFilterChange: (f: KbFilter) => void;
+  userKbs: Array<{ id: string; name: string; icon?: string | null }>;
+  /** 文案覆盖（缺省用 workspace_kb_* 通用文案）；story 弹窗传入保持原文案零变化 */
+  searchPlaceholder?: string;
+  allLabel?: string;
+  userKbsLabel?: string;
+  generalKbsLabel?: string;
+}
+
+/** 搜索框 + 知识库筛选下拉（用户 team 库 + 通用知识库两组）。story 关联弹窗与工作空间快捷文档弹窗共用。 */
+export function KbFilterPopover({
+  search, onSearchChange, filter, onFilterChange, userKbs,
+  searchPlaceholder, allLabel, userKbsLabel, generalKbsLabel,
+}: KbFilterPopoverProps) {
+  const [open, setOpen] = React.useState(false);
+  const activeKb = filter?.type === "kb" ? userKbs.find((k) => k.id === filter.id) : undefined;
+
+  const select = (f: KbFilter) => {
+    onFilterChange(f);
+    setOpen(false);
+  };
+
+  return (
+    <div className="flex items-center gap-2">
+      <Input
+        placeholder={searchPlaceholder ?? m.workspace_kb_searchPlaceholder()}
+        value={search}
+        onChange={(e) => onSearchChange(e.target.value)}
+        className="h-8"
+      />
+      <Popover open={open} onOpenChange={setOpen}>
+        <PopoverTrigger asChild>
+          <Button variant="outline" size="sm" className="h-8 shrink-0 gap-1">
+            <BookOpenText className="size-3.5" />
+            {activeKb
+              ? activeKb.name
+              : filter?.type === "general"
+                ? generalGroupLabel(filter.group)
+                : (allLabel ?? m.workspace_kb_allKbs())}
+            <ChevronsUpDown className="size-3.5 opacity-50" />
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent align="end" className="w-60 p-1">
+          <button
+            type="button"
+            className="mt-1 flex w-full items-center justify-between rounded-sm px-2 py-1.5 text-sm hover:bg-muted"
+            onClick={() => select(null)}
+          >
+            {allLabel ?? m.workspace_kb_allKbs()}
+            {filter === null && <Check className="size-3.5" />}
+          </button>
+          <div className="border-t px-2 pt-3 text-xs font-medium text-muted-foreground">
+            {userKbsLabel ?? m.workspace_kb_userKbs()}
+          </div>
+          {userKbs.map((kb) => (
+            <button
+              key={kb.id}
+              type="button"
+              className="flex w-full items-center justify-between rounded-sm px-2 py-1.5 text-sm hover:bg-muted"
+              onClick={() => select({ type: "kb", id: kb.id })}
+            >
+              <span className="flex min-w-0 items-center gap-2">
+                {kb.icon && (
+                  <LucideIconByName name={kb.icon} size={14} className="shrink-0 text-muted-foreground" />
+                )}
+                <span className="truncate">{kb.name}</span>
+              </span>
+              {filter?.type === "kb" && filter.id === kb.id && <Check className="size-3.5" />}
+            </button>
+          ))}
+          <div className="border-t px-2 pt-3 text-xs font-medium text-muted-foreground">
+            {generalKbsLabel ?? m.workspace_kb_generalKbs()}
+          </div>
+          {GENERAL_GROUP_META.map((group) => {
+            const Icon = GENERAL_GROUP_ICONS[group.key];
+            return (
+              <button
+                key={group.key}
+                type="button"
+                className="flex w-full items-center justify-between rounded-sm px-2 py-1.5 text-sm hover:bg-muted"
+                onClick={() => select({ type: "general", group: group.key })}
+              >
+                <span className="flex min-w-0 items-center gap-2">
+                  <Icon className="size-3.5 shrink-0 text-muted-foreground" />
+                  <span className="truncate">{generalGroupLabel(group.key)}</span>
+                </span>
+                {filter?.type === "general" && filter.group === group.key && <Check className="size-3.5" />}
+              </button>
+            );
+          })}
+        </PopoverContent>
+      </Popover>
+    </div>
+  );
+}

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

@@ -339,8 +339,8 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
                     >
                       {kb.name}
                     </BreadcrumbLink>
-                    <BreadcrumbSeparator />
                   </BreadcrumbItem>
+                  <BreadcrumbSeparator />
                   <BreadcrumbItem>
                     <DropdownMenu>
                       <DropdownMenuTrigger className="flex items-center text-sm text-muted-foreground hover:text-foreground">
@@ -357,8 +357,8 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
                         ))}
                       </DropdownMenuContent>
                     </DropdownMenu>
-                    <BreadcrumbSeparator />
                   </BreadcrumbItem>
+                  <BreadcrumbSeparator />
                   {breadcrumb.slice(-2).map((item, index, arr) => {
                     const isLast = index === arr.length - 1
                     return (
@@ -368,16 +368,14 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
                             {item.title}
                           </BreadcrumbPage>
                         ) : (
-                          <>
-                            <BreadcrumbLink
-                              className="text-sm font-semibold cursor-pointer hover:text-foreground"
-                              onClick={() => onNavigate?.(item.id)}
-                            >
-                              {item.title}
-                            </BreadcrumbLink>
-                            <BreadcrumbSeparator />
-                          </>
+                          <BreadcrumbLink
+                            className="text-sm font-semibold cursor-pointer hover:text-foreground"
+                            onClick={() => onNavigate?.(item.id)}
+                          >
+                            {item.title}
+                          </BreadcrumbLink>
                         )}
+                        {!isLast && <BreadcrumbSeparator />}
                       </BreadcrumbItem>
                     )
                   })}
@@ -391,8 +389,8 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
                     >
                       {kb.name}
                     </BreadcrumbLink>
-                    <BreadcrumbSeparator />
                   </BreadcrumbItem>
+                  <BreadcrumbSeparator />
                   {breadcrumb.map((item, index) => {
                     const isLast = index === breadcrumb.length - 1
                     return (
@@ -402,16 +400,14 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
                             {item.title}
                           </BreadcrumbPage>
                         ) : (
-                          <>
-                            <BreadcrumbLink
-                              className="text-sm font-semibold cursor-pointer hover:text-foreground"
-                              onClick={() => onNavigate?.(item.id)}
-                            >
-                              {item.title}
-                            </BreadcrumbLink>
-                            <BreadcrumbSeparator />
-                          </>
+                          <BreadcrumbLink
+                            className="text-sm font-semibold cursor-pointer hover:text-foreground"
+                            onClick={() => onNavigate?.(item.id)}
+                          >
+                            {item.title}
+                          </BreadcrumbLink>
                         )}
+                        {!isLast && <BreadcrumbSeparator />}
                       </BreadcrumbItem>
                     )
                   })}

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

@@ -197,8 +197,9 @@ export function LegalComplianceEditor({ type, editingId }: Props) {
       } else {
         await updateComplianceFn({ data: payload })
       }
+      qc.invalidateQueries({ queryKey: [type] })
     },
-    [editingId, type],
+    [editingId, type, qc],
   )
 
   const handlePropertyChange = useCallback((key: string, value: unknown) => {
@@ -237,9 +238,10 @@ export function LegalComplianceEditor({ type, editingId }: Props) {
         } else {
           await updateComplianceFn({ data: payload })
         }
+        qc.invalidateQueries({ queryKey: [type] })
       },
     }),
-    [editingId, type, saveField],
+    [editingId, type, saveField, qc],
   )
 
   if (!record) {

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

@@ -4,7 +4,7 @@ import { overwriteGetLocale } from "@/paraglide/runtime.js";
 
 overwriteGetLocale(() => "zh");
 
-const mockUseLiveQuery = vi.fn();
+const mockUseQuery = vi.fn();
 const mockUseLocation = vi.fn();
 const mockUseSidebar = vi.fn();
 
@@ -13,10 +13,12 @@ vi.mock("@tanstack/react-router", () => ({
     <a href={to}>{children}</a>
   ),
   useLocation: () => mockUseLocation(),
+  useRouter: () => ({ navigate: vi.fn() }),
 }));
 
-vi.mock("@tanstack/react-db", () => ({
-  useLiveQuery: (...args: any[]) => mockUseLiveQuery(...args),
+vi.mock("@tanstack/react-query", () => ({
+  useQuery: (...args: any[]) => mockUseQuery(...args),
+  useQueryClient: () => ({ invalidateQueries: vi.fn() }),
 }));
 
 vi.mock("@/components/ui/sidebar", () => ({
@@ -52,10 +54,11 @@ vi.mock("@/lib/utils", () => ({
 }));
 
 vi.mock("@/lib/collections/reference/workspaces-collection", () => ({
-  workspacesCollection: { id: "workspaces" },
+  WORKSPACES_QUERY_KEY: ["workspaces"],
 }));
 
 vi.mock("@/server/serverFns/workspace", () => ({
+  listPinnedWorkspacesBriefFn: vi.fn().mockResolvedValue([]),
   toggleWorkspacePinFn: vi.fn().mockResolvedValue({ success: true }),
 }));
 
@@ -68,7 +71,7 @@ beforeEach(() => {
   cleanup();
   mockUseLocation.mockReturnValue({ pathname: "/workspaces" });
   mockUseSidebar.mockReturnValue({ state: "expanded" });
-  mockUseLiveQuery.mockReturnValue({
+  mockUseQuery.mockReturnValue({
     data: [
       { id: "ws1", name: "工作空间 A", icon: "folder" },
       { id: "ws2", name: "工作空间 B", icon: "folder-kanban" },
@@ -103,7 +106,7 @@ describe("NavWorkspace", () => {
   });
 
   it("空 collection 时不渲染工作空间列表项", async () => {
-    mockUseLiveQuery.mockReturnValue({ data: [] });
+    mockUseQuery.mockReturnValue({ data: [] });
     render(<NavWorkspace />);
     await waitFor(() => {
       expect(screen.queryByTestId("project-icon")).not.toBeInTheDocument();

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

@@ -24,7 +24,6 @@ import {
   useSidebar,
 } from "@/components/ui/sidebar";
 import { cn } from "@/lib/utils";
-import { m } from "motion/react";
 import DashboardNavigation from "@/components/layout/sidebar-03/nav-main";
 import { NotificationsBell } from "@/components/layout/sidebar-03/nav-notifications";
 import { NavAnyHub } from "@/components/layout/sidebar-03/nav-anyhub";
@@ -57,15 +56,10 @@ export function DashboardSidebar() {
         {isCollapsed ? (
           <div className="flex flex-col items-center gap-2">
              <LogoIcon className="h-6 w-6" />
-            <m.div
-              className="flex flex-col-reverse items-center gap-1"
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              transition={{ duration: 0.8 }}
-            >
+            <div className="flex flex-col-reverse items-center gap-1">
               <NotificationsBell />
               <SidebarTrigger />
-            </m.div>
+            </div>
           </div>
         ) : (
           <>
@@ -78,17 +72,12 @@ export function DashboardSidebar() {
                 {/* <Badge className="h-4 text-[10px] relative -top-4 -left-9 ">v0</Badge> */}
               </div>
             </a>
-            <m.div
-              className="flex items-center gap-2"
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              transition={{ duration: 0.8 }}
-            >
+            <div className="flex items-center gap-2">
               <NotificationsBell />
               <AnimatedThemeToggler />
 
               <SidebarTrigger />
-            </m.div>
+            </div>
           </>
         )}
       </SidebarHeader>