@cat-factory/app 0.310.1 → 0.310.3

package/app/components/focus/BlockFocusView.vue

@@ -134,7 +134,6 @@ function openApprovalFor(approvalId: string) {
         <!-- An initiative has one legal pipeline, so it gets the button, not the picker. -->
         <UButton
           v-if="isInitiative"
-          color="primary"
           variant="soft"
           size="sm"
           icon="i-lucide-play"
@@ -177,7 +176,6 @@ function openApprovalFor(approvalId: string) {
         >
           <template #trigger>
             <UButton
-              color="primary"
               variant="soft"
               size="sm"
               icon="i-lucide-play"

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/foundational/FoundationalServiceCatalogList.vue

@@ -105,6 +105,7 @@ async function suppress(serviceId: string) {
 
           <div class="mt-2 flex items-center gap-2">
             <UButton
+              color="neutral"
               v-if="s.contracts.length"
               size="xs"
               variant="ghost"
@@ -141,6 +142,7 @@ async function suppress(serviceId: string) {
                deployment registered in code; the board's own row is managed in the registry tab,
                where deleting it is the honest action. -->
           <IconButton
+            color="neutral"
             v-if="s.tier !== 'workspace'"
             icon="i-lucide-eye-off"
             size="xs"

package/app/components/foundational/FoundationalServiceRegistry.vue

@@ -205,6 +205,7 @@ async function remove(service: FoundationalService) {
         </div>
         <div class="flex shrink-0 gap-1">
           <IconButton
+            color="neutral"
             v-if="!s.sourceId"
             icon="i-lucide-pencil"
             size="xs"
@@ -310,7 +311,13 @@ async function remove(service: FoundationalService) {
               :placeholder="t('foundational.registry.contractBodyPlaceholder')"
             />
           </div>
-          <UButton icon="i-lucide-plus" size="xs" variant="ghost" @click="addContract">
+          <UButton
+            color="neutral"
+            icon="i-lucide-plus"
+            size="xs"
+            variant="ghost"
+            @click="addContract"
+          >
             {{ t('foundational.registry.addContract') }}
           </UButton>
         </div>
@@ -325,7 +332,7 @@ async function remove(service: FoundationalService) {
           >
             {{ t('foundational.registry.save') }}
           </UButton>
-          <UButton size="sm" variant="ghost" @click="editing = null">
+          <UButton color="neutral" size="sm" variant="ghost" @click="editing = null">
             {{ t('foundational.registry.cancel') }}
           </UButton>
         </div>

package/app/components/foundational/FoundationalServiceSources.vue

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

package/app/components/foundational/FoundationalSuppressions.vue

@@ -81,6 +81,7 @@ async function restore(serviceId: string) {
         </p>
       </div>
       <UButton
+        color="neutral"
         icon="i-lucide-eye"
         size="xs"
         variant="ghost"

package/app/components/fragments/FragmentLibraryManager.vue

@@ -752,6 +752,7 @@ async function unlinkSource(id: string) {
               <!-- Editing a repo-SOURCED fragment locally would be overwritten on the next sync,
                    so only hand-authored fragments are editable here. -->
               <IconButton
+                color="neutral"
                 v-if="!f.source"
                 icon="i-lucide-pencil"
                 size="xs"
@@ -868,6 +869,7 @@ async function unlinkSource(id: string) {
           </div>
           <div class="ms-auto flex gap-1">
             <IconButton
+              color="neutral"
               icon="i-lucide-refresh-cw"
               size="xs"
               variant="ghost"
@@ -1026,6 +1028,7 @@ async function unlinkSource(id: string) {
           </UBadge>
           <div class="ms-auto flex gap-1">
             <UButton
+              color="neutral"
               icon="i-lucide-search-check"
               size="xs"
               variant="ghost"
@@ -1033,6 +1036,7 @@ async function unlinkSource(id: string) {
               @click="checkSource(s.id)"
             />
             <UButton
+              color="neutral"
               icon="i-lucide-refresh-cw"
               size="xs"
               variant="ghost"

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,7 @@ watch(
           class="flex items-center justify-between gap-2 px-3 py-1.5"
         >
           <UButton
-            color="primary"
+            color="neutral"
             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 +258,7 @@ watch(
               @update:model-value="toggleAllFiles"
             />
             <UButton
-              color="primary"
+              color="neutral"
               variant="ghost"
               class="p-0 text-xs text-muted hover:bg-transparent hover:text-primary"
               @click="toggleAllFiles"
@@ -285,7 +285,7 @@ watch(
                 @update:model-value="pick(entry.path)"
               />
               <UButton
-                color="primary"
+                color="neutral"
                 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,10 +111,16 @@ 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">
+        <UButton
+          color="neutral"
+          size="sm"
+          variant="ghost"
+          :disabled="saving"
+          @click="editing = false"
+        >
           {{ t('guidedReview.drafts.cancel') }}
         </UButton>
       </div>
@@ -126,13 +132,19 @@ async function discard(): Promise<void> {
         {{ t('guidedReview.drafts.postFailed') }}: {{ draft.postError }}
       </p>
       <div v-if="editable" class="mt-2 flex gap-2">
-        <UButton size="xs" variant="ghost" icon="i-lucide-pencil" @click="startEdit">
+        <UButton
+          color="neutral"
+          size="xs"
+          variant="ghost"
+          icon="i-lucide-pencil"
+          @click="startEdit"
+        >
           {{ t('guidedReview.drafts.edit') }}
         </UButton>
         <UButton
+          color="error"
+          variant="soft"
           size="xs"
-          variant="ghost"
-          color="neutral"
           icon="i-lucide-trash-2"
           :loading="saving"
           @click="discard"

package/app/components/guidedReview/GuidedReviewModal.vue

@@ -218,6 +218,7 @@ const title = computed(() =>
               <span class="max-w-48 truncate">{{ threadTitle(tab) }}</span>
             </UButton>
             <UButton
+              color="neutral"
               v-if="!draftOpen"
               size="sm"
               variant="ghost"

package/app/components/guidedReview/GuidedReviewOverview.vue

@@ -36,6 +36,7 @@ const SEVERITY_COLOR = { high: 'error', medium: 'warning', low: 'neutral' } as c
       </UBadge>
       <span class="flex-1" />
       <UButton
+        color="neutral"
         size="xs"
         variant="ghost"
         icon="i-lucide-refresh-cw"

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

@@ -223,9 +223,9 @@ const canDestroy = computed(
               {{ t('humanTest.actions.recreate') }}
             </UButton>
             <UButton
-              size="xs"
+              color="error"
               variant="soft"
-              color="neutral"
+              size="xs"
               icon="i-lucide-trash-2"
               :disabled="busy || !canDestroy || !access.canExecuteRuns.value"
               :title="access.canExecuteRuns.value ? undefined : t('access.noRunExecute')"
@@ -281,6 +281,7 @@ const canDestroy = computed(
               class="w-full"
             />
             <UButton
+              variant="soft"
               size="sm"
               color="warning"
               icon="i-lucide-wrench"
@@ -353,7 +354,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>
@@ -343,7 +343,7 @@ async function onDiscard() {
       <UButton
         v-if="canDiscard"
         color="error"
-        variant="ghost"
+        variant="soft"
         size="sm"
         icon="i-lucide-trash-2"
         :loading="resetting"
@@ -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

@@ -280,6 +280,7 @@ async function act(choice: 'proceed' | 'bounce' | 'stop') {
               {{ t('judge.stop') }}
             </UButton>
             <UButton
+              variant="soft"
               size="sm"
               color="warning"
               icon="i-lucide-undo-2"
@@ -293,7 +294,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,19 +479,13 @@ 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
+          color="error"
+          variant="soft"
           v-if="summary?.slackOAuthConfigured"
-          color="neutral"
-          variant="ghost"
           size="xs"
           :loading="savingSlack"
           @click="clearSlack"
@@ -540,19 +534,13 @@ 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
+          color="error"
+          variant="soft"
           v-if="summary?.linearOAuthConfigured"
-          color="neutral"
-          variant="ghost"
           size="xs"
           :loading="savingLinear"
           @click="clearLinear"
@@ -601,19 +589,13 @@ 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
+          color="error"
+          variant="soft"
           v-if="summary?.figmaOAuthConfigured"
-          color="neutral"
-          variant="ghost"
           size="xs"
           :loading="savingFigma"
           @click="clearFigma"
@@ -658,19 +640,13 @@ 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
+          color="error"
+          variant="soft"
           v-if="summary?.webSearch"
-          color="neutral"
-          variant="ghost"
           size="xs"
           :loading="savingWeb"
           @click="clearWeb"
@@ -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>
@@ -328,7 +328,7 @@ async function disconnectEmail() {
             </template>
             <template #from>{{ accounts.emailConnection.fromAddress }}</template>
           </i18n-t>
-          <UButton size="xs" color="error" variant="ghost" :loading="busy" @click="disconnectEmail">
+          <UButton size="xs" color="error" variant="soft" :loading="busy" @click="disconnectEmail">
             {{ t('layout.accountTeam.email.disconnect') }}
           </UButton>
         </div>
@@ -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>