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

frontend/src/features/models/pages/ModelDetail.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 { useModelDetail, useActivateModel, useDeactivateModel, useTransitionPhase } from '../composables/useModels'
 
@@ -143,27 +143,27 @@ onUnmounted(() => {
         </p>
       </div>
       <div class="header-actions">
-        <KbxButton
+        <KsButton
           label="Edit"
-          variant="default"
+          severity="secondary"
           @click="handleEdit"
         />
-        <KbxButton
+        <KsButton
           v-if="!model.active"
           :label="canActivate ? 'Activate' : 'Cannot Activate'"
-          :variant="canActivate ? 'primary' : 'default'"
+          :severity="canActivate ? 'primary' : 'secondary'"
           :disabled="!canActivate"
           @click="handleActivate"
         />
-        <KbxButton
+        <KsButton
           v-else
           label="Deactivate"
-          variant="danger"
+          severity="danger"
           @click="handleDeactivate"
         />
-        <KbxButton
+        <KsButton
           label="Back"
-          variant="default"
+          severity="secondary"
           @click="handleBack"
         />
       </div>