fix: tighten workspace controls

modules/shared/components/AppShell.tsx

@@ -20,6 +20,8 @@ import type { LucideIcon } from "lucide-react";
 
 import type { Permission, PublicAccount } from "@/modules/core/types";
 import { SignOutButton } from "@/modules/auth/components/SignOutButton";
+import { AccountMenu } from "@/modules/shared/components/AccountMenu";
+import { AppBreadcrumbs } from "@/modules/shared/components/AppBreadcrumbs";
 import { UserAvatar } from "@/modules/shared/components/UserAvatar";
 
 type NavItem = {
@@ -194,14 +196,7 @@ export function AppShell({ children, account, permissions }: AppShellProps): Rea
           </nav>
 
           <div className="border-t p-3">
-            <div className="flex min-w-0 items-center gap-3 rounded-md bg-secondary/55 p-2">
-              <UserAvatar avatarUrl={account.avatarUrl} name={account.name} size="sm" />
-              <div className="min-w-0 flex-1">
-                <p className="truncate text-sm font-medium leading-tight">{account.name}</p>
-                <p className="truncate text-xs leading-tight text-muted-foreground">{account.email}</p>
-              </div>
-            </div>
-            <SignOutButton className="mt-2 w-full justify-start" />
+            <AccountMenu account={account} permissions={permissions} />
           </div>
         </div>
       </aside>
@@ -212,9 +207,7 @@ export function AppShell({ children, account, permissions }: AppShellProps): Rea
             <span className="inline-flex size-10 items-center justify-center rounded-md bg-primary text-primary-foreground xl:hidden">
               <Stethoscope className="size-5" aria-hidden="true" />
             </span>
-            <div>
-              <p className="text-sm font-medium">工作台</p>
-            </div>
+            <AppBreadcrumbs />
           </div>
           <div className="flex min-w-0 items-center gap-2 xl:hidden">
             <div className="hidden min-w-0 items-center gap-2 sm:flex">