@cat-factory/app 0.68.0 → 0.68.1

package/app/components/settings/KubernetesEngineForm.vue

@@ -189,6 +189,25 @@ const canSave = computed(
     !!form.label.trim() && !!form.apiServerUrl.trim() && !!apiToken.value.trim() && urlValid.value,
 )
 
+// Why the Connect button is disabled, surfaced as a red hint next to it so a mandatory-field gap
+// is visible rather than a dead button. Lists the empty required fields by their on-screen label;
+// falls back to the port-range message for the one non-empty invalidity `canSave` can carry.
+const connectBlockedReason = computed(() => {
+  if (canSave.value) return ''
+  const missing: string[] = []
+  if (!form.label.trim()) missing.push(t('settings.infrastructure.kubernetesEngine.label'))
+  if (!form.apiServerUrl.trim())
+    missing.push(t('settings.infrastructure.kubernetesEngine.apiServerUrl'))
+  if (!apiToken.value.trim()) missing.push(t('settings.infrastructure.kubernetesEngine.apiToken'))
+  if (form.urlSource === 'ingressTemplate' && !form.hostTemplate.trim())
+    missing.push(t('settings.infrastructure.kubernetesEngine.hostTemplate'))
+  if (form.urlSource === 'serviceStatus' && !form.serviceName.trim())
+    missing.push(t('settings.infrastructure.kubernetesEngine.serviceName'))
+  if (missing.length)
+    return t('settings.providerConnection.form.missingFields', { fields: missing.join(', ') })
+  return t('settings.infrastructure.kubernetesEngine.invalidPort')
+})
+
 function buildUrl(): Record<string, unknown> {
   const url: Record<string, unknown> = { source: form.urlSource }
   if (form.urlSource === 'ingressTemplate') {
@@ -429,7 +448,10 @@ async function copyAutoSetupCommand() {
       </span>
     </div>
 
-    <div class="flex justify-end">
+    <div class="flex items-center justify-end gap-3">
+      <p v-if="connectBlockedReason" class="flex-1 text-left text-xs text-rose-400">
+        {{ connectBlockedReason }}
+      </p>
       <UButton
         color="primary"
         size="sm"

package/app/components/settings/KubernetesEnvironmentForm.vue

@@ -151,6 +151,28 @@ const canSave = computed(
     urlValid.value,
 )
 
+// Why the Connect button is disabled, surfaced as a red hint next to it so a mandatory-field gap
+// is visible rather than a dead button. Lists the empty required fields by their on-screen label;
+// falls back to a generic message for the format/range invalidities (repo shape, service port).
+const connectBlockedReason = computed(() => {
+  if (canSave.value) return ''
+  const missing: string[] = []
+  if (!form.label.trim()) missing.push(t('settings.providerConnection.kubernetesEnv.label'))
+  if (!form.apiServerUrl.trim())
+    missing.push(t('settings.providerConnection.kubernetesEnv.apiServerUrl'))
+  if (!apiToken.value.trim()) missing.push(t('settings.providerConnection.kubernetesEnv.apiToken'))
+  if (form.manifestSourceType === 'separate' && !form.manifestRepo.trim())
+    missing.push(t('settings.providerConnection.kubernetesEnv.repo'))
+  if (!form.manifestPath.trim()) missing.push(t('settings.providerConnection.kubernetesEnv.path'))
+  if (form.urlSource === 'ingressTemplate' && !form.hostTemplate.trim())
+    missing.push(t('settings.providerConnection.kubernetesEnv.hostTemplate'))
+  if (form.urlSource === 'serviceStatus' && !form.serviceName.trim())
+    missing.push(t('settings.providerConnection.kubernetesEnv.serviceName'))
+  if (missing.length)
+    return t('settings.providerConnection.form.missingFields', { fields: missing.join(', ') })
+  return t('settings.providerConnection.kubernetesEnv.invalidFields')
+})
+
 function buildManifestSource(): Record<string, unknown> {
   if (form.manifestSourceType === 'separate') {
     const src: Record<string, unknown> = {
@@ -368,7 +390,10 @@ function optional(label: string): string {
       </span>
     </div>
 
-    <div class="flex justify-end">
+    <div class="flex items-center justify-end gap-3">
+      <p v-if="connectBlockedReason" class="flex-1 text-left text-xs text-rose-400">
+        {{ connectBlockedReason }}
+      </p>
       <UButton
         color="primary"
         size="sm"

package/app/components/settings/KubernetesRunnerForm.vue

@@ -88,6 +88,20 @@ const canSave = computed(
     !!apiToken.value.trim(),
 )
 
+// Why the Connect button is disabled, surfaced as a red hint next to it so a mandatory-field gap
+// is visible rather than a dead button. Lists the empty required fields by their on-screen label.
+const connectBlockedReason = computed(() => {
+  if (canSave.value) return ''
+  const missing: string[] = []
+  if (!form.label.trim()) missing.push(t('settings.providerConnection.kubernetes.label'))
+  if (!form.apiServerUrl.trim())
+    missing.push(t('settings.providerConnection.kubernetes.apiServerUrl'))
+  if (!form.namespace.trim()) missing.push(t('settings.providerConnection.kubernetes.namespace'))
+  if (!form.image.trim()) missing.push(t('settings.providerConnection.kubernetes.image'))
+  if (!apiToken.value.trim()) missing.push(t('settings.providerConnection.kubernetes.apiToken'))
+  return t('settings.providerConnection.form.missingFields', { fields: missing.join(', ') })
+})
+
 function buildPayload(): { config: Record<string, unknown>; secrets: Record<string, string> } {
   const kubernetes: Record<string, unknown> = {
     label: form.label.trim(),
@@ -216,7 +230,10 @@ function buildPayload(): { config: Record<string, unknown>; secrets: Record<stri
       </span>
     </div>
 
-    <div class="flex justify-end">
+    <div class="flex items-center justify-end gap-3">
+      <p v-if="connectBlockedReason" class="flex-1 text-left text-xs text-rose-400">
+        {{ connectBlockedReason }}
+      </p>
       <UButton
         color="primary"
         size="sm"

package/i18n/locales/en.json

@@ -1399,7 +1399,8 @@
         "caCertPem": "CA certificate (PEM)",
         "caCertPemHelp": "Verifies the apiserver TLS cert. Omit only for a publicly-trusted CA.",
         "insecureSkipTlsVerify": "Skip TLS verification",
-        "insecureSkipTlsVerifyHelp": "Strongly discouraged: dev/kind clusters only."
+        "insecureSkipTlsVerifyHelp": "Strongly discouraged: dev/kind clusters only.",
+        "invalidPort": "Enter a port between 1 and 65535."
       },
       "customType": {
         "title": "Custom manifest types",
@@ -1497,7 +1498,8 @@
         "caCertPem": "Cluster CA certificate (PEM)",
         "caCertPemHelp": "Paste the cluster CA bundle so the apiserver's TLS certificate verifies. Omit only for a publicly-trusted CA.",
         "insecureSkipTlsVerify": "Skip TLS verification",
-        "insecureSkipTlsVerifyHelp": "Strongly discouraged. Disables apiserver TLS verification; use only for kind/dev clusters."
+        "insecureSkipTlsVerifyHelp": "Strongly discouraged. Disables apiserver TLS verification; use only for kind/dev clusters.",
+        "invalidFields": "Complete the required fields with valid values to connect."
       },
       "kubernetes": {
         "label": "Name",
@@ -1540,7 +1542,8 @@
         "@reenterSecrets": {
           "description": "Count-based: how many write-only secret fields the user must re-supply before re-saving (count is always >= 1). Provide ALL plural forms your language needs (English has 2; Polish/Ukrainian need 3 - one/few/many - via the custom pluralRules in i18n.config.ts)."
         },
-        "optionalLabel": "{label} (optional)"
+        "optionalLabel": "{label} (optional)",
+        "missingFields": "Fill in the required fields to connect: {fields}."
       },
       "field": {
         "defaultsTo": "Defaults to {value}"

package/i18n/locales/es.json

@@ -1331,7 +1331,8 @@
         "updateConfiguration": "Actualizar configuración",
         "connect": "Conectar",
         "reenterSecrets": "Vuelve a introducir el campo secreto para guardar los cambios: los secretos almacenados son de solo escritura y no se muestran. | Vuelve a introducir los campos secretos para guardar los cambios: los secretos almacenados son de solo escritura y no se muestran.",
-        "optionalLabel": "{label} (opcional)"
+        "optionalLabel": "{label} (opcional)",
+        "missingFields": "Completa los campos obligatorios para conectar: {fields}."
       },
       "field": {
         "defaultsTo": "Por defecto: {value}"
@@ -1382,7 +1383,8 @@
         "caCertPem": "Certificado CA del clúster (PEM)",
         "caCertPemHelp": "Pega el bundle CA del clúster para que el certificado TLS del apiserver se verifique. Omítelo solo para una CA de confianza pública.",
         "insecureSkipTlsVerify": "Omitir verificación TLS",
-        "insecureSkipTlsVerifyHelp": "Muy desaconsejado. Desactiva la verificación TLS del apiserver; úsalo solo para clústeres kind/dev."
+        "insecureSkipTlsVerifyHelp": "Muy desaconsejado. Desactiva la verificación TLS del apiserver; úsalo solo para clústeres kind/dev.",
+        "invalidFields": "Completa los campos obligatorios con valores válidos para conectar."
       },
       "kubernetes": {
         "label": "Nombre",
@@ -1808,7 +1810,8 @@
         "caCertPem": "Certificado CA (PEM)",
         "caCertPemHelp": "Verifica el certificado TLS del apiserver. Omítelo solo con una CA de confianza pública.",
         "insecureSkipTlsVerify": "Omitir la verificación TLS",
-        "insecureSkipTlsVerifyHelp": "Muy desaconsejado: solo clústeres de desarrollo/kind."
+        "insecureSkipTlsVerifyHelp": "Muy desaconsejado: solo clústeres de desarrollo/kind.",
+        "invalidPort": "Introduce un puerto entre 1 y 65535."
       },
       "customType": {
         "title": "Tipos de manifiesto personalizados",

package/i18n/locales/fr.json

@@ -1331,7 +1331,8 @@
         "updateConfiguration": "Mettre à jour la configuration",
         "connect": "Connecter",
         "reenterSecrets": "Saisissez à nouveau le champ secret pour enregistrer les modifications : les secrets stockés sont en écriture seule et ne sont pas affichés. | Saisissez à nouveau les champs secrets pour enregistrer les modifications : les secrets stockés sont en écriture seule et ne sont pas affichés.",
-        "optionalLabel": "{label} (facultatif)"
+        "optionalLabel": "{label} (facultatif)",
+        "missingFields": "Renseignez les champs obligatoires pour vous connecter : {fields}."
       },
       "field": {
         "defaultsTo": "Valeur par défaut : {value}"
@@ -1382,7 +1383,8 @@
         "caCertPem": "Certificat CA du cluster (PEM)",
         "caCertPemHelp": "Collez le bundle CA du cluster pour que le certificat TLS de l'apiserver soit vérifié. À omettre uniquement pour une CA publiquement approuvée.",
         "insecureSkipTlsVerify": "Ignorer la vérification TLS",
-        "insecureSkipTlsVerifyHelp": "Fortement déconseillé. Désactive la vérification TLS de l'apiserver ; à utiliser uniquement pour des clusters kind/dev."
+        "insecureSkipTlsVerifyHelp": "Fortement déconseillé. Désactive la vérification TLS de l'apiserver ; à utiliser uniquement pour des clusters kind/dev.",
+        "invalidFields": "Renseignez les champs obligatoires avec des valeurs valides pour vous connecter."
       },
       "kubernetes": {
         "label": "Nom",
@@ -1808,7 +1810,8 @@
         "caCertPem": "Certificat CA (PEM)",
         "caCertPemHelp": "Vérifie le certificat TLS de l'apiserver. À omettre uniquement pour une CA publiquement fiable.",
         "insecureSkipTlsVerify": "Ignorer la vérification TLS",
-        "insecureSkipTlsVerifyHelp": "Fortement déconseillé: clusters de dev/kind uniquement."
+        "insecureSkipTlsVerifyHelp": "Fortement déconseillé: clusters de dev/kind uniquement.",
+        "invalidPort": "Saisissez un port compris entre 1 et 65535."
       },
       "customType": {
         "title": "Types de manifeste personnalisés",

package/i18n/locales/he.json

@@ -1357,7 +1357,8 @@
         "caCertPem": "תעודת CA (PEM)",
         "caCertPemHelp": "מאמתת את תעודת ה-TLS של ה-apiserver. השמט רק עבור CA מהימן ציבורית.",
         "insecureSkipTlsVerify": "דלג על אימות TLS",
-        "insecureSkipTlsVerifyHelp": "מומלץ מאוד להימנע: אשכולות פיתוח/kind בלבד."
+        "insecureSkipTlsVerifyHelp": "מומלץ מאוד להימנע: אשכולות פיתוח/kind בלבד.",
+        "invalidPort": "הזן פורט בין 1 ל-65535."
       },
       "customType": {
         "title": "סוגי מניפסט מותאמים",
@@ -1455,7 +1456,8 @@
         "caCertPem": "אישור CA של האשכול (PEM)",
         "caCertPemHelp": "הדבק את חבילת ה-CA של האשכול כדי שאישור ה-TLS של ה-apiserver יאומת. השמט רק עבור CA נאמן ציבורית.",
         "insecureSkipTlsVerify": "דלג על אימות TLS",
-        "insecureSkipTlsVerifyHelp": "מומלץ בחום להימנע. מבטל את אימות ה-TLS של ה-apiserver; השתמש רק עבור אשכולות kind/פיתוח."
+        "insecureSkipTlsVerifyHelp": "מומלץ בחום להימנע. מבטל את אימות ה-TLS של ה-apiserver; השתמש רק עבור אשכולות kind/פיתוח.",
+        "invalidFields": "מלא את השדות הנדרשים בערכים תקינים כדי להתחבר."
       },
       "kubernetes": {
         "label": "שם",
@@ -1495,7 +1497,8 @@
         "updateConfiguration": "עדכן הגדרות",
         "connect": "התחבר",
         "reenterSecrets": "הזן מחדש את שדה הסוד כדי לשמור שינויים — סודות מאוחסנים הם לכתיבה בלבד ואינם מוצגים. | הזן מחדש את שדות הסוד כדי לשמור שינויים — סודות מאוחסנים הם לכתיבה בלבד ואינם מוצגים.",
-        "optionalLabel": "{label} (אופציונלי)"
+        "optionalLabel": "{label} (אופציונלי)",
+        "missingFields": "מלא את השדות הנדרשים כדי להתחבר: {fields}."
       },
       "field": {
         "defaultsTo": "ברירת מחדל היא {value}"

package/i18n/locales/ja.json

@@ -1359,7 +1359,8 @@
         "caCertPem": "CA 証明書 (PEM)",
         "caCertPemHelp": "apiserver の TLS 証明書を検証します。公的に信頼された CA の場合のみ省略します。",
         "insecureSkipTlsVerify": "TLS 検証をスキップ",
-        "insecureSkipTlsVerifyHelp": "強く非推奨: 開発/kind クラスターのみ。"
+        "insecureSkipTlsVerifyHelp": "強く非推奨: 開発/kind クラスターのみ。",
+        "invalidPort": "1〜65535 のポート番号を入力してください。"
       },
       "customType": {
         "title": "カスタムマニフェストタイプ",
@@ -1457,7 +1458,8 @@
         "caCertPem": "クラスター CA 証明書 (PEM)",
         "caCertPemHelp": "apiserver の TLS 証明書を検証できるよう、クラスターの CA バンドルを貼り付けてください。公的に信頼された CA の場合のみ省略できます。",
         "insecureSkipTlsVerify": "TLS 検証をスキップ",
-        "insecureSkipTlsVerifyHelp": "強く非推奨です。apiserver の TLS 検証を無効にします。kind/開発クラスターでのみ使用してください。"
+        "insecureSkipTlsVerifyHelp": "強く非推奨です。apiserver の TLS 検証を無効にします。kind/開発クラスターでのみ使用してください。",
+        "invalidFields": "接続するには必須項目に有効な値を入力してください。"
       },
       "kubernetes": {
         "label": "名前",
@@ -1497,7 +1499,8 @@
         "updateConfiguration": "設定を更新",
         "connect": "接続",
         "reenterSecrets": "変更を保存するにはシークレットフィールドを再入力してください。保存済みのシークレットは書き込み専用で表示されません。 | 変更を保存するにはシークレットフィールドを再入力してください。保存済みのシークレットは書き込み専用で表示されません。",
-        "optionalLabel": "{label} (任意)"
+        "optionalLabel": "{label} (任意)",
+        "missingFields": "接続するには必須項目を入力してください: {fields}。"
       },
       "field": {
         "defaultsTo": "デフォルト値は {value}"

package/i18n/locales/pl.json

@@ -1331,7 +1331,8 @@
         "updateConfiguration": "Zaktualizuj konfigurację",
         "connect": "Połącz",
         "reenterSecrets": "Wprowadź ponownie pole sekretne, aby zapisać zmiany — przechowywane sekrety są tylko do zapisu i nie są wyświetlane. | Wprowadź ponownie pola sekretne, aby zapisać zmiany — przechowywane sekrety są tylko do zapisu i nie są wyświetlane. | Wprowadź ponownie pola sekretne, aby zapisać zmiany — przechowywane sekrety są tylko do zapisu i nie są wyświetlane.",
-        "optionalLabel": "{label} (opcjonalne)"
+        "optionalLabel": "{label} (opcjonalne)",
+        "missingFields": "Uzupełnij wymagane pola, aby połączyć: {fields}."
       },
       "field": {
         "defaultsTo": "Wartość domyślna: {value}"
@@ -1382,7 +1383,8 @@
         "caCertPem": "Certyfikat CA klastra (PEM)",
         "caCertPemHelp": "Wklej pakiet CA klastra, aby certyfikat TLS apiservera został zweryfikowany. Pomiń tylko dla publicznie zaufanego CA.",
         "insecureSkipTlsVerify": "Pomiń weryfikację TLS",
-        "insecureSkipTlsVerifyHelp": "Zdecydowanie odradzane. Wyłącza weryfikację TLS apiservera; używaj tylko dla klastrów kind/dev."
+        "insecureSkipTlsVerifyHelp": "Zdecydowanie odradzane. Wyłącza weryfikację TLS apiservera; używaj tylko dla klastrów kind/dev.",
+        "invalidFields": "Uzupełnij wymagane pola prawidłowymi wartościami, aby połączyć."
       },
       "kubernetes": {
         "label": "Nazwa",
@@ -1808,7 +1810,8 @@
         "caCertPem": "Certyfikat CA (PEM)",
         "caCertPemHelp": "Weryfikuje certyfikat TLS apiservera. Pomiń tylko dla publicznie zaufanego CA.",
         "insecureSkipTlsVerify": "Pomiń weryfikację TLS",
-        "insecureSkipTlsVerifyHelp": "Zdecydowanie odradzane: tylko klastry deweloperskie/kind."
+        "insecureSkipTlsVerifyHelp": "Zdecydowanie odradzane: tylko klastry deweloperskie/kind.",
+        "invalidPort": "Podaj port z zakresu od 1 do 65535."
       },
       "customType": {
         "title": "Niestandardowe typy manifestów",

package/i18n/locales/tr.json

@@ -1359,7 +1359,8 @@
         "caCertPem": "CA sertifikası (PEM)",
         "caCertPemHelp": "apiserver TLS sertifikasını doğrular. Yalnızca herkesçe güvenilen bir CA için atlayın.",
         "insecureSkipTlsVerify": "TLS doğrulamasını atla",
-        "insecureSkipTlsVerifyHelp": "Kesinlikle önerilmez: yalnızca geliştirme/kind kümeleri."
+        "insecureSkipTlsVerifyHelp": "Kesinlikle önerilmez: yalnızca geliştirme/kind kümeleri.",
+        "invalidPort": "1 ile 65535 arasında bir bağlantı noktası girin."
       },
       "customType": {
         "title": "Özel manifest türleri",
@@ -1457,7 +1458,8 @@
         "caCertPem": "Küme CA sertifikası (PEM)",
         "caCertPemHelp": "apiserver'ın TLS sertifikasının doğrulanması için küme CA paketini yapıştırın. Yalnızca herkesçe güvenilen bir CA için boş bırakın.",
         "insecureSkipTlsVerify": "TLS doğrulamasını atla",
-        "insecureSkipTlsVerifyHelp": "Kesinlikle önerilmez. apiserver TLS doğrulamasını devre dışı bırakır; yalnızca kind/dev kümeleri için kullanın."
+        "insecureSkipTlsVerifyHelp": "Kesinlikle önerilmez. apiserver TLS doğrulamasını devre dışı bırakır; yalnızca kind/dev kümeleri için kullanın.",
+        "invalidFields": "Bağlanmak için zorunlu alanları geçerli değerlerle doldurun."
       },
       "kubernetes": {
         "label": "Ad",
@@ -1497,7 +1499,8 @@
         "updateConfiguration": "Yapılandırmayı güncelle",
         "connect": "Bağlan",
         "reenterSecrets": "Değişiklikleri kaydetmek için sır alanını yeniden girin — saklanan sırlar yalnızca yazılabilir ve gösterilmez. | Değişiklikleri kaydetmek için sır alanlarını yeniden girin — saklanan sırlar yalnızca yazılabilir ve gösterilmez.",
-        "optionalLabel": "{label} (isteğe bağlı)"
+        "optionalLabel": "{label} (isteğe bağlı)",
+        "missingFields": "Bağlanmak için zorunlu alanları doldurun: {fields}."
       },
       "field": {
         "defaultsTo": "Varsayılan: {value}"

package/i18n/locales/uk.json

@@ -1331,7 +1331,8 @@
         "updateConfiguration": "Оновити конфігурацію",
         "connect": "Підключити",
         "reenterSecrets": "Введіть секретне поле повторно, щоб зберегти зміни — збережені секрети доступні лише для запису й не показуються. | Введіть секретні поля повторно, щоб зберегти зміни — збережені секрети доступні лише для запису й не показуються. | Введіть секретні поля повторно, щоб зберегти зміни — збережені секрети доступні лише для запису й не показуються.",
-        "optionalLabel": "{label} (необов'язково)"
+        "optionalLabel": "{label} (необов'язково)",
+        "missingFields": "Заповніть обовʼязкові поля, щоб підключитися: {fields}."
       },
       "field": {
         "defaultsTo": "Типово: {value}"
@@ -1382,7 +1383,8 @@
         "caCertPem": "Сертифікат CA кластера (PEM)",
         "caCertPemHelp": "Вставте CA-набір кластера, щоб TLS-сертифікат apiserver проходив перевірку. Пропустіть лише для публічно довіреного CA.",
         "insecureSkipTlsVerify": "Пропустити перевірку TLS",
-        "insecureSkipTlsVerifyHelp": "Наполегливо не рекомендується. Вимикає перевірку TLS apiserver; використовуйте лише для кластерів kind/dev."
+        "insecureSkipTlsVerifyHelp": "Наполегливо не рекомендується. Вимикає перевірку TLS apiserver; використовуйте лише для кластерів kind/dev.",
+        "invalidFields": "Заповніть обовʼязкові поля правильними значеннями, щоб підключитися."
       },
       "kubernetes": {
         "label": "Назва",
@@ -1808,7 +1810,8 @@
         "caCertPem": "Сертифікат CA (PEM)",
         "caCertPemHelp": "Перевіряє TLS-сертифікат apiserver. Пропускайте лише для публічно довіреного CA.",
         "insecureSkipTlsVerify": "Пропустити перевірку TLS",
-        "insecureSkipTlsVerifyHelp": "Наполегливо не рекомендується: лише кластери розробки/kind."
+        "insecureSkipTlsVerifyHelp": "Наполегливо не рекомендується: лише кластери розробки/kind.",
+        "invalidPort": "Введіть порт від 1 до 65535."
       },
       "customType": {
         "title": "Власні типи маніфестів",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cat-factory/app",
-  "version": "0.68.0",
+  "version": "0.68.1",
   "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",