@cat-factory/app 0.137.1 → 0.138.0

package/i18n/locales/he.json

@@ -4122,7 +4122,6 @@
     "footer": "תרחישים הם התחומים שהבודק בחר לבחון (תרחישי קבלת המפרט שלו). תוצאות וחששות מקובצים תחתם לפי שם."
   },
   "visualConfirm": {
-    "ariaLabel": "אישור חזותי",
     "title": "אישור חזותי",
     "titleWithBlock": "אישור חזותי — {title}",
     "subtitle": "סקור את הממשק מול עיצובי הייחוס",

package/i18n/locales/it.json

@@ -4445,7 +4445,6 @@
     "footer": "Gli scenari sono le aree che il Tester ha scelto di verificare (i suoi scenari di accettazione della specifica). Esiti e rilievi sono raggruppati sotto di essi per nome."
   },
   "visualConfirm": {
-    "ariaLabel": "Conferma visiva",
     "title": "Conferma visiva",
     "titleWithBlock": "Conferma visiva — {title}",
     "subtitle": "Confronta l'interfaccia con i design di riferimento",

package/i18n/locales/ja.json

@@ -4123,7 +4123,6 @@
     "footer": "シナリオはTesterが検証対象に選んだ領域(スペックの受け入れシナリオ)です。結果と懸念は名前ごとにその下にグループ化されます。"
   },
   "visualConfirm": {
-    "ariaLabel": "ビジュアル確認",
     "title": "ビジュアル確認",
     "titleWithBlock": "ビジュアル確認 — {title}",
     "subtitle": "リファレンスデザインと照らしてUIをレビュー",

package/i18n/locales/pl.json

@@ -4111,7 +4111,6 @@
     }
   },
   "visualConfirm": {
-    "ariaLabel": "Potwierdzenie wizualne",
     "title": "Potwierdzenie wizualne",
     "titleWithBlock": "Potwierdzenie wizualne — {title}",
     "subtitle": "Porównaj interfejs z projektami referencyjnymi",

package/i18n/locales/tr.json

@@ -4123,7 +4123,6 @@
     "footer": "Senaryolar, Tester'ın test etmek için seçtiği alanlardır (spesifikasyon kabul senaryoları). Sonuçlar ve endişeler ada göre bunların altında gruplanır."
   },
   "visualConfirm": {
-    "ariaLabel": "Görsel doğrulama",
     "title": "Görsel doğrulama",
     "titleWithBlock": "Görsel doğrulama — {title}",
     "subtitle": "Arayüzü referans tasarımlarla karşılaştırarak inceleyin",

package/i18n/locales/uk.json

@@ -4111,7 +4111,6 @@
     }
   },
   "visualConfirm": {
-    "ariaLabel": "Візуальне підтвердження",
     "title": "Візуальне підтвердження",
     "titleWithBlock": "Візуальне підтвердження — {title}",
     "subtitle": "Порівняйте інтерфейс з еталонними дизайнами",

package/package.json

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

package/app/composables/useFocusTrap.ts

@@ -1,72 +0,0 @@
-import { nextTick, onScopeDispose, watch, type Ref } from 'vue'
-
-/**
- * Lightweight focus management for a modal surface (the screenshot review windows + the
- * shared lightbox). While `active`, it:
- *   · moves focus into the container on open (so keyboard / screen-reader users land inside
- *     the dialog instead of staying on the background),
- *   · traps Tab / Shift+Tab within the container's focusable elements, and
- *   · restores focus to whatever was focused before, on close.
- *
- * Nested surfaces (a lightbox opened over a review window) hand off cleanly because each
- * caller scopes its own `active` — the window passes `open && !lightboxOpen`, so exactly one
- * trap is live at a time and they never fight over Tab.
- */
-export function useFocusTrap(container: Ref<HTMLElement | null>, active: Ref<boolean>): void {
-  let previouslyFocused: HTMLElement | null = null
-
-  function focusables(): HTMLElement[] {
-    const root = container.value
-    if (!root) return []
-    const nodes = root.querySelectorAll<HTMLElement>(
-      'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',
-    )
-    // Skip elements that aren't actually rendered (e.g. inside a `v-if`/`hidden` branch).
-    return Array.from(nodes).filter(
-      (el) => el.offsetParent !== null || el === document.activeElement,
-    )
-  }
-
-  function onKeydown(e: KeyboardEvent): void {
-    if (!active.value || e.key !== 'Tab') return
-    const els = focusables()
-    if (!els.length) {
-      e.preventDefault()
-      container.value?.focus()
-      return
-    }
-    const first = els[0]!
-    const last = els[els.length - 1]!
-    const current = document.activeElement as HTMLElement | null
-    const inside = !!container.value?.contains(current)
-    if (e.shiftKey) {
-      if (!inside || current === first) {
-        e.preventDefault()
-        last.focus()
-      }
-    } else if (!inside || current === last) {
-      e.preventDefault()
-      first.focus()
-    }
-  }
-
-  watch(
-    active,
-    (on) => {
-      if (on) {
-        previouslyFocused = document.activeElement as HTMLElement | null
-        window.addEventListener('keydown', onKeydown, true)
-        void nextTick(() => {
-          ;(focusables()[0] ?? container.value)?.focus()
-        })
-      } else {
-        window.removeEventListener('keydown', onKeydown, true)
-        previouslyFocused?.focus?.()
-        previouslyFocused = null
-      }
-    },
-    { immediate: true },
-  )
-
-  onScopeDispose(() => window.removeEventListener('keydown', onKeydown, true))
-}