@cat-factory/app 0.310.1 → 0.310.3

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"
@@ -658,6 +657,7 @@ async function copyOutput() {
                provider error, behind a toggle (most useful on a failed-to-start run) -->
           <div v-if="executionId">
             <UButton
+              color="neutral"
               :icon="showProvisioning ? 'i-lucide-chevron-up' : 'i-lucide-scroll-text'"
               variant="ghost"
               size="xs"
@@ -686,6 +686,7 @@ async function copyOutput() {
                superseded and the FAILED attempts, scoped to the step being looked at -->
           <div v-if="hasStepHistory">
             <UButton
+              color="neutral"
               :icon="showHistory ? 'i-lucide-chevron-up' : 'i-lucide-history'"
               variant="ghost"
               size="xs"
@@ -899,7 +900,6 @@ async function copyOutput() {
                 {{ t('common.cancel') }}
               </UButton>
               <UButton
-                color="primary"
                 size="xs"
                 data-testid="step-review-comment-add"
                 :disabled="!draftBody.trim()"
@@ -962,7 +962,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 +987,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 +999,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/InspectorPanel.vue

@@ -678,7 +678,7 @@ const showOriginalDescription = ref(false)
         </UButton>
         <UButton
           color="error"
-          variant="ghost"
+          variant="soft"
           size="sm"
           icon="i-lucide-trash-2"
           :class="isServiceFrame ? '' : 'ms-auto'"

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"

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

@@ -49,7 +49,7 @@ function control(action: 'pause' | 'resume' | 'cancel') {
 <template>
   <div class="space-y-3" data-testid="initiative-inspector">
     <div class="flex items-center gap-2">
-      <UBadge color="primary" variant="subtle" size="sm">
+      <UBadge variant="subtle" size="sm">
         {{ t(INITIATIVE_STATUS_LABEL_KEYS[status]) }}
       </UBadge>
       <span v-if="progress" class="text-2xs text-muted">
@@ -70,7 +70,6 @@ function control(action: 'pause' | 'resume' | 'cancel') {
         data-testid="initiative-review"
         :data-attention="attention.kind"
         color="warning"
-        variant="solid"
         size="sm"
         :icon="INITIATIVE_ATTENTION_ICONS[attention.kind]"
         @click="attention.open()"
@@ -80,8 +79,6 @@ function control(action: 'pause' | 'resume' | 'cancel') {
       <UButton
         v-else-if="awaitingAnswers"
         data-testid="initiative-answer-planning"
-        color="primary"
-        variant="solid"
         size="sm"
         icon="i-lucide-messages-square"
         @click="openPlanning"
@@ -104,7 +101,6 @@ function control(action: 'pause' | 'resume' | 'cancel') {
       </UButton>
       <UButton
         data-testid="initiative-run-planning"
-        color="primary"
         variant="soft"
         size="sm"
         icon="i-lucide-play"
@@ -143,7 +139,6 @@ function control(action: 'pause' | 'resume' | 'cancel') {
       <UButton
         v-if="isPaused"
         data-testid="initiative-resume"
-        color="primary"
         variant="soft"
         size="sm"
         icon="i-lucide-play"

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

@@ -206,9 +206,7 @@ function fmtTime(ms: number) {
           "
           >{{ t('common.cancel') }}</UButton
         >
-        <UButton size="xs" color="primary" :loading="busy" @click="saveEdit">{{
-          t('common.save')
-        }}</UButton>
+        <UButton size="xs" :loading="busy" @click="saveEdit">{{ t('common.save') }}</UButton>
       </div>
     </template>
 

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

@@ -101,7 +101,7 @@ async function clear() {
       <UButton
         v-if="saved"
         color="error"
-        variant="ghost"
+        variant="soft"
         size="xs"
         icon="i-lucide-trash-2"
         :loading="busy"
@@ -145,14 +145,7 @@ async function clear() {
         <UInput v-model="draft.envTag" placeholder="prod" size="sm" class="w-full" />
       </UFormField>
       <div class="flex justify-end">
-        <UButton
-          color="primary"
-          variant="soft"
-          size="xs"
-          icon="i-lucide-save"
-          :loading="busy"
-          @click="save"
-        >
+        <UButton variant="soft" size="xs" icon="i-lucide-save" :loading="busy" @click="save">
           {{ t('inspector.releaseHealth.saveMonitoring') }}
         </UButton>
       </div>

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

@@ -204,7 +204,6 @@ async function stop(mode: EnvironmentTestMode) {
         v-if="!isRunning('provision')"
         icon="i-lucide-flask-conical"
         size="xs"
-        color="primary"
         variant="soft"
         data-testid="env-test-start"
         :loading="starting.provision"
@@ -291,7 +290,6 @@ async function stop(mode: EnvironmentTestMode) {
         v-if="!isRunning('agent-probe')"
         icon="i-lucide-bot"
         size="xs"
-        color="primary"
         variant="soft"
         data-testid="env-probe-start"
         :loading="starting['agent-probe']"

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

@@ -467,7 +467,6 @@ function setSize(value: InstanceSize) {
       <UButton
         size="xs"
         variant="soft"
-        color="primary"
         icon="i-lucide-flask-conical"
         data-testid="env-setup-nudge-open"
         @click="ui.openEnvironmentSetup(props.block.id)"
@@ -484,7 +483,6 @@ function setSize(value: InstanceSize) {
         <UButton
           size="xs"
           variant="soft"
-          color="primary"
           icon="i-lucide-wand-sparkles"
           :loading="detecting"
           @click="detectFromRepo"
@@ -811,7 +809,6 @@ function setSize(value: InstanceSize) {
           <UButton
             size="xs"
             variant="soft"
-            color="primary"
             icon="i-lucide-file-cog"
             :loading="generating"
             :disabled="!customManifestPath && !selectedCustomType?.defaultManifestPath"
@@ -877,7 +874,7 @@ function setSize(value: InstanceSize) {
               </template>
               <template v-else>{{ t('inspector.testConfig.noFileSelected') }}</template>
             </p>
-            <UButton size="xs" color="primary" :disabled="!pickedPath" @click="applyPicked">
+            <UButton size="xs" :disabled="!pickedPath" @click="applyPicked">
               {{ t('inspector.testConfig.useThisFile') }}
             </UButton>
           </div>

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

@@ -152,7 +152,7 @@ async function clearAll() {
       <UButton
         v-if="configured.length"
         color="error"
-        variant="ghost"
+        variant="soft"
         size="xs"
         icon="i-lucide-trash-2"
         :loading="busy"
@@ -250,7 +250,6 @@ async function clearAll() {
           {{ t('inspector.testSecrets.addRow') }}
         </UButton>
         <UButton
-          color="primary"
           variant="soft"
           size="xs"
           icon="i-lucide-save"

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

@@ -124,7 +124,6 @@ function revert() {
           {{ t('inspector.testingContext.revert') }}
         </UButton>
         <UButton
-          color="primary"
           variant="soft"
           size="xs"
           icon="i-lucide-save"

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

@@ -209,7 +209,7 @@ async function clear() {
       <UButton
         v-if="configured"
         color="error"
-        variant="ghost"
+        variant="soft"
         size="xs"
         icon="i-lucide-trash-2"
         :loading="busy"
@@ -319,7 +319,6 @@ async function clear() {
             {{ t('inspector.validationChecks.addCheck') }}
           </UButton>
           <UButton
-            color="primary"
             variant="soft"
             size="xs"
             icon="i-lucide-save"

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

@@ -347,7 +347,7 @@ async function mergePr() {
           <UButton
             icon="i-lucide-trash-2"
             color="error"
-            variant="ghost"
+            variant="soft"
             size="xs"
             :loading="resetting"
             :disabled="stopping || !access.canExecuteRuns.value"
@@ -496,7 +496,6 @@ async function mergePr() {
                  branch each is how the candidate park shipped with no button at all. -->
             <UButton
               v-else-if="s.approval && s.approval.status === 'pending' && redirectPark(s)"
-              color="primary"
               variant="soft"
               size="xs"
               :icon="REDIRECT_PARK_PRESENTATION[redirectPark(s)!].icon"
@@ -514,7 +513,6 @@ async function mergePr() {
                 s.approval.status === 'pending' &&
                 s.prReview?.status === 'awaiting_selection'
               "
-              color="primary"
               variant="soft"
               size="xs"
               icon="i-lucide-clipboard-check"
@@ -630,7 +628,6 @@ async function mergePr() {
          merged task whose run instance is long gone. -->
     <UButton
       v-if="outcomeReadable"
-      color="primary"
       variant="soft"
       size="sm"
       icon="i-lucide-clipboard-check"
@@ -690,7 +687,6 @@ async function mergePr() {
       <UButton
         class="mt-2"
         color="success"
-        variant="solid"
         size="sm"
         icon="i-lucide-git-merge"
         block

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

@@ -133,7 +133,6 @@ function revert() {
     </p>
     <UButton
       v-if="guidedTarget"
-      color="primary"
       variant="soft"
       size="sm"
       icon="i-lucide-scan-search"
@@ -151,7 +150,6 @@ function revert() {
       <div v-if="dirty" class="mt-2 flex items-center gap-2">
         <UButton
           size="xs"
-          color="primary"
           variant="soft"
           :loading="saving"
           data-testid="inspector-review-skills-save"

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

@@ -305,13 +305,7 @@ const technicalLabel = computed(() => {
         </PipelinePicker>
       </div>
       <div v-if="selectedPipeline" class="flex items-center gap-1">
-        <UBadge
-          color="primary"
-          variant="subtle"
-          size="sm"
-          class="cursor-pointer"
-          @click="setPipeline('')"
-        >
+        <UBadge variant="subtle" size="sm" class="cursor-pointer" @click="setPipeline('')">
           {{ selectedPipeline.name }}<UIcon name="i-lucide-x" class="ms-0.5 h-3 w-3" />
         </UBadge>
       </div>
@@ -615,13 +609,7 @@ const technicalLabel = computed(() => {
         </UDropdownMenu>
       </div>
       <div v-if="responsibleLabel" class="flex items-center gap-1">
-        <UBadge
-          color="primary"
-          variant="subtle"
-          size="sm"
-          class="cursor-pointer"
-          @click="setResponsible('')"
-        >
+        <UBadge variant="subtle" size="sm" class="cursor-pointer" @click="setResponsible('')">
           {{ responsibleLabel }}<UIcon name="i-lucide-x" class="ms-0.5 h-3 w-3" />
         </UBadge>
       </div>

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

@@ -92,7 +92,6 @@ function revert() {
     <div v-if="dirty" class="mt-2 flex items-center gap-2">
       <UButton
         size="xs"
-        color="primary"
         variant="soft"
         :loading="saving"
         :disabled="problems.length > 0"

package/app/components/pipeline/AgentPromptEditor.vue

@@ -242,7 +242,6 @@ function revisionLabel(revision: AgentPromptRevision): string {
 
         <div class="flex flex-wrap items-center gap-2">
           <UButton
-            color="primary"
             size="sm"
             icon="i-lucide-save"
             :loading="prompts.saving"
@@ -308,7 +307,6 @@ function revisionLabel(revision: AgentPromptRevision): string {
             >
               <UBadge
                 v-if="revision.revision === detail.revisions[0]?.revision"
-                color="primary"
                 variant="subtle"
                 size="sm"
               >

package/app/components/pipeline/IterationCapPrompt.vue

@@ -41,7 +41,6 @@ const emit = defineEmits<{ resolve: [choice: IterationCapChoice] }>()
     <p class="mt-1 text-xs text-app-warning-200/80">{{ detail }}</p>
     <div class="mt-3 flex flex-wrap gap-2">
       <UButton
-        color="primary"
         variant="soft"
         size="xs"
         icon="i-lucide-rotate-cw"

package/app/components/pipeline/PipelineBuilder.vue

@@ -428,13 +428,7 @@ const { toggleArchive, toggleDefault, edit, removePipeline, clone } = usePipelin
             <SectionLabel as="h3">
               {{ t('pipeline.builder.agentPalette') }}
             </SectionLabel>
-            <UButton
-              color="primary"
-              variant="soft"
-              size="xs"
-              icon="i-lucide-plus"
-              @click="openAddAgent"
-            >
+            <UButton variant="soft" size="xs" icon="i-lucide-plus" @click="openAddAgent">
               {{ t('pipeline.builder.addAgent') }}
             </UButton>
           </div>
@@ -1243,7 +1237,6 @@ const { toggleArchive, toggleDefault, edit, removePipeline, clone } = usePipelin
                        concealed-setting failure. -->
                   <UBadge
                     v-if="p.isDefault"
-                    color="primary"
                     variant="subtle"
                     size="xs"
                     class="shrink-0"
@@ -1347,7 +1340,7 @@ const { toggleArchive, toggleDefault, edit, removePipeline, clone } = usePipelin
                   <IconButton
                     v-if="!p.builtin"
                     icon="i-lucide-trash-2"
-                    color="neutral"
+                    color="error"
                     variant="ghost"
                     size="xs"
                     :label="t('pipeline.builder.delete')"
@@ -1396,7 +1389,6 @@ const { toggleArchive, toggleDefault, edit, removePipeline, clone } = usePipelin
           {{ pipelines.editingId ? t('pipeline.builder.cancelEdit') : t('pipeline.builder.clear') }}
         </UButton>
         <UButton
-          color="primary"
           icon="i-lucide-save"
           size="sm"
           :disabled="pipelines.draft.length === 0 || stepsDisallowedByPurpose.length > 0"
@@ -1465,7 +1457,6 @@ const { toggleArchive, toggleDefault, edit, removePipeline, clone } = usePipelin
           {{ t('common.cancel') }}
         </UButton>
         <UButton
-          color="primary"
           icon="i-lucide-plus"
           size="sm"
           :disabled="!newAgentName.trim()"

package/app/components/pipeline/PipelineHealthModal.vue

@@ -151,7 +151,6 @@ const reseedableCount = computed(
               </div>
               <UButton
                 size="xs"
-                color="primary"
                 variant="subtle"
                 icon="i-lucide-plus"
                 :loading="isBusy(p.id)"
@@ -207,7 +206,6 @@ const reseedableCount = computed(
                 <UButton
                   v-if="h.pipeline.builtin"
                   size="xs"
-                  color="primary"
                   variant="subtle"
                   icon="i-lucide-rotate-ccw"
                   :loading="isBusy(h.pipeline.id)"
@@ -220,7 +218,7 @@ const reseedableCount = computed(
                   v-else
                   size="xs"
                   color="error"
-                  variant="subtle"
+                  variant="soft"
                   icon="i-lucide-trash-2"
                   :loading="isBusy(h.pipeline.id)"
                   :disabled="locked"
@@ -261,7 +259,7 @@ const reseedableCount = computed(
               <UButton
                 size="xs"
                 color="error"
-                variant="subtle"
+                variant="soft"
                 icon="i-lucide-trash-2"
                 :loading="isBusy(r.pipeline.id)"
                 :disabled="locked"
@@ -296,7 +294,6 @@ const reseedableCount = computed(
               </div>
               <UButton
                 size="xs"
-                color="primary"
                 variant="subtle"
                 icon="i-lucide-rotate-ccw"
                 :loading="isBusy(h.pipeline.id)"
@@ -315,7 +312,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"