@cat-factory/app 0.51.0 → 0.52.0

package/app/components/layout/SideBar.vue

@@ -24,11 +24,15 @@ const auth = useAuthStore()
 const providerConnections = useProviderConnectionsStore()
 const ui = useUiStore()
 
-// The Infrastructure menu (agent-container execution + test environments) is relevant when
-// either provider integration is available OR we're running the local-mode facade (which
-// always has host-Docker execution + the warm-pool/checkout settings to configure).
+// The Infrastructure menu (agent-container execution + test environments) shows whenever the
+// deployment reports its infrastructure capability — every facade populates `auth.infrastructure`
+// (it drives the execution-backend selector), so there is always an execution + test-env backend
+// to view, even on a Worker/Node deployment with no runner-pool/environment connection registered.
+// The old provider-availability/local-mode signals stay as a defensive fallback for a backend that
+// (somehow) omits the descriptor.
 const showInfrastructure = computed(
   () =>
+    auth.infrastructure != null ||
     auth.localMode?.enabled === true ||
     providerConnections.isAvailable('runner-pool') ||
     providerConnections.isAvailable('environment'),

package/app/components/layout/TranslationWarningBanner.vue

@@ -1,22 +1,26 @@
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
+import { useLocalStorage } from '@vueuse/core'
+import { computed } from 'vue'
 
 // Shown whenever the active locale is NOT English: the non-English catalogs are
 // community/AI-provided and may be inaccurate, so warn the user and point them at the
 // repository to report mistakes or open a fix PR. Rendered as a slim full-width strip at
 // the very top (distinct from the centered config-warning cards below it, so they don't
-// overlap). Dismissible per session; re-appears the next time the user switches locale.
+// overlap). Dismissal is persisted per-locale in localStorage: once dismissed for a locale
+// it stays hidden across reloads, but switching to a different (separately-translated)
+// locale shows it again, since that catalog is a fresh, independently-translated context.
 const REPO_URL = 'https://github.com/kibertoad/cat-factory'
 
 const { t, locale } = useI18n()
 
-const dismissed = ref(false)
-const show = computed(() => locale.value !== 'en' && !dismissed.value)
+const dismissedLocales = useLocalStorage<string[]>('cat-factory:translation-warning-dismissed', [])
+const show = computed(() => locale.value !== 'en' && !dismissedLocales.value.includes(locale.value))
 
-// A fresh switch is a new context for the warning, so un-dismiss on every locale change.
-watch(locale, () => {
-  dismissed.value = false
-})
+function dismiss() {
+  if (!dismissedLocales.value.includes(locale.value)) {
+    dismissedLocales.value = [...dismissedLocales.value, locale.value]
+  }
+}
 </script>
 
 <template>
@@ -51,7 +55,7 @@ watch(locale, () => {
         size="xs"
         icon="i-lucide-x"
         :aria-label="t('language.warning.dismiss')"
-        @click="dismissed = true"
+        @click="dismiss"
       />
     </div>
   </Transition>

package/app/components/settings/InfrastructureWindow.vue

@@ -29,9 +29,12 @@ const open = computed({
 
 const isLocal = computed(() => auth.localMode?.enabled === true)
 
-// Each concern gates on its own availability probe; an unavailable tab isn't offered.
-const agentsAvailable = computed(() => store.isAvailable('runner-pool'))
-const envsAvailable = computed(() => store.isAvailable('environment'))
+// The tabs are driven by the deployment's infrastructure capability (every facade reports
+// execution + test-env backends), NOT the optional provider-connection probes — the execution-
+// backend selector must show even when no runner-pool / environment connection is registered.
+// The connect form inside each tab still gates on its own probe (see the template).
+const agentsAvailable = computed(() => (auth.infrastructure?.execution.available.length ?? 0) > 0)
+const envsAvailable = computed(() => (auth.infrastructure?.testEnv.available.length ?? 0) > 0)
 
 const tabs = computed(() => {
   const out: { value: ProviderConnectionKind; label: string; icon: string; slot: string }[] = []
@@ -102,7 +105,8 @@ watch([tabs, () => store.loaded], () => {
             <div class="space-y-4">
               <!-- Where agent containers run (writable in local mode; read-only elsewhere). -->
               <ExecutionBackendSelector axis="execution" />
-              <ProviderConnectionTab kind="runner-pool" />
+              <!-- The runner-pool connect form only when that integration is enabled. -->
+              <ProviderConnectionTab v-if="store.isAvailable('runner-pool')" kind="runner-pool" />
               <!-- Local mode: the warm-pool + checkout reuse ARE the host agent-container
                    runtime, so they live here rather than in a separate menu. -->
               <section v-if="isLocal" class="border-t border-slate-800 pt-4">
@@ -117,7 +121,8 @@ watch([tabs, () => store.loaded], () => {
             <div class="space-y-4">
               <!-- Where Tester environments run (writable in local mode; read-only elsewhere). -->
               <ExecutionBackendSelector axis="testEnv" />
-              <ProviderConnectionTab kind="environment" />
+              <!-- The environment-provider connect form only when that integration is enabled. -->
+              <ProviderConnectionTab v-if="store.isAvailable('environment')" kind="environment" />
             </div>
           </template>
         </UTabs>

package/app/components/testing/TestReportWindow.vue

@@ -23,7 +23,7 @@ import ProvisioningLogsDrawer from '~/components/provisioning/ProvisioningLogsDr
 
 const board = useBoardStore()
 const execution = useExecutionStore()
-const { t, d } = useI18n()
+const { t, d, n } = useI18n()
 
 // Per-window blob cache for the captured screenshots; revoked on unmount.
 const blobs = useArtifactBlobs()
@@ -58,6 +58,14 @@ const executionId = computed(() => instance.value?.id ?? null)
 // The infra-attempts log drawer is opened on demand (it fetches the per-run log rows).
 const showProvisioning = ref(false)
 
+// The in-container docker-compose dependency stand-up record (local-infra tester): whether
+// the dependencies came up + the captured `docker compose up` logs. Unlike the provisioning
+// drawer above (the orchestrator-side container/env spin-up), this is the stand-up that runs
+// INSIDE the container — the highest-signal artifact when local infra fails to come up.
+const infraSetup = computed(() => testState.value?.infraSetup ?? null)
+// The captured stand-up logs are shown on demand (they can be long).
+const showInfraSetupLogs = ref(false)
+
 const screenshots = computed<TestScreenshot[]>(() => report.value?.screenshots ?? [])
 // Resolve each capture into an object URL for the gallery + lightbox. The shared cache
 // dedupes, so the lightbox reuses what the thumbnails fetched. (The reference design is not
@@ -338,7 +346,7 @@ const GROUP_STATUS_META: Record<ScenarioGroup['status'], { icon: string; text: s
                  environment. A no-infra tester (no container, no env) has no infra attempts
                  either, so we don't render an empty header + a log toggle over nothing. -->
             <section
-              v-if="step && (step.container || stepEnvironment)"
+              v-if="step && (step.container || stepEnvironment || infraSetup)"
               data-testid="tester-infrastructure"
               class="space-y-3"
             >
@@ -347,6 +355,75 @@ const GROUP_STATUS_META: Record<ScenarioGroup['status'], { icon: string; text: s
               </h3>
               <StepContainerStatus :step="step" :run-failed="runFailed" />
               <EnvironmentStatusPanel v-if="stepEnvironment" :environment="stepEnvironment" />
+
+              <!-- In-container docker-compose dependency stand-up (local-infra tester): the
+                   outcome + the captured `docker compose up` logs. This is the stand-up that
+                   runs INSIDE the container, so its output isn't in the provisioning drawer
+                   below — it's the highest-signal artifact when local infra fails to start. -->
+              <div
+                v-if="infraSetup"
+                data-testid="tester-infra-setup"
+                class="rounded-lg border px-3 py-2"
+                :class="
+                  infraSetup.started
+                    ? 'border-slate-800 bg-slate-900/60'
+                    : 'border-rose-500/40 bg-rose-500/10'
+                "
+              >
+                <div class="flex items-center gap-2">
+                  <UIcon
+                    :name="infraSetup.started ? 'i-lucide-container' : 'i-lucide-circle-x'"
+                    class="h-3.5 w-3.5 shrink-0"
+                    :class="infraSetup.started ? 'text-emerald-400' : 'text-rose-400'"
+                  />
+                  <span class="text-[13px] font-medium text-slate-200">
+                    {{ infraSetup.started ? t('testing.standup.up') : t('testing.standup.failed') }}
+                  </span>
+                  <span
+                    v-if="infraSetup.durationMs != null"
+                    class="ml-auto text-[11px] text-slate-500"
+                  >
+                    {{
+                      t('testing.standup.took', {
+                        seconds: n(infraSetup.durationMs / 1000, 'decimal'),
+                      })
+                    }}
+                  </span>
+                </div>
+                <p v-if="infraSetup.composePath" class="mt-1 font-mono text-[11px] text-slate-500">
+                  {{ infraSetup.composePath }}
+                </p>
+                <p
+                  v-if="infraSetup.error"
+                  class="mt-1 text-[12px] leading-snug text-rose-300"
+                  data-testid="tester-infra-setup-error"
+                >
+                  {{ infraSetup.error }}
+                </p>
+                <template v-if="infraSetup.logs">
+                  <UButton
+                    :icon="showInfraSetupLogs ? 'i-lucide-chevron-up' : 'i-lucide-scroll-text'"
+                    variant="ghost"
+                    size="xs"
+                    class="mt-1.5"
+                    data-testid="tester-infra-setup-logs-toggle"
+                    @click="showInfraSetupLogs = !showInfraSetupLogs"
+                  >
+                    {{
+                      showInfraSetupLogs
+                        ? t('testing.standup.hideLogs')
+                        : t('testing.standup.showLogs')
+                    }}
+                  </UButton>
+                  <pre
+                    v-if="showInfraSetupLogs"
+                    data-testid="tester-infra-setup-logs"
+                    class="mt-2 max-h-64 overflow-auto rounded bg-slate-950/70 p-2 font-mono text-[11px] leading-relaxed text-slate-300"
+                    >{{ infraSetup.logs }}</pre
+                  >
+                </template>
+              </div>
+
               <div v-if="executionId">
                 <UButton
                   :icon="showProvisioning ? 'i-lucide-chevron-up' : 'i-lucide-scroll-text'"

package/i18n/locales/en.json

@@ -2999,6 +2999,13 @@
     },
     "environment": "Environment",
     "infrastructure": "Infrastructure",
+    "standup": {
+      "up": "Dependencies started",
+      "failed": "Dependencies failed to start",
+      "took": "Took {seconds}s",
+      "showLogs": "Show stand-up logs",
+      "hideLogs": "Hide stand-up logs"
+    },
     "footer": "Scenarios are the areas the Tester chose to exercise (its spec acceptance scenarios). Outcomes and concerns are grouped under them by name.",
     "@screenshotAlt": {
       "description": "Alt text for a captured screenshot thumbnail; {view} is the screen/view name. The literal word 'screenshot' should be localized."

package/i18n/locales/es.json

@@ -2912,7 +2912,14 @@
     },
     "environment": "Entorno",
     "footer": "Los escenarios son las áreas que el Tester decidió ejercitar (sus escenarios de aceptación de la especificación). Los resultados y las incidencias se agrupan bajo ellos por nombre.",
-    "infrastructure": "Infraestructura"
+    "infrastructure": "Infraestructura",
+    "standup": {
+      "up": "Dependencias iniciadas",
+      "failed": "No se pudieron iniciar las dependencias",
+      "took": "Tardó {seconds}s",
+      "showLogs": "Mostrar registros de arranque",
+      "hideLogs": "Ocultar registros de arranque"
+    }
   },
   "visualConfirm": {
     "ariaLabel": "Confirmación visual",

package/i18n/locales/fr.json

@@ -2912,7 +2912,14 @@
     },
     "environment": "Environnement",
     "footer": "Les scénarios sont les domaines que le Testeur a choisi d'éprouver (ses scénarios d'acceptation de la spécification). Les résultats et les réserves y sont regroupés par nom.",
-    "infrastructure": "Infrastructure"
+    "infrastructure": "Infrastructure",
+    "standup": {
+      "up": "Dépendances démarrées",
+      "failed": "Échec du démarrage des dépendances",
+      "took": "Durée : {seconds}s",
+      "showLogs": "Afficher les journaux de démarrage",
+      "hideLogs": "Masquer les journaux de démarrage"
+    }
   },
   "visualConfirm": {
     "ariaLabel": "Confirmation visuelle",

package/i18n/locales/pl.json

@@ -2912,7 +2912,14 @@
     },
     "environment": "Środowisko",
     "footer": "Scenariusze to obszary, które Tester postanowił sprawdzić (jego scenariusze akceptacyjne ze specyfikacji). Wyniki i zastrzeżenia są pod nimi grupowane według nazwy.",
-    "infrastructure": "Infrastruktura"
+    "infrastructure": "Infrastruktura",
+    "standup": {
+      "up": "Zależności uruchomione",
+      "failed": "Nie udało się uruchomić zależności",
+      "took": "Czas: {seconds}s",
+      "showLogs": "Pokaż dzienniki uruchamiania",
+      "hideLogs": "Ukryj dzienniki uruchamiania"
+    }
   },
   "visualConfirm": {
     "ariaLabel": "Potwierdzenie wizualne",

package/i18n/locales/uk.json

@@ -2912,7 +2912,14 @@
     },
     "environment": "Середовище",
     "footer": "Сценарії — це області, які Тестувальник вирішив перевірити (його сценарії приймання зі специфікації). Результати та зауваження групуються під ними за назвою.",
-    "infrastructure": "Інфраструктура"
+    "infrastructure": "Інфраструктура",
+    "standup": {
+      "up": "Залежності запущено",
+      "failed": "Не вдалося запустити залежності",
+      "took": "Час: {seconds}s",
+      "showLogs": "Показати журнали запуску",
+      "hideLogs": "Сховати журнали запуску"
+    }
   },
   "visualConfirm": {
     "ariaLabel": "Візуальне підтвердження",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cat-factory/app",
-  "version": "0.51.0",
+  "version": "0.52.0",
   "description": "Reusable Nuxt layer for the Agent Architecture Board SPA (components, stores, composables, pages). Consume it from a thin deployment app via `extends: ['@cat-factory/app']` and point it at your backend with NUXT_PUBLIC_API_BASE. See deploy/frontend for an example.",
   "repository": {
     "type": "git",
@@ -34,7 +34,7 @@
     "valibot": "^1.4.2",
     "vue": "^3.5.39",
     "wretch": "^3.0.9",
-    "@cat-factory/contracts": "0.53.0"
+    "@cat-factory/contracts": "0.54.0"
   },
   "devDependencies": {
     "@toad-contracts/testing": "0.3.2",