@cat-factory/app 0.116.0 → 0.116.2

package/app/components/providers/PersonalSubscriptionSection.vue

@@ -92,6 +92,18 @@ onMounted(() => void personal.load())
 const selectedMeta = computed(() => vendorMeta(vendor.value) ?? PERSONAL_VENDORS.value[0]!)
 const existing = computed(() => personal.subscriptions.find((s) => s.vendor === vendor.value))
 
+/**
+ * Why the Connect button is disabled, or null when it's actionable. This is the single source
+ * of truth: the button's `:disabled` is bound to `disabledReason !== null`, and the same value
+ * renders in red next to it, so the button state and the shown reason can never disagree.
+ */
+const disabledReason = computed(() => {
+  if (needsSignIn.value) return t('personalSubscriptions.disabledReason.signIn')
+  if (!token.value.trim()) return t('personalSubscriptions.disabledReason.token')
+  if (password.value.length < 6) return t('personalSubscriptions.disabledReason.password')
+  return null
+})
+
 /** Renewal nudges for any connected subscription that's near or past expiry. */
 const renewals = computed(() =>
   personal.subscriptions
@@ -253,10 +265,11 @@ async function disconnect(v: SubscriptionVendor) {
           <UInput v-model="expiresOn" type="date" :disabled="needsSignIn" />
         </UFormField>
       </div>
-      <div class="flex justify-end">
+      <div class="flex items-center justify-end gap-3">
+        <p v-if="disabledReason" class="text-sm text-rose-400">{{ disabledReason }}</p>
         <UButton
           :loading="busy"
-          :disabled="needsSignIn || !token.trim() || password.length < 6"
+          :disabled="disabledReason !== null"
           icon="i-lucide-shield-check"
           @click="connect()"
         >

package/i18n/locales/de.json

@@ -2564,6 +2564,11 @@
     "renewsField": "Abonnement verlängert sich am (optional)",
     "connect": "Verbinden",
     "replace": "Ersetzen",
+    "disabledReason": {
+      "signIn": "Melden Sie sich an, um ein persönliches Abonnement zu verbinden",
+      "token": "Geben Sie Ihr Token ein, um fortzufahren",
+      "password": "Geben Sie ein persönliches Passwort mit mindestens 6 Zeichen ein"
+    },
     "expires": "Läuft ab am {date}",
     "noExpiry": "Kein Ablaufdatum gesetzt",
     "renewal": {

package/i18n/locales/en.json

@@ -533,6 +533,11 @@
     "renewsField": "Subscription renews on (optional)",
     "connect": "Connect",
     "replace": "Replace",
+    "disabledReason": {
+      "signIn": "Sign in to connect a personal subscription",
+      "token": "Enter your token to continue",
+      "password": "Enter a personal password of at least 6 characters"
+    },
     "expires": "Expires {date}",
     "noExpiry": "No expiry set",
     "renewal": {

package/i18n/locales/es.json

@@ -482,6 +482,11 @@
     "renewsField": "La suscripción se renueva el (opcional)",
     "connect": "Conectar",
     "replace": "Reemplazar",
+    "disabledReason": {
+      "signIn": "Inicia sesión para conectar una suscripción personal",
+      "token": "Introduce tu token para continuar",
+      "password": "Introduce una contraseña personal de al menos 6 caracteres"
+    },
     "expires": "Caduca el {date}",
     "noExpiry": "Sin fecha de caducidad",
     "renewal": {

package/i18n/locales/fr.json

@@ -482,6 +482,11 @@
     "renewsField": "L'abonnement se renouvelle le (facultatif)",
     "connect": "Connecter",
     "replace": "Remplacer",
+    "disabledReason": {
+      "signIn": "Connectez-vous pour associer un abonnement personnel",
+      "token": "Saisissez votre jeton pour continuer",
+      "password": "Saisissez un mot de passe personnel d'au moins 6 caractères"
+    },
     "expires": "Expire le {date}",
     "noExpiry": "Aucune date d'expiration",
     "renewal": {

package/i18n/locales/he.json

@@ -482,6 +482,11 @@
     "renewsField": "המנוי מתחדש בתאריך (אופציונלי)",
     "connect": "חבר",
     "replace": "החלף",
+    "disabledReason": {
+      "signIn": "היכנס כדי לחבר מנוי אישי",
+      "token": "הזן את הטוקן שלך כדי להמשיך",
+      "password": "הזן סיסמה אישית באורך 6 תווים לפחות"
+    },
     "expires": "פג בתאריך {date}",
     "noExpiry": "לא הוגדרה תפוגה",
     "renewal": {

package/i18n/locales/it.json

@@ -2564,6 +2564,11 @@
     "renewsField": "L'abbonamento si rinnova il (opzionale)",
     "connect": "Collega",
     "replace": "Sostituisci",
+    "disabledReason": {
+      "signIn": "Accedi per collegare un abbonamento personale",
+      "token": "Inserisci il tuo token per continuare",
+      "password": "Inserisci una password personale di almeno 6 caratteri"
+    },
     "expires": "Scade il {date}",
     "noExpiry": "Nessuna scadenza impostata",
     "renewal": {

package/i18n/locales/ja.json

@@ -482,6 +482,11 @@
     "renewsField": "サブスクリプションの更新日 (任意)",
     "connect": "接続",
     "replace": "置き換え",
+    "disabledReason": {
+      "signIn": "個人サブスクリプションを接続するにはサインインしてください",
+      "token": "続行するにはトークンを入力してください",
+      "password": "6文字以上の個人パスワードを入力してください"
+    },
     "expires": "有効期限 {date}",
     "noExpiry": "有効期限は未設定",
     "renewal": {

package/i18n/locales/pl.json

@@ -482,6 +482,11 @@
     "renewsField": "Subskrypcja odnawia się (opcjonalnie)",
     "connect": "Połącz",
     "replace": "Zastąp",
+    "disabledReason": {
+      "signIn": "Zaloguj się, aby połączyć subskrypcję osobistą",
+      "token": "Wprowadź token, aby kontynuować",
+      "password": "Wprowadź hasło osobiste o długości co najmniej 6 znaków"
+    },
     "expires": "Wygasa {date}",
     "noExpiry": "Brak daty wygaśnięcia",
     "renewal": {

package/i18n/locales/tr.json

@@ -482,6 +482,11 @@
     "renewsField": "Abonelik yenilenme tarihi (isteğe bağlı)",
     "connect": "Bağlan",
     "replace": "Değiştir",
+    "disabledReason": {
+      "signIn": "Kişisel bir abonelik bağlamak için oturum açın",
+      "token": "Devam etmek için token'ınızı girin",
+      "password": "En az 6 karakterlik kişisel bir parola girin"
+    },
     "expires": "Son kullanma {date}",
     "noExpiry": "Son kullanma tarihi ayarlanmadı",
     "renewal": {

package/i18n/locales/uk.json

@@ -482,6 +482,11 @@
     "renewsField": "Підписка поновлюється (необов'язково)",
     "connect": "Підключити",
     "replace": "Замінити",
+    "disabledReason": {
+      "signIn": "Увійдіть, щоб підключити особисту підписку",
+      "token": "Введіть свій токен, щоб продовжити",
+      "password": "Введіть особистий пароль щонайменше з 6 символів"
+    },
     "expires": "Завершується {date}",
     "noExpiry": "Дата завершення не вказана",
     "renewal": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cat-factory/app",
-  "version": "0.116.0",
+  "version": "0.116.2",
   "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.128.0"
+    "@cat-factory/contracts": "0.128.1"
   },
   "devDependencies": {
     "@toad-contracts/testing": "0.3.2",