feat(users): integrate user info and services APIs into 3-tab detail panel with proper padding

src/components/layout/nav.ts

@@ -5,6 +5,7 @@ import {
   Bot,
   ClipboardList,
   FileText,
+  FileJson,
   Flag,
   FolderTree,
   Hash,
@@ -40,6 +41,17 @@ export interface NavGroup {
 }
 
 export const NAV_GROUPS: NavGroup[] = [
+  {
+    label: '开发工具',
+    items: [
+      {
+        label: 'API 文档',
+        to: '/api-docs',
+        icon: FileJson,
+        permission: 'auth:api-docs:read',
+      },
+    ],
+  },
   {
     label: '分类管理',
     items: [
@@ -112,4 +124,3 @@ export function getFirstAccessibleRoute(): string | null {
   }
   return null
 }
-

src/components/ui/sheet.tsx

@@ -60,7 +60,7 @@ function SheetContent({
       <SheetPrimitive.Content
         data-slot="sheet-content"
         className={cn(
-          "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
+          "fixed z-50 flex flex-col gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
           side === "right" &&
             "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
           side === "left" &&
@@ -89,7 +89,7 @@ function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="sheet-header"
-      className={cn("flex flex-col gap-1.5 p-4", className)}
+      className={cn("flex flex-col gap-1.5", className)}
       {...props}
     />
   )