feat: 完善鉴权

app/pages/dashboard.vue

@@ -1,6 +1,6 @@
 <!-- app/pages/dashboard.vue - 运行状态与最近问答记录页面 -->
 <script lang="ts" setup>
-import { ArrowPathIcon } from "@heroicons/vue/24/outline";
+import { RefreshCw } from "lucide-vue-next";
 
 import QaRecordDetail from "@/components/dashboard/QaRecordDetail.vue";
 import QaRecordsTable from "@/components/dashboard/QaRecordsTable.vue";
@@ -64,17 +64,17 @@ const handleRefreshToken = async () => {
           >
             {{ authStore.user.apiToken }}
           </code>
-          <CopyCom :text="authStore.user.apiToken" />
+          <CopyCom :text="authStore.user.apiToken" :disabled="refreshing" />
           <Button
             variant="outline"
             size="icon"
             :disabled="refreshing"
             title="刷新 Token"
+            class="flex items-center gap-1 w-fit px-2.5"
             @click="handleRefreshToken"
           >
-            <ArrowPathIcon
-              :class="['size-4', refreshing ? 'animate-spin' : '']"
-            />
+            <RefreshCw :class="['size-4', refreshing ? 'animate-spin' : '']" />
+            <span>刷新 Token</span>
           </Button>
         </div>
       </CardContent>