@allbluecn/web-app 0.9.5 → 0.10.2

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

@@ -28,46 +28,46 @@ import { deleteLegalFn } from '@/server/serverFns/knowledge-public/legal/delete'
 import { updateComplianceFn } from '@/server/serverFns/knowledge-public/compliance/update'
 import { getComplianceDetailFn } from '@/server/serverFns/knowledge-public/compliance/detail'
 import { deleteComplianceFn } from '@/server/serverFns/knowledge-public/compliance/delete'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 type EditorType = 'legal' | 'compliance'
 
 export const JURISDICTION_OPTS = [
-  { value: 'CN_NATIONAL', label: 'legalEditor.jurisdiction.CN_NATIONAL' },
-  { value: 'CN_LOCAL', label: 'legalEditor.jurisdiction.CN_LOCAL' },
-  { value: 'OVERSEAS', label: 'legalEditor.jurisdiction.OVERSEAS' },
+  { value: 'CN_NATIONAL', label: m.knowledge_legalEditor_jurisdiction_CN_NATIONAL },
+  { value: 'CN_LOCAL', label: m.knowledge_legalEditor_jurisdiction_CN_LOCAL },
+  { value: 'OVERSEAS', label: m.knowledge_legalEditor_jurisdiction_OVERSEAS },
 ]
 
 const INDUSTRY_OPTS = [
-  { value: '通用', label: 'public.legal-form.industry.通用' },
-  { value: '互联网', label: 'public.legal-form.industry.互联网' },
-  { value: '金融', label: 'public.legal-form.industry.金融' },
-  { value: '医疗', label: 'public.legal-form.industry.医疗' },
-  { value: '教育', label: 'public.legal-form.industry.教育' },
-  { value: '制造业', label: 'public.legal-form.industry.制造业' },
-  { value: '能源', label: 'public.legal-form.industry.能源' },
-  { value: '交通', label: 'public.legal-form.industry.交通' },
-  { value: '电商', label: 'public.legal-form.industry.电商' },
-  { value: '游戏', label: 'public.legal-form.industry.游戏' },
+  { value: '通用', label: m.knowledge_compliance_industries_general },
+  { value: '互联网', label: m.knowledge_compliance_industries_internet },
+  { value: '金融', label: m.knowledge_compliance_industries_finance },
+  { value: '医疗', label: m.knowledge_compliance_industries_medical },
+  { value: '教育', label: m.knowledge_compliance_industries_education },
+  { value: '制造业', label: m.knowledge_compliance_industries_manufacturing },
+  { value: '能源', label: m.knowledge_compliance_industries_energy },
+  { value: '交通', label: m.knowledge_compliance_industries_transportation },
+  { value: '电商', label: m.knowledge_compliance_industries_ecommerce },
+  { value: '游戏', label: m.knowledge_compliance_industries_gaming },
 ]
 
 export const LEGAL_FIELDS: PropertyField[] = [
-  { key: 'code', label: 'legalEditor.fields.code', type: 'text', icon: 'Hash' },
-  { key: 'category', label: 'legalEditor.fields.category', type: 'text', icon: 'Tag' },
-  { key: 'jurisdiction', label: 'legalEditor.fields.jurisdiction', type: 'select', icon: 'Globe', options: JURISDICTION_OPTS },
-  { key: 'region', label: 'legalEditor.fields.region', type: 'text', icon: 'MapPin' },
-  { key: 'country', label: 'legalEditor.fields.country', type: 'text', icon: 'Globe' },
-  { key: 'issuingAuthority', label: 'legalEditor.fields.issuingAuthority', type: 'text', icon: 'Building2' },
-  { key: 'effectiveDate', label: 'legalEditor.fields.effectiveDate', type: 'date', icon: 'Calendar' },
-  { key: 'sourceUrl', label: 'legalEditor.fields.sourceUrl', type: 'url', icon: 'Link' },
+  { key: 'code', label: m.knowledge_legalEditor_fields_code, type: 'text', icon: 'Hash' },
+  { key: 'category', label: m.knowledge_legalEditor_fields_category, type: 'text', icon: 'Tag' },
+  { key: 'jurisdiction', label: m.knowledge_legalEditor_fields_jurisdiction, type: 'select', icon: 'Globe', options: JURISDICTION_OPTS },
+  { key: 'region', label: m.knowledge_legalEditor_fields_region, type: 'text', icon: 'MapPin' },
+  { key: 'country', label: m.knowledge_legalEditor_fields_country, type: 'text', icon: 'Globe' },
+  { key: 'issuingAuthority', label: m.knowledge_legalEditor_fields_issuingAuthority, type: 'text', icon: 'Building2' },
+  { key: 'effectiveDate', label: m.knowledge_legalEditor_fields_effectiveDate, type: 'date', icon: 'Calendar' },
+  { key: 'sourceUrl', label: m.knowledge_legalEditor_fields_sourceUrl, type: 'url', icon: 'Link' },
 ]
 
 export const COMPLIANCE_FIELDS: PropertyField[] = [
-  { key: 'code', label: 'complianceEditor.fields.code', type: 'text', icon: 'Hash' },
-  { key: 'industry', label: 'complianceEditor.fields.industry', type: 'select', icon: 'Briefcase', options: INDUSTRY_OPTS },
-  { key: 'regulatoryBody', label: 'complianceEditor.fields.regulatoryBody', type: 'text', icon: 'ShieldCheck' },
-  { key: 'region', label: 'complianceEditor.fields.region', type: 'text', icon: 'MapPin' },
-  { key: 'sourceUrl', label: 'complianceEditor.fields.sourceUrl', type: 'url', icon: 'Link' },
+  { key: 'code', label: m.knowledge_complianceEditor_fields_code, type: 'text', icon: 'Hash' },
+  { key: 'industry', label: m.knowledge_complianceEditor_fields_industry, type: 'select', icon: 'Briefcase', options: INDUSTRY_OPTS },
+  { key: 'regulatoryBody', label: m.knowledge_complianceEditor_fields_regulatoryBody, type: 'text', icon: 'ShieldCheck' },
+  { key: 'region', label: m.knowledge_complianceEditor_fields_region, type: 'text', icon: 'MapPin' },
+  { key: 'sourceUrl', label: m.knowledge_complianceEditor_fields_sourceUrl, type: 'url', icon: 'Link' },
 ]
 
 interface Props {
@@ -137,7 +137,6 @@ function sortByLegalOrder(fields: PropertyField[]): PropertyField[] {
 }
 
 export function LegalComplianceEditor({ type, editingId }: Props) {
-  const { t } = useTranslation('knowledge')
   const navigate = useNavigate()
   const qc = useQueryClient()
   const fields = type === 'legal' ? LEGAL_FIELDS : COMPLIANCE_FIELDS
@@ -246,7 +245,7 @@ export function LegalComplianceEditor({ type, editingId }: Props) {
   if (!record) {
     return (
       <div className="flex h-full items-center justify-center text-sm text-muted-foreground">
-        {t('public.legal-compliance.loading')}
+        {m['knowledge_public_legal-compliance_loading']()}
       </div>
     )
   }
@@ -266,7 +265,7 @@ export function LegalComplianceEditor({ type, editingId }: Props) {
           <Tooltip>
             <TooltipTrigger asChild>
               <button onClick={async () => {
-                const defaultTitle = type === 'legal' ? t('public.untitled-legal') : t('public.untitled-compliance')
+                const defaultTitle = type === 'legal' ? m['knowledge_public_untitled-legal']() : m['knowledge_public_untitled-compliance']()
                 if (record.title === defaultTitle && !record.content) {
                   try {
                     if (type === 'legal') await deleteLegalFn({ data: { id: editingId! } })
@@ -281,7 +280,7 @@ export function LegalComplianceEditor({ type, editingId }: Props) {
                 <ArrowLeft className="size-8" />
               </button>
             </TooltipTrigger>
-            <TooltipContent>{t('public.legal-compliance.back-to-preview')}</TooltipContent>
+            <TooltipContent>{m['knowledge_public_legal-compliance_back-to-preview']()}</TooltipContent>
           </Tooltip>
         }
       />

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

@@ -20,7 +20,7 @@ import { Textarea } from '@/components/ui/textarea'
 import { Button } from '@/components/ui/button'
 import { MarkdownView } from './markdown-view'
 import { Eye, Pencil } from 'lucide-react'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 export function MarkdownEditor({
   value,
@@ -33,18 +33,17 @@ export function MarkdownEditor({
   placeholder?: string
   rows?: number
 }) {
-  const { t } = useTranslation('knowledge')
   const [mode, setMode] = useState<'edit' | 'preview'>('edit')
   return (
     <div className="space-y-2">
       <div className="flex gap-1">
         <Button type="button" size="sm" variant={mode === 'edit' ? 'default' : 'outline'} onClick={() => setMode('edit')}>
           <Pencil className="h-3.5 w-3.5" />
-          {t('markdownEditor.edit')}
+          {m.knowledge_markdownEditor_edit()}
         </Button>
         <Button type="button" size="sm" variant={mode === 'preview' ? 'default' : 'outline'} onClick={() => setMode('preview')}>
           <Eye className="h-3.5 w-3.5" />
-          {t('markdownEditor.preview')}
+          {m.knowledge_markdownEditor_preview()}
         </Button>
       </div>
       {mode === 'edit' ? (

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

@@ -17,11 +17,10 @@
 
 import ReactMarkdown from 'react-markdown'
 import { cn } from '@/lib/utils'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 export function MarkdownView({ content, className }: { content: string; className?: string }) {
-  const { t } = useTranslation('knowledge')
-  if (!content?.trim()) return <p className="text-sm text-muted-foreground">{t('markdownView.empty')}</p>
+  if (!content?.trim()) return <p className="text-sm text-muted-foreground">{m.knowledge_markdownView_empty()}</p>
   return (
     <div className={cn('prose prose-sm dark:prose-invert max-w-none', className)}>
       <ReactMarkdown>{content}</ReactMarkdown>

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

@@ -19,7 +19,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 { cn } from '@/lib/utils'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 interface Sharer {
   id: string
@@ -38,7 +38,6 @@ export function SharersAvatarGroup({
   max?: number
   currentUserId?: string
 }) {
-  const { t } = useTranslation('knowledge')
   if (!sharers?.length) return null
   const shown = sharers.slice(0, max)
   const rest = Math.max(0, sharers.length - max)
@@ -47,7 +46,7 @@ export function SharersAvatarGroup({
     <div className="flex items-center -space-x-2">
       <AvatarGroup className="h-6 -space-x-2" invertOverlap translate="-22%" sideOffset={14}>
         {shown.map((s) => {
-          const label = s.id === currentUserId ? t('sharers.me', { name: s.username }) : s.username
+          const label = s.id === currentUserId ? m.knowledge_sharers_me({ name: s.username }) : s.username
           return (
             <div key={s.id} className="ring-2 ring-background rounded-full">
               <UserAvatar
@@ -73,7 +72,7 @@ export function SharersAvatarGroup({
               +{rest}
             </div>
           </TooltipTrigger>
-          <TooltipContent>{t('sharers.count', { count: sharers.length })}</TooltipContent>
+          <TooltipContent>{m.knowledge_sharers_count({ count: sharers.length })}</TooltipContent>
         </Tooltip>
       )}
     </div>

package/src/components/knowledge-public/tag-filter.tsx

@@ -17,7 +17,7 @@
 
 import { chipClass } from './chip-utils'
 import { cn } from '@/lib/utils'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 interface TagFilterProps {
   tags: string[]
@@ -27,16 +27,15 @@ interface TagFilterProps {
 }
 
 export function TagFilter({ tags, activeTag, onChange, className }: TagFilterProps) {
-  const { t } = useTranslation('knowledge')
   return (
     <div className={cn('mx-auto flex w-full max-w-2xl flex-wrap items-center gap-2.5', className)}>
-      <span className="text-sm font-medium text-muted-foreground mr-4">{t('tagFilter.label')}</span>
+      <span className="text-sm font-medium text-muted-foreground mr-4">{m.knowledge_tagFilter_label()}</span>
       <button
         type="button"
         onClick={() => onChange(undefined)}
         className={chipClass(!activeTag)}
       >
-        {t('tagFilter.all')}
+        {m.knowledge_tagFilter_all()}
       </button>
       {tags.map((t) => (
         <button

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

@@ -1,75 +1,50 @@
-// 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 { describe, it, expect, vi, beforeEach } from "vitest";
-import { render, screen, waitFor } from "@testing-library/react";
-import { I18nextProvider } from "react-i18next";
-import { createServerI18n } from "@/i18n/server";
+import { render, screen, waitFor, cleanup } from "@testing-library/react";
+import { overwriteGetLocale } from "@/paraglide/runtime.js";
 
-const i18n = createServerI18n("zh");
+overwriteGetLocale(() => "zh");
 
-const { mockUseLiveQuery, mockUseLocation, mockUseSidebar } = vi.hoisted(() => ({
-  mockUseLiveQuery: vi.fn(),
-  mockUseLocation: vi.fn(),
-  mockUseSidebar: vi.fn(),
-}));
+const mockUseLiveQuery = vi.fn();
+const mockUseLocation = vi.fn();
+const mockUseSidebar = vi.fn();
 
 vi.mock("@tanstack/react-router", () => ({
-  Link: ({ children, to, className, params }: any) => (
-    <a href={to} data-to={to} className={className}>
-      {children}
-    </a>
+  Link: ({ children, to }: any) => (
+    <a href={to}>{children}</a>
   ),
   useLocation: () => mockUseLocation(),
 }));
 
 vi.mock("@tanstack/react-db", () => ({
-  useLiveQuery: mockUseLiveQuery,
+  useLiveQuery: (...args: any[]) => mockUseLiveQuery(...args),
 }));
 
 vi.mock("@/components/ui/sidebar", () => ({
   SidebarGroup: ({ children }: any) => <div data-testid="sidebar-group">{children}</div>,
   SidebarMenu: ({ children }: any) => <ul>{children}</ul>,
   SidebarMenuItem: ({ children }: any) => <li>{children}</li>,
-  SidebarMenuButton: ({
-    children,
-    asChild,
-    tooltip,
-    isActive,
-    className,
-  }: any) => (
-    <div data-active={isActive} data-tooltip={tooltip} className={className}>
-      {children}
-    </div>
+  SidebarMenuButton: ({ children, isActive }: any) => (
+    <div data-active={isActive}>{children}</div>
   ),
   useSidebar: () => mockUseSidebar(),
 }));
 
+vi.mock("@/components/ui/tooltip", () => ({
+  Tooltip: ({ children }: any) => children,
+  TooltipContent: ({ children }: any) => <span>{children}</span>,
+  TooltipTrigger: ({ children }: any) => children,
+}));
+
 vi.mock("@/lib/sidebar-utils", () => ({
-  isParentActive: (pathname: string, target: string) => pathname.startsWith(target),
+  isParentActive: (_pathname: string, _target: string) => false,
 }));
 
 vi.mock("@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name", () => ({
-  LucideIconByName: ({ name }: any) => <span data-testid="project-icon">{name}</span>,
+  LucideIconByName: () => <span data-testid="project-icon">icon</span>,
 }));
 
 vi.mock("@/components/workspace/create-workspace-dialog", () => ({
-  CreateWorkspaceDialog: ({ open }: { open: boolean }) =>
-    open ? <span data-testid="create-workspace-dialog">Dialog</span> : null,
+  CreateWorkspaceDialog: () => null,
 }));
 
 vi.mock("@/lib/utils", () => ({
@@ -80,10 +55,17 @@ vi.mock("@/lib/collections/reference/workspaces-collection", () => ({
   workspacesCollection: { id: "workspaces" },
 }));
 
+vi.mock("@/server/serverFns/workspace", () => ({
+  toggleWorkspacePinFn: vi.fn().mockResolvedValue({ success: true }),
+}));
+
+;
+
 import { NavWorkspace } from "../nav-workspace";
 
 beforeEach(() => {
   vi.clearAllMocks();
+  cleanup();
   mockUseLocation.mockReturnValue({ pathname: "/workspaces" });
   mockUseSidebar.mockReturnValue({ state: "expanded" });
   mockUseLiveQuery.mockReturnValue({
@@ -96,61 +78,42 @@ beforeEach(() => {
 
 describe("NavWorkspace", () => {
   it("展开状态下渲染标题与新建按钮", () => {
-    render(<I18nextProvider i18n={i18n}><NavWorkspace /></I18nextProvider>);
-
+    render(<NavWorkspace />);
     expect(screen.getByText("工作空间")).toBeDefined();
     expect(screen.getByLabelText("创建空间")).toBeDefined();
   });
 
-  it("渲染工作空间主页入口", () => {
-    render(<I18nextProvider i18n={i18n}><NavWorkspace /></I18nextProvider>);
-
-    expect(screen.getByText("工作空间主页")).toBeDefined();
-    expect(screen.queryByTestId("create-workspace-dialog")).toBeNull();
+  it("渲染我的工作空间入口", () => {
+    render(<NavWorkspace />);
+    expect(screen.getByText("我的工作空间")).toBeDefined();
   });
 
   it("从 collection 数据渲染工作空间列表", async () => {
-    render(<I18nextProvider i18n={i18n}><NavWorkspace /></I18nextProvider>);
-
+    render(<NavWorkspace />);
     await waitFor(() => {
       expect(screen.getByText("工作空间 A")).toBeDefined();
       expect(screen.getByText("工作空间 B")).toBeDefined();
     });
   });
 
-  it("当前工作空间页标记 active 状态", async () => {
-    mockUseLocation.mockReturnValue({ pathname: "/workspaces/ws1" });
-    render(<I18nextProvider i18n={i18n}><NavWorkspace /></I18nextProvider>);
-
-    await waitFor(() => {
-      const links = screen.getAllByTestId("project-icon");
-      expect(links).toHaveLength(2);
-    });
-
-    const activeElements = screen
-      .getAllByTestId("project-icon")
-      .map((el) => el.closest("[data-active]"))
-      .filter((el): el is HTMLElement => el !== null);
-
-    expect(activeElements.some((el) => el.dataset.active === "true")).toBe(true);
-  });
-
   it("折叠状态下不显示工作空间列表", () => {
     mockUseSidebar.mockReturnValue({ state: "collapsed" });
-    render(<I18nextProvider i18n={i18n}><NavWorkspace /></I18nextProvider>);
-
+    render(<NavWorkspace />);
     expect(screen.queryByText("工作空间")).not.toBeInTheDocument();
-    expect(screen.queryByText("工作空间主页")).not.toBeInTheDocument();
-    expect(screen.queryByText("工作空间 A")).not.toBeInTheDocument();
-    expect(screen.queryByText("工作空间 B")).not.toBeInTheDocument();
   });
 
   it("空 collection 时不渲染工作空间列表项", async () => {
     mockUseLiveQuery.mockReturnValue({ data: [] });
-    render(<I18nextProvider i18n={i18n}><NavWorkspace /></I18nextProvider>);
-
+    render(<NavWorkspace />);
     await waitFor(() => {
       expect(screen.queryByTestId("project-icon")).not.toBeInTheDocument();
     });
   });
-});
+
+  it("渲染从侧边栏移除按钮", async () => {
+    render(<NavWorkspace />);
+    await waitFor(() => {
+      expect(screen.getAllByLabelText("从侧边栏移除").length).toBeGreaterThan(0);
+    });
+  });
+});

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

@@ -0,0 +1,51 @@
+import { render, screen } from '@testing-library/react'
+import type React from 'react'
+import { describe, expect, it, vi } from 'vitest'
+
+vi.mock('@/lib/auth/auth-client', () => ({
+  useSession: () => ({ data: null }),
+  signOut: vi.fn(),
+}))
+vi.mock('@/lib/query-client-seam', () => ({
+  getQueryClient: () => ({}),
+}))
+vi.mock('@/components/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 }) => (
+    <button onClick={onClick}>{children}</button>
+  ),
+  useSidebar: () => ({ isMobile: false }),
+}))
+vi.mock('sonner', () => ({ 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>,
+}))
+vi.mock('@/components/magicui/sparkles-text', () => ({
+  SparklesText: ({ children }: { children?: React.ReactNode }) => <span>{children}</span>,
+}))
+vi.mock('@/components/ui/dropdown-menu', () => ({
+  DropdownMenu: ({ children }: { children?: React.ReactNode }) => <div>{children}</div>,
+  DropdownMenuTrigger: ({ children }: { children?: React.ReactNode }) => <div>{children}</div>,
+  DropdownMenuContent: () => null,
+  DropdownMenuGroup: ({ children }: { children?: React.ReactNode }) => <div>{children}</div>,
+  DropdownMenuItem: () => null,
+  DropdownMenuLabel: () => null,
+  DropdownMenuSeparator: () => null,
+}))
+vi.mock('@tanstack/react-router', () => ({
+  useRouter: () => ({
+    navigate: vi.fn(),
+    state: { location: { pathname: '/dashboard', searchStr: '' } },
+  }),
+  useMatches: () => [],
+}))
+
+describe('UserMenu 匿名态', () => {
+  it('session 为 null 时渲染登录入口', async () => {
+    const { UserMenu } = await import('../user-menu')
+    render(<UserMenu />)
+    expect(screen.getByText('登录')).toBeInTheDocument()
+  }, 20000)
+})

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

@@ -15,7 +15,6 @@
 // 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 {
   Sidebar,
   SidebarContent,
@@ -31,7 +30,7 @@ import { NotificationsBell } from "@/components/layout/sidebar-03/nav-notificati
 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 { Logo } from "@/components/layout/sidebar-03/logo";
+import { LogoIcon } from "@/components/shared-kit/logos/logo-icon";
 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'
@@ -57,7 +56,7 @@ export function DashboardSidebar() {
       >
         {isCollapsed ? (
           <div className="flex flex-col items-center gap-2">
-            <Logo className="h-8 w-8" />
+             <LogoIcon className="h-6 w-6" />
             <m.div
               className="flex flex-col-reverse items-center gap-1"
               initial={{ opacity: 0 }}
@@ -71,7 +70,7 @@ export function DashboardSidebar() {
         ) : (
           <>
             <a href="#" className="flex items-center gap-2">
-              <Logo className="h-8 w-8" />
+              <LogoIcon className="h-5 w-5" />
               <div className="flex items-center gap-2">
                 <span className="font-semibold text-black dark:text-white">
                   AllBlue

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

@@ -15,7 +15,6 @@
 // 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 { useEffect, useState } from "react";
 import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
 import { DashboardSidebar } from "@/components/layout/sidebar-03/app-sidebar";

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

@@ -17,7 +17,6 @@
 
 import { useEffect, useState } from "react"
 import { Link, useLocation } from "@tanstack/react-router"
-import { useTranslation } from "react-i18next"
 import {
   SidebarMenu,
   SidebarMenuButton,
@@ -38,9 +37,9 @@ import {
 } from "lucide-react"
 import { useAnyHubStore, anyHubActions } from "@/lib/anyhub/anyhub-store"
 import { cn } from "@/lib/utils"
+import { m } from "@/paraglide/messages.js";
 
 export function NavAnyHub() {
-  const { t } = useTranslation('common')
   const { state } = useSidebar()
   const { pathname } = useLocation()
   const isCollapsed = state === "collapsed"
@@ -69,7 +68,7 @@ export function NavAnyHub() {
     return (
       <SidebarMenu className="flex gap-1.5">
         <SidebarMenuItem>
-            <SidebarMenuButton asChild isActive={isActive} tooltip={t('sidebar.anyHub.title')}>
+            <SidebarMenuButton asChild isActive={isActive} tooltip={m.common_sidebar_anyHub_title()}>
             <Link to="/apps/anyhub" className="flex items-center justify-center rounded-lg p-1">
               <Blocks className="size-4" />
             </Link>
@@ -99,14 +98,14 @@ export function NavAnyHub() {
             >
               <Link to="/apps/anyhub" className="flex w-full items-center">
                 <Blocks className="size-4" />
-                <span className="ml-2 flex-1 text-sm font-medium">{t('sidebar.anyHub.title')}</span>
+                <span className="ml-2 flex-1 text-sm font-medium">{m.common_sidebar_anyHub_title()}</span>
               </Link>
             </SidebarMenuButton>
 
             {hasPinned && (
               <span
                 role="button"
-                aria-label={open ? t('sidebar.collapseSubMenu') : t('sidebar.expandSubMenu')}
+                aria-label={open ? m.common_sidebar_collapseSubMenu() : m.common_sidebar_expandSubMenu()}
                 className="absolute right-1 top-1/2 -translate-y-1/2 z-10 flex h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-muted"
                 onClick={() => setOpen((o) => !o)}
               >