V13-FE-006: consolidate approved UI and contract hardening

frontend/src/features/shadow-run/pages/ShadowRunDetail.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, onMounted, onUnmounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import KbxButton from '@shared/ui/adapter/KbxButton.vue'
+import { KsButton } from '@shared/ui/components'
 import { useKbxRegistry } from '@shared/composables/useKbxRegistry'
 import { useShadowRunDetail } from '../composables/useShadowRuns'
 
@@ -108,25 +108,25 @@ onUnmounted(() => {
         </p>
       </div>
       <div class="header-actions">
-        <KbxButton
+        <KsButton
           :label="`Status: ${run.status}`"
-          variant="default"
+          severity="secondary"
           disabled
         />
-        <KbxButton
+        <KsButton
           label="Export"
-          variant="default"
+          severity="secondary"
           @click="handleExport"
         />
-        <KbxButton
+        <KsButton
           v-if="validationStatus === 'valid'"
           label="Approve"
-          variant="primary"
+          severity="primary"
           @click="handleApprove"
         />
-        <KbxButton
+        <KsButton
           label="Back"
-          variant="default"
+          severity="secondary"
           @click="handleBack"
         />
       </div>