@cat-factory/app 0.310.0 → 0.310.2

package/app/components/followUp/FollowUpWindow.vue

@@ -246,7 +246,6 @@ function hasRecordedAnswer(item: FollowUpItem): boolean {
                   <div class="flex flex-wrap items-center gap-2">
                     <UButton
                       size="xs"
-                      color="primary"
                       :loading="followUps.isActing(item.id)"
                       :disabled="!(drafts[item.id] ?? '').trim() || !access.canExecuteRuns.value"
                       :title="access.canExecuteRuns.value ? undefined : t('access.noRunExecute')"
@@ -287,7 +286,6 @@ function hasRecordedAnswer(item: FollowUpItem): boolean {
                 <div v-else class="flex flex-wrap items-center gap-2">
                   <UButton
                     size="xs"
-                    color="primary"
                     icon="i-lucide-ticket"
                     :loading="followUps.isActing(item.id)"
                     :disabled="!access.canExecuteRuns.value"

package/app/components/forkDecision/ForkDecisionWindow.vue

@@ -238,7 +238,7 @@ const { requestClose } = useUnsavedGuard({
           <template #label="{ item }">
             <span class="flex items-center gap-2">
               <span class="min-w-0 flex-1 text-sm font-medium text-app-100">{{ item.label }}</span>
-              <UBadge v-if="item.fork?.recommended" color="primary" variant="subtle" size="sm">
+              <UBadge v-if="item.fork?.recommended" variant="subtle" size="sm">
                 {{ t('forkDecision.recommended') }}
               </UBadge>
             </span>
@@ -382,7 +382,6 @@ const { requestClose } = useUnsavedGuard({
       </UButton>
       <UButton
         data-testid="fork-option-choose"
-        color="primary"
         size="sm"
         icon="i-lucide-check"
         :loading="forkDecision.choosing"

package/app/components/fragments/FragmentSelector.vue

@@ -169,7 +169,6 @@ function manageAccount() {
       <UBadge
         v-for="f in selectedFragments"
         :key="f.id"
-        color="primary"
         variant="subtle"
         size="sm"
         class="cursor-pointer"

package/app/components/gates/GateResultView.vue

@@ -303,7 +303,6 @@ const conflictVerdict = computed(() => {
               <div class="mt-2 flex justify-end">
                 <UButton
                   size="sm"
-                  color="primary"
                   icon="i-lucide-wrench"
                   :loading="fixBusy"
                   :disabled="

package/app/components/github/AddServiceFromRepoModal.vue

@@ -597,7 +597,6 @@ function done() {
 
                 <div class="flex justify-end">
                   <UButton
-                    color="primary"
                     icon="i-lucide-plus"
                     size="sm"
                     :loading="adding"
@@ -675,7 +674,6 @@ function done() {
             </UButton>
             <UButton
               v-if="!isMonorepo && !configuredBlock"
-              color="primary"
               icon="i-lucide-plus"
               :loading="adding"
               :disabled="!canAdd"

package/app/components/github/GitHubConnect.vue

@@ -151,7 +151,6 @@ async function connectManually() {
         <UButton
           v-else
           size="xs"
-          color="primary"
           variant="subtle"
           icon="i-lucide-plug"
           :loading="connectingId === inst.installationId"
@@ -164,7 +163,7 @@ async function connectManually() {
     </section>
 
     <USeparator :label="t('github.connect.or')" />
-    <UButton color="primary" icon="i-lucide-github" :loading="installing" @click="install">
+    <UButton icon="i-lucide-github" :loading="installing" @click="install">
       {{ t('github.connect.installApp') }}
     </UButton>
 

package/app/components/github/GitHubPanel.vue

@@ -453,7 +453,6 @@ async function merge(pr: GitHubPullRequest) {
                   {{ t('common.cancel') }}
                 </UButton>
                 <UButton
-                  color="primary"
                   size="sm"
                   icon="i-lucide-save"
                   :loading="github.savingRepos"
@@ -625,7 +624,6 @@ async function merge(pr: GitHubPullRequest) {
               </div>
               <div class="flex justify-end">
                 <UButton
-                  color="primary"
                   icon="i-lucide-git-pull-request"
                   :loading="openingPr"
                   :disabled="!canOpenPr"

package/app/components/github/RepoTreeBrowser.vue

@@ -207,7 +207,6 @@ watch(
           class="flex items-center justify-between gap-2 px-3 py-1.5"
         >
           <UButton
-            color="primary"
             variant="ghost"
             class="flex items-center gap-2 truncate p-0 text-sm text-default hover:bg-transparent hover:text-primary"
             @click="browseTo(entry.path)"
@@ -258,7 +257,6 @@ watch(
               @update:model-value="toggleAllFiles"
             />
             <UButton
-              color="primary"
               variant="ghost"
               class="p-0 text-xs text-muted hover:bg-transparent hover:text-primary"
               @click="toggleAllFiles"
@@ -285,7 +283,6 @@ watch(
                 @update:model-value="pick(entry.path)"
               />
               <UButton
-                color="primary"
                 variant="ghost"
                 class="flex items-center gap-2 truncate p-0 text-sm hover:bg-transparent hover:text-primary"
                 :class="isPicked(entry.path) ? 'text-primary' : 'text-toned'"

package/app/components/guidedReview/GuidedReviewDraftCard.vue

@@ -111,7 +111,7 @@ async function discard(): Promise<void> {
           ]"
           :aria-label="t('guidedReview.drafts.sideLabel')"
         />
-        <UButton size="sm" color="primary" :loading="saving" @click="save">
+        <UButton size="sm" :loading="saving" @click="save">
           {{ t('guidedReview.drafts.save') }}
         </UButton>
         <UButton size="sm" variant="ghost" :disabled="saving" @click="editing = false">

package/app/components/guidedReview/GuidedReviewPicker.vue

@@ -80,7 +80,6 @@ function submit(number = prNumber.value): void {
           />
         </UFormField>
         <UButton
-          color="primary"
           icon="i-lucide-scan-search"
           :loading="opening"
           :disabled="!repo || !prNumber"

package/app/components/guidedReview/GuidedReviewThread.vue

@@ -196,7 +196,6 @@ async function draftComments(): Promise<void> {
           />
           <div class="flex flex-wrap items-center gap-2">
             <UButton
-              color="primary"
               icon="i-lucide-upload"
               :loading="posting"
               :disabled="!toPost.length"
@@ -242,7 +241,6 @@ async function draftComments(): Promise<void> {
           data-testid="guided-review-deep"
         />
         <UButton
-          color="primary"
           icon="i-lucide-send"
           :loading="sending"
           :disabled="!canSend"

package/app/components/humanTest/HumanTestWindow.vue

@@ -353,7 +353,6 @@ const canDestroy = computed(
         :failure-at="instance?.failure?.occurredAt"
       />
       <UButton
-        color="primary"
         icon="i-lucide-circle-check"
         :loading="busy"
         :disabled="busy || !awaitingHuman || !access.canExecuteRuns.value"

package/app/components/initiative/InitiativePlanDecision.vue

@@ -114,7 +114,6 @@ const disabledTitle = computed(() => (props.canExecute ? undefined : t('access.n
     />
     <div class="mt-2 flex flex-wrap items-center gap-2">
       <UButton
-        color="primary"
         size="xs"
         icon="i-lucide-check"
         data-testid="initiative-plan-approve"

package/app/components/initiative/InitiativePlanReview.vue

@@ -346,7 +346,6 @@ async function copyPlan() {
               {{ t('common.cancel') }}
             </UButton>
             <UButton
-              color="primary"
               size="xs"
               data-testid="initiative-plan-comment-add"
               :disabled="!draftBody.trim()"

package/app/components/initiative/InitiativePlanningWindow.vue

@@ -204,7 +204,7 @@ async function onDiscard() {
     @close="close"
   >
     <template v-if="initiative" #header-extras>
-      <UBadge color="primary" variant="subtle" size="sm">
+      <UBadge variant="subtle" size="sm">
         {{ t(INITIATIVE_STATUS_LABEL_KEYS[initiative.status]) }}
       </UBadge>
     </template>
@@ -383,7 +383,6 @@ async function onDiscard() {
           {{ t('initiative.planning.proceed') }}
         </UButton>
         <UButton
-          color="primary"
           size="sm"
           :loading="resuming"
           :disabled="unanswered > 0 || resetting"

package/app/components/initiative/InitiativeTrackerWindow.vue

@@ -329,7 +329,7 @@ const { requestClose } = useUnsavedGuard({
           {{ t('initiative.card.progress', { done: progress.settled, total: progress.total }) }}
         </span>
       </div>
-      <UBadge v-if="initiative" color="primary" variant="subtle" size="sm">
+      <UBadge v-if="initiative" variant="subtle" size="sm">
         {{ t(INITIATIVE_STATUS_LABEL_KEYS[initiative.status]) }}
       </UBadge>
     </template>

package/app/components/inputGate/InputGateNotice.vue

@@ -170,7 +170,6 @@ async function resolve(choice: 'recheck' | 'proceed') {
 
         <div v-if="blocking" class="mt-3 flex flex-wrap items-center gap-2">
           <UButton
-            color="primary"
             size="xs"
             icon="i-lucide-refresh-cw"
             :loading="inputGate.resolving"

package/app/components/judge/JudgeResultView.vue

@@ -293,7 +293,6 @@ async function act(choice: 'proceed' | 'bounce' | 'stop') {
             </UButton>
             <UButton
               size="sm"
-              color="primary"
               icon="i-lucide-circle-check"
               :loading="busy"
               :disabled="!canAct"

package/app/components/layout/AccountDeploymentSettings.vue

@@ -479,13 +479,7 @@ async function clearWeb() {
         />
       </div>
       <div class="flex gap-2">
-        <UButton
-          color="primary"
-          size="xs"
-          icon="i-lucide-save"
-          :loading="savingSlack"
-          @click="saveSlack"
-        >
+        <UButton size="xs" icon="i-lucide-save" :loading="savingSlack" @click="saveSlack">
           {{ t('common.save') }}
         </UButton>
         <UButton
@@ -540,13 +534,7 @@ async function clearWeb() {
         />
       </div>
       <div class="flex gap-2">
-        <UButton
-          color="primary"
-          size="xs"
-          icon="i-lucide-save"
-          :loading="savingLinear"
-          @click="saveLinear"
-        >
+        <UButton size="xs" icon="i-lucide-save" :loading="savingLinear" @click="saveLinear">
           {{ t('common.save') }}
         </UButton>
         <UButton
@@ -601,13 +589,7 @@ async function clearWeb() {
         />
       </div>
       <div class="flex gap-2">
-        <UButton
-          color="primary"
-          size="xs"
-          icon="i-lucide-save"
-          :loading="savingFigma"
-          @click="saveFigma"
-        >
+        <UButton size="xs" icon="i-lucide-save" :loading="savingFigma" @click="saveFigma">
           {{ t('common.save') }}
         </UButton>
         <UButton
@@ -658,13 +640,7 @@ async function clearWeb() {
         />
       </div>
       <div class="flex gap-2">
-        <UButton
-          color="primary"
-          size="xs"
-          icon="i-lucide-save"
-          :loading="savingWeb"
-          @click="saveWeb"
-        >
+        <UButton size="xs" icon="i-lucide-save" :loading="savingWeb" @click="saveWeb">
           {{ t('common.save') }}
         </UButton>
         <UButton
@@ -795,13 +771,7 @@ async function clearWeb() {
       </template>
 
       <div class="flex gap-2">
-        <UButton
-          color="primary"
-          size="xs"
-          icon="i-lucide-save"
-          :loading="savingStorage"
-          @click="saveStorage"
-        >
+        <UButton size="xs" icon="i-lucide-save" :loading="savingStorage" @click="saveStorage">
           {{ t('common.save') }}
         </UButton>
       </div>

package/app/components/layout/AccountModelPolicySettings.vue

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

package/app/components/layout/AccountPlatformAlertSettings.vue

@@ -342,7 +342,6 @@ const hasOverrides = computed(
 
     <div class="flex gap-2">
       <UButton
-        color="primary"
         size="xs"
         icon="i-lucide-save"
         :loading="saving"

package/app/components/layout/AccountRunCredentialSettings.vue

@@ -80,7 +80,6 @@ async function save() {
 
     <div class="flex justify-end">
       <UButton
-        color="primary"
         size="xs"
         icon="i-lucide-save"
         :loading="saving"

package/app/components/layout/AccountTeamSettings.vue

@@ -214,7 +214,7 @@ async function disconnectEmail() {
           :placeholder="t('layout.accountTeam.org.namePlaceholder')"
           class="flex-1"
         />
-        <UButton type="submit" color="primary" :loading="busy" icon="i-lucide-plus">
+        <UButton type="submit" :loading="busy" icon="i-lucide-plus">
           {{ t('layout.accountTeam.org.create') }}
         </UButton>
       </UForm>
@@ -280,7 +280,7 @@ async function disconnectEmail() {
           class="flex-1"
         />
         <USelect v-model="inviteRoles" multiple :items="ROLE_ITEMS" class="w-44" />
-        <UButton type="submit" color="primary" :loading="busy" icon="i-lucide-send">
+        <UButton type="submit" :loading="busy" icon="i-lucide-send">
           {{ t('layout.accountTeam.invite.submit') }}
         </UButton>
       </UForm>
@@ -345,7 +345,7 @@ async function disconnectEmail() {
             :placeholder="t('layout.accountTeam.email.apiKeyPlaceholder')"
             class="w-full"
           />
-          <UButton type="submit" color="primary" :loading="busy">
+          <UButton type="submit" :loading="busy">
             {{ t('layout.accountTeam.email.connect') }}
           </UButton>
         </UForm>

package/app/components/layout/AiProvidersBanner.vue

@@ -47,12 +47,7 @@ const show = computed(() => showSetup.value || showPreset.value)
               {{ t('layout.aiProvidersBanner.setup.body') }}
             </p>
             <div class="mt-4">
-              <UButton
-                color="warning"
-                variant="solid"
-                icon="i-lucide-settings"
-                @click="ui.openAiProviderSetup()"
-              >
+              <UButton color="warning" icon="i-lucide-settings" @click="ui.openAiProviderSetup()">
                 {{ t('layout.aiProvidersBanner.setup.action') }}
               </UButton>
             </div>
@@ -92,7 +87,6 @@ const show = computed(() => showSetup.value || showPreset.value)
               <UButton
                 size="sm"
                 color="warning"
-                variant="solid"
                 icon="i-lucide-cpu"
                 @click="ui.openAiPresetMismatch()"
               >

package/app/components/layout/BoardSwitcher.vue

@@ -339,7 +339,7 @@ async function submitPrompt() {
             >
               {{ t('common.cancel') }}
             </UButton>
-            <UButton type="submit" color="primary" :loading="busy">
+            <UButton type="submit" :loading="busy">
               {{ prompt ? promptMeta[prompt].cta : '' }}
             </UButton>
           </div>

package/app/components/layout/DefaultTestEnvBanner.vue

@@ -82,7 +82,6 @@ function openConfig(event: MouseEvent) {
               :to="configUrl"
               size="sm"
               color="info"
-              variant="solid"
               icon="i-lucide-settings"
               data-testid="default-test-env-configure"
               @click="openConfig"

package/app/components/layout/GitHubPatBanner.vue

@@ -53,7 +53,6 @@ const show = computed(() => !!setupUrl.value && !dismissed.value)
                 target="_blank"
                 rel="noopener noreferrer"
                 color="warning"
-                variant="solid"
                 icon="i-lucide-external-link"
                 trailing
               >

package/app/components/layout/GitHubPatPermissionsBanner.vue

@@ -174,7 +174,6 @@ const fineGrainedPermissions = GITHUB_PAT_FINE_GRAINED_PERMISSIONS.join(', ')
                 target="_blank"
                 rel="noopener noreferrer"
                 color="error"
-                variant="solid"
                 icon="i-lucide-external-link"
                 trailing
               >

package/app/components/layout/InfraSetupBanner.vue

@@ -265,7 +265,6 @@ function dismissMenu(card: AreaCard): DropdownMenuItem[][] {
             <div class="mt-4">
               <UButton
                 :color="card.kind === 'outage' ? 'error' : 'warning'"
-                variant="solid"
                 icon="i-lucide-settings"
                 :data-testid="`infra-setup-configure-${card.area}`"
                 @click="AREA_META[card.area].onConfigure()"

package/app/components/layout/IntegrationsHub.vue

@@ -400,7 +400,6 @@ const filteredGroups = computed<IntegrationGroup[]>(() => {
               v-for="item in recommendedActions"
               :key="`rec:${item.key}`"
               size="xs"
-              color="primary"
               variant="soft"
               :icon="item.icon"
               @click="item.onClick()"
@@ -450,7 +449,6 @@ const filteredGroups = computed<IntegrationGroup[]>(() => {
                   }}</span>
                   <UBadge
                     v-if="!anyConnected && item.recommended && !item.connected"
-                    color="primary"
                     variant="subtle"
                     size="sm"
                   >

package/app/components/layout/ModelProvidersHub.vue

@@ -225,12 +225,7 @@ const filteredGroups = computed<ProviderGroup[]>(() => {
                   <span v-else class="text-2xs text-dimmed">{{
                     t('layout.modelProvidersHub.status.notConnected')
                   }}</span>
-                  <UBadge
-                    v-if="!anyConnected && item.recommended"
-                    color="primary"
-                    variant="subtle"
-                    size="sm"
-                  >
+                  <UBadge v-if="!anyConnected && item.recommended" variant="subtle" size="sm">
                     {{ t('layout.modelProvidersHub.status.recommended') }}
                   </UBadge>
                 </div>

package/app/components/layout/ProviderConfigBanner.vue

@@ -77,7 +77,6 @@ const show = computed(() => pending.value.length > 0 && !dismissed.value)
                 v-for="k in pending"
                 :key="k"
                 color="warning"
-                variant="solid"
                 icon="i-lucide-settings"
                 @click="ui.openProviderConnection(k)"
               >

package/app/components/layout/SideBar.vue

@@ -258,7 +258,6 @@ watch(
               v-for="item in section.items"
               :key="item.id"
               :block="!railed"
-              color="primary"
               variant="soft"
               size="sm"
               :icon="item.icon"

package/app/components/layout/SpendWarningBanner.vue

@@ -80,7 +80,6 @@ async function resume() {
             <div class="mt-4 flex items-center gap-3">
               <UButton
                 color="error"
-                variant="solid"
                 icon="i-lucide-play"
                 :loading="resuming"
                 :disabled="!access.canExecuteRuns.value"

package/app/components/layout/WorkspaceMembersSettings.vue

@@ -234,7 +234,6 @@ function memberLabel(userId: string, name?: string | null, email?: string | null
           <USelect v-model="addRole" :items="ROLE_ITEMS" value-key="value" class="w-32" />
           <UButton
             type="submit"
-            color="primary"
             icon="i-lucide-user-plus"
             :loading="busy"
             :disabled="!addUserId"

package/app/components/notifications/NotificationSettingsPanel.vue

@@ -230,7 +230,6 @@ function resetToDefaults() {
               {{ t('notificationSettings.action.reset') }}
             </UButton>
             <UButton
-              color="primary"
               variant="soft"
               size="xs"
               icon="i-lucide-save"

package/app/components/outcome/OutcomeSummaryWindow.vue

@@ -427,7 +427,6 @@ function openTestReport() {
         <UBadge
           :color="DISPOSITION_COLOR[disposition]"
           variant="subtle"
-          size="md"
           data-testid="outcome-disposition"
           :data-disposition="disposition"
         >
@@ -535,7 +534,6 @@ function openTestReport() {
             <UBadge
               v-if="outcome.requirements.regressions > 0"
               color="error"
-              variant="solid"
               size="sm"
               icon="i-lucide-triangle-alert"
               data-testid="outcome-regressions"
@@ -780,7 +778,6 @@ function openTestReport() {
               target="_blank"
               rel="noopener"
               external
-              color="primary"
               variant="soft"
               size="xs"
               class="mt-1.5"

package/app/components/panels/AgentStepDetail.vue

@@ -614,7 +614,6 @@ async function copyOutput() {
             </p>
             <UButton
               class="mt-3"
-              color="primary"
               size="sm"
               :icon="parkPresentation.icon"
               data-testid="dedicated-park-open"
@@ -899,7 +898,6 @@ async function copyOutput() {
                 {{ t('common.cancel') }}
               </UButton>
               <UButton
-                color="primary"
                 size="xs"
                 data-testid="step-review-comment-add"
                 :disabled="!draftBody.trim()"
@@ -962,7 +960,6 @@ async function copyOutput() {
         class="space-y-2 border-t border-default px-4 pt-3 pb-[calc(0.75rem+env(safe-area-inset-bottom))]"
       >
         <UButton
-          color="primary"
           size="sm"
           icon="i-lucide-check"
           block
@@ -988,7 +985,6 @@ async function copyOutput() {
         class="space-y-2 border-t border-default px-4 pt-3 pb-[calc(0.75rem+env(safe-area-inset-bottom))]"
       >
         <UButton
-          color="primary"
           data-testid="step-approve"
           size="sm"
           icon="i-lucide-check"
@@ -1001,7 +997,6 @@ async function copyOutput() {
         </UButton>
         <UButton
           v-if="proposalEditableNow"
-          color="primary"
           variant="soft"
           size="sm"
           icon="i-lucide-pencil"

package/app/components/panels/DecisionModal.vue

@@ -81,7 +81,6 @@ async function choose(option: string) {
           <UButton
             v-for="opt in decision.options"
             :key="opt"
-            color="primary"
             variant="soft"
             block
             data-testid="decision-option"

package/app/components/panels/inspector/ContainerSummary.vue

@@ -60,7 +60,7 @@ function addTask() {
   >
     <template #actions>
       <ReviewDebtBadge />
-      <UButton size="xs" variant="soft" color="primary" icon="i-lucide-plus" @click="addTask">
+      <UButton size="xs" variant="soft" icon="i-lucide-plus" @click="addTask">
         {{ t('inspector.container.addTask') }}
       </UButton>
     </template>

package/app/components/panels/inspector/FrontendConfig.vue

@@ -238,7 +238,6 @@ onUnmounted(() => preview.stopPolling(props.block.id))
         <UButton
           size="xs"
           variant="soft"
-          color="primary"
           icon="i-lucide-wand-sparkles"
           :loading="detecting"
           data-testid="frontend-detect-button"
@@ -285,7 +284,6 @@ onUnmounted(() => preview.stopPolling(props.block.id))
           <UButton
             size="xs"
             variant="soft"
-            color="primary"
             icon="i-lucide-check"
             data-testid="frontend-detect-apply"
             @click="applyDetection"
@@ -627,7 +625,6 @@ onUnmounted(() => preview.stopPolling(props.block.id))
               rel="noopener"
               size="xs"
               variant="soft"
-              color="primary"
               trailing-icon="i-lucide-external-link"
               data-testid="preview-url"
             >
@@ -640,7 +637,6 @@ onUnmounted(() => preview.stopPolling(props.block.id))
               v-if="previewStatus === 'stopped' || previewStatus === 'failed'"
               size="xs"
               variant="soft"
-              color="primary"
               icon="i-lucide-play"
               :loading="previewBusy"
               data-testid="preview-start"