fix(ui): unify dialogs and complete theme component coverage

frontend/src/features/agent/AgentView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import AppDialog from '@/components/common/AppDialog.vue'
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useAgentStore } from '@/stores/agent'
@@ -138,9 +139,9 @@ async function handleOpenCitation(data: Record<string, unknown>) {
       />
     </div>
 
-    <div v-if="agentStore.permissionRequest" class="modal-backdrop">
+    <AppDialog v-if="agentStore.permissionRequest" :label="t('权限确认', 'Permission confirmation')" :dismissible="false">
       <div class="modal"><span class="badge warning">{{ t('权限确认', 'Permission Confirmation') }}</span><h2>{{ toolLabel(agentStore.permissionRequest.tool_name) }}</h2><p>{{ agentStore.permissionRequest.impact }}</p><p class="subtle">{{ t('所需权限：', 'Required permission: ') }}{{ permissionLabel(agentStore.permissionRequest.permission) }} ({{ agentStore.permissionRequest.permission }})</p><pre>{{ JSON.stringify(localizeDetails(agentStore.permissionRequest.parameters), null, 2) }}</pre><div class="inline-actions permission-actions"><button class="button-primary" @click="agentStore.respondPermission('allow', 'once')">{{ t('仅本次允许', 'Allow once') }}</button><button class="button-secondary" @click="agentStore.respondPermission('allow', 'session')">{{ t('本次会话允许', 'Allow for session') }}</button><button class="button-danger" @click="agentStore.respondPermission('deny')">{{ t('拒绝', 'Deny') }}</button></div></div>
-    </div>
+    </AppDialog>
   </section>
 </template>
 

frontend/src/features/agent/ToolOption.vue

@@ -10,7 +10,7 @@ const showOriginal = computed(() => props.description.length > 0)
 </script>
 
 <template>
-  <article class="tool-choice" :class="{ selected }">
+  <article class="tool-choice surface-nested" :class="{ selected }">
     <label class="tool-selection">
       <input type="checkbox" :checked="selected" @change="emit('toggle', name)" />
       <span class="tool-copy">
@@ -19,7 +19,7 @@ const showOriginal = computed(() => props.description.length > 0)
         <small class="tool-summary">{{ summary }}</small>
       </span>
     </label>
-    <details v-if="showOriginal" class="tool-original">
+    <details v-if="showOriginal" class="tool-original ui-disclosure">
       <summary>{{ t('查看服务原文与参数', 'View original service description and parameters') }}</summary>
       <p>{{ description }}</p>
     </details>

frontend/src/features/agent/TraceTimeline.vue

@@ -241,7 +241,7 @@ const flatTrace = computed(() => flatNodes(filteredTree.value))
             </div>
           </div>
           <div v-if="isDetailOpen(`event-${event.sequence}`) && showDetails" class="event-detail">
-            <details open>
+            <details open class="ui-disclosure">
               <summary>完整数据</summary>
               <pre>{{ prettyData(event.data) }}</pre>
             </details>