@cat-factory/app 0.310.1 → 0.310.3

package/app/components/prReview/PrReviewWindow.vue

@@ -588,7 +588,6 @@ const { requestClose } = useUnsavedGuard({
                 {{ t('prReview.selectedCount', { count: activeSelectedIds.length }) }}
               </span>
               <UButton
-                color="primary"
                 variant="link"
                 class="p-0 text-2xs text-primary hover:underline"
                 @click="selectAll"
@@ -596,7 +595,6 @@ const { requestClose } = useUnsavedGuard({
                 {{ t('prReview.selectAll') }}
               </UButton>
               <UButton
-                color="primary"
                 variant="link"
                 class="p-0 text-2xs text-primary hover:underline"
                 @click="clearAll"
@@ -760,7 +758,6 @@ const { requestClose } = useUnsavedGuard({
                       class="mt-1.5 flex items-center gap-3 text-2xs"
                     >
                       <UButton
-                        color="primary"
                         variant="link"
                         v-if="!isRetracted(f)"
                         data-testid="pr-review-finding-challenge"
@@ -880,7 +877,6 @@ const { requestClose } = useUnsavedGuard({
         {{ postReport ? t('prReview.postReport.retry') : t('prReview.post') }}
       </UButton>
       <UButton
-        color="primary"
         :loading="prReview.resolving"
         :disabled="!canResolve || !hasSelection || !access.canExecuteRuns.value"
         :title="access.canExecuteRuns.value ? undefined : t('access.noRunExecute')"

package/app/components/providers/AiPresetMismatchDialog.vue

@@ -97,7 +97,7 @@ function go(action: () => void) {
           >
             {{ t('providers.presetMismatch.configureVendors') }}
           </UButton>
-          <UButton color="primary" size="sm" icon="i-lucide-cpu" @click="go(ui.openModelConfig)">
+          <UButton size="sm" icon="i-lucide-cpu" @click="go(ui.openModelConfig)">
             {{ t('providers.presetMismatch.editPresets') }}
           </UButton>
         </div>

package/app/components/providers/AiProviderOnboardingModal.vue

@@ -100,19 +100,13 @@ const routes = computed<Route[]>(() => [
             <div class="min-w-0 flex-1">
               <div class="flex items-center gap-2">
                 <p class="text-sm font-semibold text-app-100">{{ r.title }}</p>
-                <UBadge v-if="r.badge" color="primary" variant="subtle" size="sm">
+                <UBadge v-if="r.badge" variant="subtle" size="sm">
                   {{ r.badge }}
                 </UBadge>
               </div>
               <p class="mt-0.5 text-sm leading-relaxed text-muted">{{ r.body }}</p>
             </div>
-            <UButton
-              size="sm"
-              color="primary"
-              variant="subtle"
-              class="shrink-0"
-              @click="r.onSelect()"
-            >
+            <UButton size="sm" variant="subtle" class="shrink-0" @click="r.onSelect()">
               {{ r.cta }}
             </UButton>
           </div>

package/app/components/providers/VendorCredentialsModal.vue

@@ -206,13 +206,7 @@ function vendorLabel(v: SubscriptionVendor): string {
               <p class="min-w-0 flex-1 text-sm text-toned">
                 {{ t('providers.vendorCredentials.personalCallout.text') }}
               </p>
-              <UButton
-                size="xs"
-                color="primary"
-                variant="subtle"
-                class="shrink-0"
-                @click="activeTab = 'personal'"
-              >
+              <UButton size="xs" variant="subtle" class="shrink-0" @click="activeTab = 'personal'">
                 {{ t('providers.vendorCredentials.personalCallout.cta') }}
               </UButton>
             </div>

package/app/components/provisioning/ProvisioningLogsDrawer.vue

@@ -120,6 +120,7 @@ function when(epochMs: number): string {
         {{ t('provisioning.title') }}
       </SectionLabel>
       <UButton
+        color="neutral"
         icon="i-lucide-rotate-ccw"
         variant="ghost"
         size="xs"

package/app/components/requirements/RequirementsReviewWindow.vue

@@ -921,7 +921,6 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                             v-if="autoDefaults.get(item.id)!.groundedInFragment"
                             size="xs"
                             variant="subtle"
-                            color="primary"
                           >
                             {{
                               t('requirements.currentStandard', {
@@ -1027,7 +1026,6 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                             </p>
                             <div class="mt-2 flex flex-wrap items-center gap-2">
                               <UButton
-                                color="primary"
                                 variant="soft"
                                 size="xs"
                                 icon="i-lucide-check"
@@ -1231,7 +1229,6 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
             class="border-t border-default pt-4"
           >
             <UButton
-              color="primary"
               variant="soft"
               size="sm"
               block
@@ -1255,7 +1252,6 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
           <div v-if="review && status === 'ready'" class="space-y-2 border-t border-default pt-4">
             <UButton
               v-if="canProceed"
-              color="primary"
               size="sm"
               block
               icon="i-lucide-arrow-right"
@@ -1270,7 +1266,6 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
             </UButton>
             <UButton
               v-else
-              color="primary"
               size="sm"
               block
               icon="i-lucide-wand-sparkles"
@@ -1296,7 +1291,6 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
           <!-- action: merged (inspect → re-review / redo) -->
           <div v-if="review && merged" class="space-y-2 border-t border-default pt-4">
             <UButton
-              color="primary"
               size="sm"
               block
               icon="i-lucide-sparkles"
@@ -1333,7 +1327,6 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                 :placeholder="t('requirements.redoPlaceholder')"
               />
               <UButton
-                color="primary"
                 variant="soft"
                 size="xs"
                 block

package/app/components/sandbox/SandboxPanel.vue

@@ -457,7 +457,6 @@ async function archive(prompt: SandboxPromptVersion) {
                 </span>
               </span>
               <UButton
-                color="primary"
                 icon="i-lucide-play"
                 size="sm"
                 :loading="store.launching"
@@ -630,9 +629,9 @@ async function archive(prompt: SandboxPromptVersion) {
                      Offered on a graded candidate and on an older workspace revision (rolling
                      back), but not on the one already live, where it would be a no-op. -->
                 <IconButton
+                  color="neutral"
                   v-if="canPromote(p)"
                   icon="i-lucide-rocket"
-                  color="primary"
                   variant="ghost"
                   size="xs"
                   :loading="promoting === p.id"
@@ -674,7 +673,6 @@ async function archive(prompt: SandboxPromptVersion) {
                 {{ t('common.cancel') }}
               </UButton>
               <UButton
-                color="primary"
                 icon="i-lucide-save"
                 size="sm"
                 :loading="savingPrompt"

package/app/components/settings/BudgetSettings.vue

@@ -167,13 +167,7 @@ function saveUser() {
         }}
       </div>
       <div class="flex justify-end">
-        <UButton
-          color="primary"
-          icon="i-lucide-save"
-          size="sm"
-          :loading="savingWorkspace"
-          @click="saveWorkspace"
-        >
+        <UButton icon="i-lucide-save" size="sm" :loading="savingWorkspace" @click="saveWorkspace">
           {{ t('settings.workspaceSettings.budget.saveTier') }}
         </UButton>
       </div>
@@ -222,7 +216,6 @@ function saveUser() {
       </p>
       <div v-if="canEditAccount" class="flex justify-end">
         <UButton
-          color="primary"
           icon="i-lucide-save"
           size="sm"
           :loading="savingAccount"
@@ -273,7 +266,6 @@ function saveUser() {
       </div>
       <div class="flex justify-end">
         <UButton
-          color="primary"
           icon="i-lucide-save"
           size="sm"
           :loading="savingUser"

package/app/components/settings/ComposeEnvironmentSetupSection.vue

@@ -90,7 +90,6 @@ function start() {
     <div class="flex items-center gap-2">
       <UButton
         size="xs"
-        color="primary"
         variant="soft"
         icon="i-lucide-wand-sparkles"
         data-testid="compose-env-setup-start"

package/app/components/settings/ConsensusGroupsSection.vue

@@ -483,7 +483,6 @@ async function remove(group: ConsensusGroup) {
           {{ t('settings.consensusGroups.editor.cancel') }}
         </UButton>
         <UButton
-          color="primary"
           size="sm"
           :loading="busy"
           :disabled="!editor.name.trim() || gatingIncomplete"

package/app/components/settings/CustomManifestTypeEditor.vue

@@ -192,7 +192,7 @@ async function remove(type: CustomManifestType) {
         <UButton v-if="editing" color="neutral" variant="ghost" size="sm" @click="startAdd">
           {{ t('common.cancel') }}
         </UButton>
-        <UButton color="primary" size="sm" :loading="busy" :disabled="!canSave" @click="save">
+        <UButton size="sm" :loading="busy" :disabled="!canSave" @click="save">
           {{ editing ? t('common.save') : t('settings.infrastructure.customType.add') }}
         </UButton>
       </div>

package/app/components/settings/DefaultProvisionTypeSection.vue

@@ -156,7 +156,6 @@ async function save() {
     <div class="flex items-center gap-2">
       <UButton
         size="xs"
-        color="primary"
         icon="i-lucide-check"
         :loading="saving"
         :disabled="!canSave"

package/app/components/settings/InfraHandlersConfigurator.vue

@@ -527,7 +527,7 @@ function toastRemoved() {
               class="h-3.5 w-3.5"
             />
             {{ t('settings.infrastructure.handler.personalOverride') }}
-            <UBadge v-if="kubeUserHandler" color="primary" variant="subtle" size="sm">
+            <UBadge v-if="kubeUserHandler" variant="subtle" size="sm">
               {{ t('settings.infrastructure.handler.overrideActive') }}
             </UBadge>
           </SectionLabel>
@@ -540,7 +540,7 @@ function toastRemoved() {
             <UButton
               icon="i-lucide-trash-2"
               color="error"
-              variant="ghost"
+              variant="soft"
               size="xs"
               :disabled="busy"
               @click="removeKubeOverride"

package/app/components/settings/IssueTrackerPanel.vue

@@ -437,14 +437,7 @@ async function checkSetup(source: TaskSourceKind) {
     </section>
 
     <div class="flex justify-end">
-      <UButton
-        color="primary"
-        icon="i-lucide-save"
-        size="sm"
-        :loading="saving"
-        :disabled="!canSave"
-        @click="save"
-      >
+      <UButton icon="i-lucide-save" size="sm" :loading="saving" :disabled="!canSave" @click="save">
         {{ t('common.save') }}
       </UButton>
     </div>

package/app/components/settings/KubernetesEngineForm.vue

@@ -604,13 +604,7 @@ async function copyAutoSetupCommand() {
       <p v-if="connectBlockedReason" class="flex-1 text-left text-xs text-app-error-400">
         {{ connectBlockedReason }}
       </p>
-      <UButton
-        color="primary"
-        size="sm"
-        :loading="busy"
-        :disabled="!canSave"
-        @click="emit('save', buildPayload())"
-      >
+      <UButton size="sm" :loading="busy" :disabled="!canSave" @click="emit('save', buildPayload())">
         {{ connected ? t('common.save') : t('settings.providerConnection.form.connect') }}
       </UButton>
     </div>

package/app/components/settings/KubernetesEnvironmentForm.vue

@@ -458,13 +458,7 @@ function optional(label: string): string {
       <p v-if="connectBlockedReason" class="flex-1 text-left text-xs text-app-error-400">
         {{ connectBlockedReason }}
       </p>
-      <UButton
-        color="primary"
-        size="sm"
-        :loading="busy"
-        :disabled="!canSave"
-        @click="emit('save', buildPayload())"
-      >
+      <UButton size="sm" :loading="busy" :disabled="!canSave" @click="emit('save', buildPayload())">
         {{
           connection?.kind === 'kubernetes'
             ? t('common.save')

package/app/components/settings/LocalContainerPoolSettings.vue

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

package/app/components/settings/LocalModelEndpointsPanel.vue

@@ -472,7 +472,6 @@ async function remove(p: LocalRunner) {
 
           <div class="flex justify-end">
             <UButton
-              color="primary"
               variant="soft"
               size="sm"
               icon="i-lucide-save"

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

@@ -356,6 +356,7 @@ function fieldHelp(key: string): string | undefined {
     <div class="flex items-start justify-between gap-3">
       <p class="text-xs text-muted">{{ blurb }}</p>
       <UButton
+        color="neutral"
         :icon="showLogs ? 'i-lucide-chevron-up' : 'i-lucide-scroll-text'"
         variant="ghost"
         size="xs"
@@ -506,13 +507,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/ToolServerChecklist.vue

@@ -242,7 +242,7 @@ async function runProbe(id: string) {
           <UButton
             v-if="server.oauth.connected"
             size="xs"
-            variant="ghost"
+            variant="soft"
             color="error"
             :loading="store.connecting === server.id"
             :disabled="store.connecting !== null"

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/skills/SkillLibraryManager.vue

@@ -236,6 +236,7 @@ async function unlinkSource(id: string) {
           </UBadge>
           <div class="ms-auto flex gap-1">
             <IconButton
+              color="neutral"
               icon="i-lucide-search-check"
               size="xs"
               variant="ghost"
@@ -244,6 +245,7 @@ async function unlinkSource(id: string) {
               @click="checkSource(s.id)"
             />
             <IconButton
+              color="neutral"
               icon="i-lucide-refresh-cw"
               size="xs"
               variant="ghost"