diff --git a/qy-lty-admin/app/ai-model/page.tsx b/qy-lty-admin/app/ai-model/page.tsx
index 4a34cbb..598fb08 100644
--- a/qy-lty-admin/app/ai-model/page.tsx
+++ b/qy-lty-admin/app/ai-model/page.tsx
@@ -1,18 +1,47 @@
+"use client"
+
+import { useState, useEffect } from "react"
 import { DashboardShell } from "@/components/dashboard-shell"
 import { DashboardHeader } from "@/components/dashboard-header"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
-import { Brain, Mic, Database, Plus, Sparkles, Edit, Play, Sliders, User } from "lucide-react"
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog"
+import { Brain, Mic, Database, Plus, Sparkles, Edit, Play, Sliders, User, KeyRound } from "lucide-react"
+import { hasPermission } from "@/lib/permissions"
 
 export default function AIModelPage() {
+  const [mounted, setMounted] = useState(false)
+  const [isCredentialDialogOpen, setIsCredentialDialogOpen] = useState(false)
+
+  useEffect(() => {
+    setMounted(true)
+  }, [])
+
   return (
     <DashboardShell>
       <DashboardHeader heading="大模型管理" text="管理洛天依的AI模型、语音和知识库">
-        <Button className="bg-gradient-to-r from-pink-500 to-purple-600 hover:from-pink-600 hover:to-purple-700 transition-all duration-300 shadow-md hover:shadow-lg">
-          <Plus className="mr-2 h-4 w-4" />
-          添加新模型
-        </Button>
+        <div className="flex items-center gap-2">
+          <Button className="bg-gradient-to-r from-pink-500 to-purple-600 hover:from-pink-600 hover:to-purple-700 transition-all duration-300 shadow-md hover:shadow-lg">
+            <Plus className="mr-2 h-4 w-4" />
+            添加新模型
+          </Button>
+          {mounted && hasPermission("credential-slot") && (
+            <Button
+              variant="outline"
+              onClick={() => setIsCredentialDialogOpen(true)}
+            >
+              <KeyRound className="mr-2 h-4 w-4" />
+              凭据槽位
+            </Button>
+          )}
+        </div>
       </DashboardHeader>
 
       <Tabs defaultValue="framework" className="space-y-4">
@@ -440,6 +469,20 @@ export default function AIModelPage() {
           </Card>
         </TabsContent>
       </Tabs>
+
+      <Dialog
+        open={isCredentialDialogOpen}
+        onOpenChange={setIsCredentialDialogOpen}
+      >
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>通用凭据槽位</DialogTitle>
+            <DialogDescription>
+              对话框真实内容由 Phase 3 落地
+            </DialogDescription>
+          </DialogHeader>
+        </DialogContent>
+      </Dialog>
     </DashboardShell>
   )
 }