@cat-factory/app 0.87.2 → 0.87.3

package/app/components/clarity/ClarityReviewWindow.vue

@@ -21,6 +21,7 @@ import type {
 
 const board = useBoardStore()
 const clarity = useClarityStore()
+const models = useModelsStore()
 const toast = useToast()
 const { t } = useI18n()
 
@@ -493,7 +494,9 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                 </div>
                 <div v-if="review.model" class="flex items-center justify-between">
                   <span>{{ t('clarity.rail.model') }}</span>
-                  <span class="truncate ps-2 text-slate-500">{{ review.model }}</span>
+                  <span class="truncate ps-2 text-slate-500">{{
+                    models.labelForRef(review.model) ?? review.model
+                  }}</span>
                 </div>
               </div>
 

package/app/components/consensus/ConsensusSessionWindow.vue

@@ -9,11 +9,13 @@
 import { computed } from 'vue'
 import type { ConsensusContribution, ConsensusSession } from '~/types/consensus'
 import CopyButton from '~/components/common/CopyButton.vue'
+import { agentKindMeta } from '~/utils/catalog'
 
 const { t, n } = useI18n()
 
 const board = useBoardStore()
 const consensus = useConsensusStore()
+const models = useModelsStore()
 
 const { open, blockId, close } = useResultView('consensus-session', {
   onOpen: (id) => {
@@ -114,7 +116,7 @@ function topScore(c: ConsensusContribution): { label: string; value: number } |
               <span v-if="block" class="font-normal text-slate-400">— {{ block.title }}</span>
             </h2>
             <p v-if="session" class="text-xs text-slate-500">
-              {{ session.agentKind }} ·
+              {{ agentKindMeta(session.agentKind).label }} ·
               {{
                 t(
                   'consensus.participantCount',
@@ -201,7 +203,9 @@ function topScore(c: ConsensusContribution): { label: string; value: number } |
                     t('consensus.expert', { letter: String.fromCharCode(65 + i) })
                   }}</span>
                   <span class="text-slate-400"> · {{ p.role }}</span>
-                  <span v-if="p.modelId" class="ms-1 text-slate-500">({{ p.modelId }})</span>
+                  <span v-if="p.modelId" class="ms-1 text-slate-500"
+                    >({{ models.labelForRef(p.modelId) ?? p.modelId }})</span
+                  >
                 </div>
               </div>
             </section>

package/app/components/requirements/RequirementsReviewWindow.vue

@@ -21,6 +21,7 @@ import type {
 
 const board = useBoardStore()
 const requirements = useRequirementsStore()
+const models = useModelsStore()
 const toast = useToast()
 const { t } = useI18n()
 
@@ -881,7 +882,9 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                 </template>
                 <div v-if="review.model" class="flex items-center justify-between">
                   <span>{{ t('requirements.stats.model') }}</span>
-                  <span class="truncate ps-2 text-slate-500">{{ review.model }}</span>
+                  <span class="truncate ps-2 text-slate-500">{{
+                    models.labelForRef(review.model) ?? review.model
+                  }}</span>
                 </div>
               </div>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cat-factory/app",
-  "version": "0.87.2",
+  "version": "0.87.3",
   "description": "Reusable Nuxt layer for the Agent Architecture Board SPA (components, stores, composables, pages). Consume it from a thin deployment app via `extends: ['@cat-factory/app']` and point it at your backend with NUXT_PUBLIC_API_BASE. See deploy/frontend for an example.",
   "repository": {
     "type": "git",