@cat-factory/app 0.310.0 → 0.310.2

package/app/components/settings/McpAuthorizeScreen.vue

@@ -243,7 +243,6 @@ function backToApp() {
           </UButton>
           <UButton
             block
-            color="primary"
             :loading="screen === 'submitting'"
             :disabled="!workspaceId"
             data-testid="mcp-authorize-approve"

package/app/components/settings/McpOAuthCallbackScreen.vue

@@ -86,7 +86,7 @@ function backToApp() {
         <p class="mb-6 text-sm text-muted">
           {{ t('settings.toolServers.oauth.callback.doneHint') }}
         </p>
-        <UButton block color="primary" @click="backToApp">
+        <UButton block @click="backToApp">
           {{ t('settings.toolServers.oauth.callback.back') }}
         </UButton>
       </template>

package/app/components/settings/ModelConfigurationPanel.vue

@@ -365,13 +365,7 @@ async function save() {
                     </template>
                   </i18n-t>
                 </p>
-                <UButton
-                  icon="i-lucide-plus"
-                  color="primary"
-                  size="sm"
-                  class="shrink-0"
-                  @click="startCreate"
-                >
+                <UButton icon="i-lucide-plus" size="sm" class="shrink-0" @click="startCreate">
                   {{ t('settings.modelConfiguration.list.newPreset') }}
                 </UButton>
               </div>
@@ -388,7 +382,7 @@ async function save() {
                 >
                   <div class="flex items-center gap-2">
                     <span class="truncate text-sm font-semibold text-app-100">{{ p.name }}</span>
-                    <UBadge v-if="p.isDefault" color="primary" variant="subtle" size="xs">
+                    <UBadge v-if="p.isDefault" variant="subtle" size="xs">
                       {{ t('settings.modelConfiguration.list.default') }}
                     </UBadge>
                     <div class="ms-auto flex items-center gap-1">
@@ -483,7 +477,6 @@ async function save() {
                   >
                     <UButton
                       size="sm"
-                      color="primary"
                       variant="subtle"
                       trailing-icon="i-lucide-chevron-down"
                       class="w-full justify-between"
@@ -576,7 +569,7 @@ async function save() {
                 >
                   {{ t('common.cancel') }}
                 </UButton>
-                <UButton color="primary" size="sm" :loading="busy" @click="save">
+                <UButton size="sm" :loading="busy" @click="save">
                   {{
                     editor.id
                       ? t('settings.modelConfiguration.editor.saveChanges')

package/app/components/settings/ModelPresetHealthModal.vue

@@ -87,7 +87,6 @@ const reseedableCount = computed(
               </div>
               <UButton
                 size="xs"
-                color="primary"
                 variant="subtle"
                 icon="i-lucide-plus"
                 :loading="isBusy(i.id)"
@@ -130,7 +129,6 @@ const reseedableCount = computed(
               </div>
               <UButton
                 size="xs"
-                color="primary"
                 variant="subtle"
                 icon="i-lucide-rotate-ccw"
                 :loading="isBusy(i.id)"
@@ -149,7 +147,6 @@ const reseedableCount = computed(
       <div class="flex w-full items-center justify-between gap-2">
         <UButton
           v-if="reseedableCount > 1"
-          color="primary"
           variant="ghost"
           icon="i-lucide-rotate-ccw"
           :loading="anyBusy"

package/app/components/settings/OpenRouterCatalogPanel.vue

@@ -332,7 +332,6 @@ function manageKeys() {
             </UButton>
             <UButton
               v-if="recommendedAvailable.length"
-              color="primary"
               variant="soft"
               size="sm"
               icon="i-lucide-sparkles"
@@ -397,14 +396,7 @@ function manageKeys() {
             <span class="text-xs text-dimmed">{{
               t('settings.openRouterCatalog.enabledCount', { count: selectedCount }, selectedCount)
             }}</span>
-            <UButton
-              color="primary"
-              variant="soft"
-              size="sm"
-              icon="i-lucide-save"
-              :loading="busy"
-              @click="save()"
-            >
+            <UButton variant="soft" size="sm" icon="i-lucide-save" :loading="busy" @click="save()">
               {{ t('common.save') }}
             </UButton>
           </div>

package/app/components/settings/ProviderConnectionTab.vue

@@ -506,13 +506,7 @@ function fieldHelp(key: string): string | undefined {
       <ConnectionWarnings :warnings="testResult?.warnings" />
 
       <div class="flex justify-end">
-        <UButton
-          color="primary"
-          size="sm"
-          :loading="busy"
-          :disabled="!canSave"
-          @click="saveNative()"
-        >
+        <UButton size="sm" :loading="busy" :disabled="!canSave" @click="saveNative()">
           {{ connection ? t('common.save') : t('settings.providerConnection.form.connect') }}
         </UButton>
       </div>

package/app/components/settings/ProviderManifestEditor.vue

@@ -289,7 +289,6 @@ function onSave() {
 
     <div class="flex justify-end">
       <UButton
-        color="primary"
         size="sm"
         :loading="busy"
         :disabled="!canSave"

package/app/components/settings/RiskPolicyCreateForm.vue

@@ -176,7 +176,6 @@ function submit() {
         :label="t('settings.riskPolicy.forkDecision.label')"
       />
       <UButton
-        color="primary"
         size="sm"
         icon="i-lucide-plus"
         :loading="busy"

package/app/components/settings/RiskPolicyEditorRow.vue

@@ -130,7 +130,7 @@ const deleteBlocked = computed(
         >
           {{ t('settings.riskPolicy.makeUnattendedDefaultShort') }}
         </UButton>
-        <UBadge v-if="policy.isDefault" color="primary" variant="subtle" size="sm">
+        <UBadge v-if="policy.isDefault" variant="subtle" size="sm">
           {{ t('settings.riskPolicy.default') }}
         </UBadge>
         <UButton
@@ -314,7 +314,6 @@ const deleteBlocked = computed(
         "
       />
       <UButton
-        color="primary"
         variant="soft"
         size="xs"
         icon="i-lucide-save"

package/app/components/settings/RiskPolicyHealthModal.vue

@@ -78,7 +78,6 @@ const reseedableCount = computed(
               </div>
               <UButton
                 size="xs"
-                color="primary"
                 variant="subtle"
                 icon="i-lucide-plus"
                 :loading="isBusy(i.id)"
@@ -121,7 +120,6 @@ const reseedableCount = computed(
               </div>
               <UButton
                 size="xs"
-                color="primary"
                 variant="subtle"
                 icon="i-lucide-rotate-ccw"
                 :loading="isBusy(i.id)"
@@ -140,7 +138,6 @@ const reseedableCount = computed(
       <div class="flex w-full items-center justify-between gap-2">
         <UButton
           v-if="reseedableCount > 1"
-          color="primary"
           variant="ghost"
           icon="i-lucide-rotate-ccw"
           :loading="anyBusy"

package/app/components/settings/ServiceFragmentDefaultsPanel.vue

@@ -81,7 +81,6 @@ function remove(id: string) {
       <UBadge
         v-for="f in selected"
         :key="f.id"
-        color="primary"
         variant="subtle"
         size="sm"
         class="cursor-pointer"
@@ -100,7 +99,6 @@ function remove(id: string) {
         {{ t('settings.serviceFragmentDefaults.footer.question') }}
       </span>
       <UButton
-        color="primary"
         variant="link"
         class="p-0 text-2xs font-medium text-primary hover:underline"
         @click="ui.openFragmentLibrary()"
@@ -108,7 +106,6 @@ function remove(id: string) {
         {{ t('settings.serviceFragmentDefaults.footer.manageBoard') }}
       </UButton>
       <UButton
-        color="primary"
         variant="link"
         class="p-0 text-2xs font-medium text-primary hover:underline"
         @click="ui.openAccountSettings('fragments')"

package/app/components/settings/UserSecretsSection.vue

@@ -242,13 +242,7 @@ async function remove() {
           />
 
           <div class="flex justify-end">
-            <UButton
-              color="primary"
-              size="sm"
-              :loading="busy"
-              :disabled="!buildPayload()"
-              @click="save()"
-            >
+            <UButton size="sm" :loading="busy" :disabled="!buildPayload()" @click="save()">
               {{ status ? t('common.save') : t('settings.userSecrets.addToken') }}
             </UButton>
           </div>

package/app/components/settings/WorkspaceMetadataSettings.vue

@@ -133,7 +133,6 @@ function selectItems(field: WorkspaceMetadataFieldDefinition) {
 
       <div class="flex justify-end">
         <UButton
-          color="primary"
           size="sm"
           icon="i-lucide-save"
           :loading="saving"

package/app/components/settings/WorkspaceSettingsPanel.vue

@@ -706,13 +706,7 @@ async function save() {
             </section>
 
             <div class="flex justify-end">
-              <UButton
-                color="primary"
-                icon="i-lucide-save"
-                size="sm"
-                :loading="saving"
-                @click="save"
-              >
+              <UButton icon="i-lucide-save" size="sm" :loading="saving" @click="save">
                 {{ t('common.save') }}
               </UButton>
             </div>

package/app/components/skills/ReviewSkillQueue.vue

@@ -139,7 +139,6 @@ function toggle(id: string) {
       <UBadge
         v-for="(s, i) in queued"
         :key="s.id"
-        color="primary"
         variant="subtle"
         size="sm"
         class="cursor-pointer"

package/app/components/slack/SlackPanel.vue

@@ -219,7 +219,6 @@ async function saveMapping() {
         <div v-if="!slack.connected" class="space-y-3 rounded-lg border border-muted p-3">
           <UButton
             v-if="slack.oauthEnabled"
-            color="primary"
             icon="i-lucide-slack"
             :loading="connectingOAuth"
             @click="connectViaOAuth"
@@ -233,7 +232,6 @@ async function saveMapping() {
             <div class="flex gap-2">
               <SecretInput v-model="tokenInput" size="sm" class="flex-1" placeholder="xoxb-…" />
               <UButton
-                color="primary"
                 variant="soft"
                 size="sm"
                 :loading="slack.connecting"
@@ -302,7 +300,6 @@ async function saveMapping() {
 
             <div class="flex justify-end">
               <UButton
-                color="primary"
                 variant="soft"
                 size="xs"
                 icon="i-lucide-save"
@@ -365,7 +362,6 @@ async function saveMapping() {
                 {{ t('slack.members.add') }}
               </UButton>
               <UButton
-                color="primary"
                 variant="soft"
                 size="xs"
                 icon="i-lucide-save"

package/app/components/spec/ServiceSpecWindow.vue

@@ -428,7 +428,6 @@ function kindLabel(item: RequirementItem): string {
             >
               {{ t('spec.state.noneMatchFilter') }}
               <UButton
-                color="primary"
                 variant="link"
                 size="xs"
                 class="p-0"

package/app/components/tasks/BugHuntModal.vue

@@ -345,7 +345,6 @@ const STATUS_KEYS: Record<BugHuntAnalysisStatus, string> = {
           <UButton
             v-for="choice in addableSources"
             :key="choice.source"
-            color="primary"
             variant="soft"
             :icon="choice.icon"
             @click="addSource(choice.source)"
@@ -479,7 +478,6 @@ const STATUS_KEYS: Record<BugHuntAnalysisStatus, string> = {
 
         <div class="flex items-center gap-2">
           <UButton
-            color="primary"
             icon="i-lucide-radar"
             :loading="hunt.hunting"
             :disabled="!canHunt"
@@ -565,7 +563,6 @@ const STATUS_KEYS: Record<BugHuntAnalysisStatus, string> = {
                   {{ t('bugHunt.recommended') }}
                 </UBadge>
                 <UButton
-                  color="primary"
                   variant="soft"
                   icon="i-lucide-play"
                   size="xs"

package/app/components/tasks/TaskImportModal.vue

@@ -133,7 +133,6 @@ async function doSpawnEpic() {
           <UButton
             v-for="choice in addableSources"
             :key="choice.source"
-            color="primary"
             variant="soft"
             :icon="choice.icon"
             @click="ui.openTaskConnect(choice.source)"
@@ -197,7 +196,6 @@ async function doSpawnEpic() {
               />
             </UFormField>
             <UButton
-              color="primary"
               variant="soft"
               icon="i-lucide-layers"
               :loading="importing"

package/app/components/tasks/TaskSourceConnectModal.vue

@@ -140,13 +140,7 @@ async function toggleEnabled(enabled: boolean) {
         <div v-else-if="!connected" class="space-y-3">
           <!-- OAuth source (Linear): the redirect button, with the manual key form below. -->
           <template v-if="oauth">
-            <UButton
-              block
-              color="primary"
-              icon="i-lucide-plug"
-              :loading="oauthStarting"
-              @click="startOAuth"
-            >
+            <UButton block icon="i-lucide-plug" :loading="oauthStarting" @click="startOAuth">
               {{ t('tasks.connect.oauthButton', { label: descriptor.label }) }}
             </UButton>
             <p class="text-center text-2xs text-dimmed">
@@ -208,7 +202,6 @@ async function toggleEnabled(enabled: boolean) {
           <div v-else />
           <UButton
             v-if="!credentialless"
-            color="primary"
             icon="i-lucide-plug"
             :loading="saving"
             :disabled="!canSubmit"

package/app/components/tutorial/TutorialCatalogue.vue

@@ -118,7 +118,6 @@ const statusColor = (row: TutorialCatalogueRow) =>
             </div>
             <UButton
               size="sm"
-              color="primary"
               :variant="row.state === 'completed' ? 'soft' : 'solid'"
               :disabled="!row.startable"
               :data-testid="`tutorial-catalogue-start-${row.tour.id}`"

package/app/components/tutorial/TutorialNudge.vue

@@ -95,7 +95,6 @@ function take(tourId: string) {
       <div class="mt-2 flex justify-end">
         <UButton
           size="xs"
-          color="primary"
           variant="soft"
           data-testid="tutorial-nudge-start"
           @click="take(offered.id)"

package/app/components/tutorial/TutorialOverlay.vue

@@ -636,7 +636,6 @@ onUnmounted(() => {
           <p class="mt-0.5 text-xs text-muted">{{ t(nextTour.descriptionKey) }}</p>
           <UButton
             size="xs"
-            color="primary"
             variant="soft"
             class="mt-2"
             data-testid="tutorial-next-tour-start"
@@ -671,7 +670,6 @@ onUnmounted(() => {
             <UButton
               v-if="step.advanceOn !== 'target-click' || isLast"
               size="xs"
-              color="primary"
               data-testid="tutorial-next"
               @click="advance('nav-control')"
             >

package/app/components/tutorial/TutorialPrompt.vue

@@ -65,7 +65,6 @@ const undecided = computed(() => tutorial.decision === null)
             </div>
             <UButton
               size="sm"
-              color="primary"
               :variant="actionFor(tour.id) === 'restart' ? 'soft' : 'solid'"
               :data-testid="`tutorial-start-${tour.id}`"
               @click="launch(tour.id)"

package/app/components/vcs/GitLabConnect.vue

@@ -78,7 +78,6 @@ async function connect() {
     </p>
 
     <UButton
-      color="primary"
       icon="i-lucide-gitlab"
       :loading="connecting"
       :disabled="!pat.trim()"

package/app/components/visualConfirm/VisualConfirmationWindow.vue

@@ -490,7 +490,6 @@ watch(pendingUpload, async (file) => {
           {{ t('visualConfirm.recapture') }}
         </UButton>
         <UButton
-          color="primary"
           icon="i-lucide-circle-check"
           :loading="busy"
           :disabled="!canApprove || !access.canExecuteRuns.value"

package/app/pages/index.vue

@@ -560,7 +560,7 @@ watch(
         <UIcon name="i-lucide-plug-zap" class="mx-auto mb-3 h-10 w-10 text-app-warning-400" />
         <h1 class="mb-1 text-lg font-semibold">{{ $t('app.backendUnreachable') }}</h1>
         <p class="mb-4 text-sm text-muted">{{ workspace.error }}</p>
-        <UButton color="primary" icon="i-lucide-rotate-ccw" @click="workspace.init()">
+        <UButton icon="i-lucide-rotate-ccw" @click="workspace.init()">
           {{ $t('common.retry') }}
         </UButton>
       </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cat-factory/app",
-  "version": "0.310.0",
+  "version": "0.310.2",
   "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",
@@ -18,7 +18,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@cat-factory/contracts": "0.363.0",
+    "@cat-factory/contracts": "0.364.0",
     "@modular-frontend/core": "0.6.0",
     "@modular-vue/core": "^1.5.0",
     "@modular-vue/journeys": "^1.4.0",