@cat-factory/app 0.92.2 → 0.94.0

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

@@ -279,7 +279,16 @@ onUnmounted(() => preview.stopPolling(props.block.id))
           >
             {{ t('inspector.frontendConfig.detect.apply') }}
           </UButton>
-          <UButton size="xs" variant="ghost" color="neutral" @click="detectResult = null">
+          <UButton
+            size="xs"
+            variant="ghost"
+            color="neutral"
+            @click="
+              () => {
+                detectResult = null
+              }
+            "
+          >
             {{ t('inspector.frontendConfig.detect.dismiss') }}
           </UButton>
         </div>

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

@@ -213,9 +213,17 @@ function fmtTime(ms: number) {
     <template v-else-if="draft">
       <RecurringRecurrenceEditor v-model="draft" />
       <div class="flex justify-end gap-1.5 pt-1">
-        <UButton size="xs" variant="ghost" color="neutral" @click="editing = false">{{
-          t('common.cancel')
-        }}</UButton>
+        <UButton
+          size="xs"
+          variant="ghost"
+          color="neutral"
+          @click="
+            () => {
+              editing = false
+            }
+          "
+          >{{ t('common.cancel') }}</UButton
+        >
         <UButton size="xs" color="primary" :loading="busy" @click="saveEdit">{{
           t('common.save')
         }}</UButton>

package/app/components/pipeline/PipelineBuilder.vue

@@ -762,7 +762,11 @@ async function clone(p: Pipeline) {
               :color="showArchived ? 'primary' : 'neutral'"
               variant="ghost"
               size="xs"
-              @click="showArchived = !showArchived"
+              @click="
+                () => {
+                  showArchived = !showArchived
+                }
+              "
             >
               {{
                 showArchived
@@ -987,7 +991,16 @@ async function clone(p: Pipeline) {
 
     <template #footer>
       <div class="flex w-full items-center justify-end gap-2">
-        <UButton color="neutral" variant="ghost" size="sm" @click="addAgentOpen = false">
+        <UButton
+          color="neutral"
+          variant="ghost"
+          size="sm"
+          @click="
+            () => {
+              addAgentOpen = false
+            }
+          "
+        >
           {{ t('common.cancel') }}
         </UButton>
         <UButton

package/app/components/pipeline/PipelineProgress.vue

@@ -324,7 +324,11 @@ const ITEM_ICON: Record<string, string> = {
                 size="xs"
                 class="shrink-0 opacity-0 transition-opacity group-hover:opacity-100"
                 :title="t('pipeline.progress.restartTooltip')"
-                @click.stop="restartArmed = i"
+                @click.stop="
+                  () => {
+                    restartArmed = i
+                  }
+                "
               />
               <template v-else>
                 <UButton
@@ -344,7 +348,11 @@ const ITEM_ICON: Record<string, string> = {
                   size="xs"
                   class="shrink-0"
                   :disabled="restarting === i"
-                  @click.stop="restartArmed = null"
+                  @click.stop="
+                    () => {
+                      restartArmed = null
+                    }
+                  "
                 >
                   {{ t('common.cancel') }}
                 </UButton>

package/app/components/providers/AiPresetMismatchDialog.vue

@@ -75,7 +75,16 @@ function go(action: () => void) {
         </p>
 
         <div class="flex flex-wrap justify-end gap-2">
-          <UButton color="neutral" variant="ghost" size="sm" @click="open = false">
+          <UButton
+            color="neutral"
+            variant="ghost"
+            size="sm"
+            @click="
+              () => {
+                open = false
+              }
+            "
+          >
             {{ t('providers.presetMismatch.later') }}
           </UButton>
           <UButton

package/app/components/providers/PersonalCredentialModal.vue

@@ -97,7 +97,15 @@ function goConnect() {
             {{ t('providers.personalCredential.connectBody', { vendor: vendorLabel }) }}
           </p>
           <div class="flex justify-end gap-2">
-            <UButton color="neutral" variant="ghost" @click="open = false">
+            <UButton
+              color="neutral"
+              variant="ghost"
+              @click="
+                () => {
+                  open = false
+                }
+              "
+            >
               {{ t('providers.personalCredential.cancel') }}
             </UButton>
             <UButton icon="i-lucide-shield-check" @click="goConnect()">
@@ -120,7 +128,15 @@ function goConnect() {
             />
           </UFormField>
           <div class="flex justify-end gap-2">
-            <UButton color="neutral" variant="ghost" @click="open = false">
+            <UButton
+              color="neutral"
+              variant="ghost"
+              @click="
+                () => {
+                  open = false
+                }
+              "
+            >
               {{ t('providers.personalCredential.cancel') }}
             </UButton>
             <UButton :loading="busy" :disabled="password.length < 6" @click="submit()">

package/app/components/requirements/RequirementsReviewWindow.vue

@@ -979,7 +979,11 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                   size="sm"
                   block
                   icon="i-lucide-pencil"
-                  @click="showRedo = !showRedo"
+                  @click="
+                    () => {
+                      showRedo = !showRedo
+                    }
+                  "
                 >
                   {{ t('requirements.actions.redoIncorporation') }}
                 </UButton>

package/app/components/sandbox/SandboxPanel.vue

@@ -561,7 +561,16 @@ async function archive(prompt: SandboxPromptVersion) {
             </p>
             <UTextarea v-model="editText" :rows="16" class="w-full font-mono text-xs" autoresize />
             <div class="flex justify-end gap-2">
-              <UButton color="neutral" variant="ghost" size="sm" @click="editing = null">
+              <UButton
+                color="neutral"
+                variant="ghost"
+                size="sm"
+                @click="
+                  () => {
+                    editing = null
+                  }
+                "
+              >
                 {{ t('common.cancel') }}
               </UButton>
               <UButton

package/app/components/settings/InfraHandlersConfigurator.vue

@@ -443,7 +443,11 @@ function notifyError(e: unknown) {
             :color="selectedKubeEngine === e ? 'primary' : 'neutral'"
             :variant="selectedKubeEngine === e ? 'soft' : 'ghost'"
             size="xs"
-            @click="selectedKubeEngine = e"
+            @click="
+              () => {
+                selectedKubeEngine = e
+              }
+            "
           >
             {{ t(KUBE_ENGINE_KEYS[e]) }}
           </UButton>

package/app/components/settings/InfrastructureWindow.vue

@@ -14,6 +14,10 @@ import type { ProviderConnectionKind } from '~/types/providerConnections'
 import InfrastructureBackendPicker from '~/components/settings/InfrastructureBackendPicker.vue'
 import InfraHandlersConfigurator from '~/components/settings/InfraHandlersConfigurator.vue'
 import LocalContainerPoolSettings from '~/components/settings/LocalContainerPoolSettings.vue'
+import SharedStacksPanel from '~/components/settings/SharedStacksPanel.vue'
+
+// The shared-stacks tab uses its own slot key beyond the provider-connection kinds.
+type InfraTabValue = ProviderConnectionKind | 'shared-stacks'
 
 const { t } = useI18n()
 const ui = useUiStore()
@@ -37,7 +41,7 @@ const agentsAvailable = computed(() => (auth.infrastructure?.execution.available
 const envsAvailable = computed(() => (auth.infrastructure?.testEnv.available.length ?? 0) > 0)
 
 const tabs = computed(() => {
-  const out: { value: ProviderConnectionKind; label: string; icon: string; slot: string }[] = []
+  const out: { value: InfraTabValue; label: string; icon: string; slot: string }[] = []
   if (agentsAvailable.value)
     out.push({
       value: 'runner-pool',
@@ -52,10 +56,19 @@ const tabs = computed(() => {
       icon: 'i-lucide-cloud',
       slot: 'environment',
     })
+  // Shared stacks are long-lived compose infra a Tester environment attaches to, so they live
+  // alongside the test-environment config (shown wherever an environment backend is available).
+  if (envsAvailable.value)
+    out.push({
+      value: 'shared-stacks',
+      label: t('settings.sharedStacks.tab'),
+      icon: 'i-lucide-layers',
+      slot: 'shared-stacks',
+    })
   return out
 })
 
-const activeTab = ref<ProviderConnectionKind>(ui.infrastructureTab)
+const activeTab = ref<InfraTabValue>(ui.infrastructureTab)
 
 // Honour the deep-linked tab each time the window opens, falling back to the first available
 // tab if the requested one is off.
@@ -124,6 +137,9 @@ watch([tabs, () => store.loaded], () => {
               <InfraHandlersConfigurator />
             </div>
           </template>
+          <template #shared-stacks>
+            <SharedStacksPanel />
+          </template>
         </UTabs>
 
         <p v-else class="px-1 py-6 text-center text-sm text-slate-500">

package/app/components/settings/IssueTrackerPanel.vue

@@ -234,7 +234,11 @@ const STATUS_UI: Record<
           size="sm"
           :color="trackerKind === null ? 'primary' : 'neutral'"
           :variant="trackerKind === null ? 'solid' : 'subtle'"
-          @click="trackerKind = null"
+          @click="
+            () => {
+              trackerKind = null
+            }
+          "
         >
           {{ t('settings.issueTracker.filing.none') }}
         </UButton>
@@ -243,7 +247,11 @@ const STATUS_UI: Record<
           size="sm"
           :color="trackerKind === 'github' ? 'primary' : 'neutral'"
           :variant="trackerKind === 'github' ? 'solid' : 'subtle'"
-          @click="trackerKind = 'github'"
+          @click="
+            () => {
+              trackerKind = 'github'
+            }
+          "
         >
           {{ t('settings.issueTracker.vendor.github') }}
         </UButton>
@@ -252,7 +260,11 @@ const STATUS_UI: Record<
           size="sm"
           :color="trackerKind === 'jira' ? 'primary' : 'neutral'"
           :variant="trackerKind === 'jira' ? 'solid' : 'subtle'"
-          @click="trackerKind = 'jira'"
+          @click="
+            () => {
+              trackerKind = 'jira'
+            }
+          "
         >
           Jira
         </UButton>
@@ -261,7 +273,11 @@ const STATUS_UI: Record<
           size="sm"
           :color="trackerKind === 'linear' ? 'primary' : 'neutral'"
           :variant="trackerKind === 'linear' ? 'solid' : 'subtle'"
-          @click="trackerKind = 'linear'"
+          @click="
+            () => {
+              trackerKind = 'linear'
+            }
+          "
         >
           Linear
         </UButton>

package/app/components/settings/LocalModelEndpointsPanel.vue

@@ -225,7 +225,11 @@ async function remove(p: LocalRunner) {
               size="xs"
               :disabled="busy"
               :title="t('settings.localModelEndpoints.edit')"
-              @click="provider = e.provider"
+              @click="
+                () => {
+                  provider = e.provider
+                }
+              "
             />
             <UButton
               icon="i-lucide-trash-2"

package/app/components/settings/ModelConfigurationPanel.vue

@@ -281,7 +281,11 @@ function fail(title: string, e: unknown) {
             variant="ghost"
             size="sm"
             class="ms-auto"
-            @click="editor = null"
+            @click="
+              () => {
+                editor = null
+              }
+            "
           >
             {{ t('settings.modelConfiguration.back') }}
           </UButton>
@@ -292,7 +296,11 @@ function fail(title: string, e: unknown) {
             size="sm"
             :class="editor ? '' : 'ms-auto'"
             :title="t('settings.modelConfiguration.closeEsc')"
-            @click="open = false"
+            @click="
+              () => {
+                open = false
+              }
+            "
           />
         </header>
 
@@ -499,7 +507,16 @@ function fail(title: string, e: unknown) {
               </div>
 
               <div class="flex items-center justify-end gap-2">
-                <UButton color="neutral" variant="ghost" size="sm" @click="editor = null">
+                <UButton
+                  color="neutral"
+                  variant="ghost"
+                  size="sm"
+                  @click="
+                    () => {
+                      editor = null
+                    }
+                  "
+                >
                   {{ t('common.cancel') }}
                 </UButton>
                 <UButton color="primary" size="sm" :loading="busy" @click="save">

package/app/components/settings/ProviderConnectionTab.vue

@@ -364,7 +364,11 @@ function fieldHelp(key: string): string | undefined {
         variant="ghost"
         size="xs"
         class="shrink-0"
-        @click="showLogs = !showLogs"
+        @click="
+          () => {
+            showLogs = !showLogs
+          }
+        "
       >
         {{
           showLogs