feat: improve async feedback and export workflow

ai_knowledge_base_v2/apps/user-client/src/components/SessionQuota.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Layers3 } from "@lucide/vue";
+import { Layers3, LoaderCircle } from "@lucide/vue";
 import { computed } from "vue";
 
 import type { UserEntitlementSummary } from "../types/api";
@@ -66,6 +66,7 @@ const guidanceText = computed(() => {
         近期回顾
       </button>
       <button type="button" class="quota-link" :disabled="finishing" @click="$emit('finishTopic')">
+        <LoaderCircle v-if="finishing" class="spinning" :size="14" aria-hidden="true" />
         {{ finishing ? '沉淀中' : '沉淀本主题' }}
       </button>
       <button
@@ -75,6 +76,7 @@ const guidanceText = computed(() => {
         :disabled="generatingHelpCard"
         @click="$emit('generateHelpCard')"
       >
+        <LoaderCircle v-if="generatingHelpCard" class="spinning" :size="14" aria-hidden="true" />
         {{ generatingHelpCard ? '生成中' : '求助卡' }}
       </button>
       <button
@@ -84,6 +86,7 @@ const guidanceText = computed(() => {
         :disabled="generatingShareDraft"
         @click="$emit('generateShareDraft')"
       >
+        <LoaderCircle v-if="generatingShareDraft" class="spinning" :size="14" aria-hidden="true" />
         {{ generatingShareDraft ? '生成中' : '分享稿' }}
       </button>
       <strong>{{ usageText }}</strong>