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

docs/Design/kbx-foundation-v60-status-canonical-contract-hardening/apps/web/src/App.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { kbxPermissionCatalog } from '@kbx/contracts'
+import KbxAppFrame from './shell/KbxAppFrame.vue'
+
+const demoMode = import.meta.env.VITE_KBX_DEMO_MODE === 'true'
+const permissions = computed(() => demoMode ? kbxPermissionCatalog.map(permission => permission.id) : [])
+</script>
+
+<template>
+  <KbxAppFrame
+    product-name="KBX"
+    :granted-permissions="permissions"
+    :preference-scope="demoMode ? 'demo-tenant:qa-user' : 'anonymous:secure-default'"
+    app-version="v60-fe-status-canonical-contract-hardening"
+    :user-role="demoMode ? 'QA' : 'anonymous'"
+  />
+</template>