@cat-factory/app 0.50.0 → 0.50.1

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

@@ -9,27 +9,53 @@ const props = defineProps<{ block: Block }>()
 
 const board = useBoardStore()
 const fragments = useFragmentsStore()
+const ui = useUiStore()
+const accounts = useAccountsStore()
 const { t } = useI18n()
 
 onMounted(() => fragments.ensureLoaded())
 
+type MenuItem = { label: string; icon?: string; onSelect: () => void }
+
 const selectedFragments = computed(() =>
   (props.block.serviceFragmentIds ?? [])
     .map((id) => fragments.getFragment(id))
     .filter((f): f is NonNullable<typeof f> => !!f),
 )
 
-// Picker menu: every pool fragment not already selected, grouped by category.
-const fragmentMenu = computed(() => {
+// A trailing group that jumps from "attach a fragment" to authoring/editing the
+// library itself (board tier always; account tier when accounts are enabled).
+// Open to every member — managing fragments is not an admin-only action.
+const manageItems = computed<MenuItem[]>(() => {
+  const items: MenuItem[] = [
+    {
+      label: t('inspector.fragments.manageBoard'),
+      icon: 'i-lucide-book-marked',
+      onSelect: () => ui.openFragmentLibrary(),
+    },
+  ]
+  if (accounts.enabled) {
+    items.push({
+      label: t('inspector.fragments.manageAccount'),
+      icon: 'i-lucide-users',
+      onSelect: () => ui.openAccountSettings('fragments'),
+    })
+  }
+  return items
+})
+
+// Picker menu: every pool fragment not already selected, grouped by category, with
+// the management links appended as the final group.
+const fragmentMenu = computed<MenuItem[][]>(() => {
   const selected = new Set(props.block.serviceFragmentIds ?? [])
-  const groups = new Map<string, { label: string; onSelect: () => void }[]>()
+  const groups = new Map<string, MenuItem[]>()
   for (const f of fragments.fragments) {
     if (selected.has(f.id)) continue
     const items = groups.get(f.category) ?? []
     items.push({ label: f.title, onSelect: () => addFragment(f.id) })
     groups.set(f.category, items)
   }
-  return [...groups.values()]
+  return [...groups.values(), manageItems.value]
 })
 
 function addFragment(id: string) {
@@ -52,7 +78,7 @@ function removeFragment(id: string) {
       <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
         {{ t('inspector.fragments.serviceTitle') }}
       </span>
-      <UDropdownMenu v-if="fragmentMenu.length" :items="fragmentMenu">
+      <UDropdownMenu :items="fragmentMenu">
         <UButton
           size="xs"
           variant="ghost"

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

@@ -5,8 +5,12 @@ const props = defineProps<{ block: Block }>()
 
 const board = useBoardStore()
 const fragments = useFragmentsStore()
+const ui = useUiStore()
+const accounts = useAccountsStore()
 const { t } = useI18n()
 
+type MenuItem = { label: string; icon?: string; onSelect: () => void }
+
 // ---- best-practice prompt fragments ----------------------------------------
 // Selected fragments (resolved against the catalog; unknown ids are dropped).
 const selectedFragments = computed(() =>
@@ -15,18 +19,40 @@ const selectedFragments = computed(() =>
     .filter((f): f is NonNullable<typeof f> => !!f),
 )
 
+// A trailing group that jumps from "attach a fragment" to authoring/editing the
+// library itself (board tier always; account tier when accounts are enabled).
+// Open to every member — managing fragments is not an admin-only action.
+const manageItems = computed<MenuItem[]>(() => {
+  const items: MenuItem[] = [
+    {
+      label: t('inspector.fragments.manageBoard'),
+      icon: 'i-lucide-book-marked',
+      onSelect: () => ui.openFragmentLibrary(),
+    },
+  ]
+  if (accounts.enabled) {
+    items.push({
+      label: t('inspector.fragments.manageAccount'),
+      icon: 'i-lucide-users',
+      onSelect: () => ui.openAccountSettings('fragments'),
+    })
+  }
+  return items
+})
+
 // Picker menu: fragments suitable for this block's type, not already selected,
-// grouped by category so the dropdown reads like the catalog.
-const fragmentMenu = computed(() => {
+// grouped by category so the dropdown reads like the catalog, with the management
+// links appended as the final group.
+const fragmentMenu = computed<MenuItem[][]>(() => {
   const selected = new Set(props.block.fragmentIds ?? [])
-  const groups = new Map<string, { label: string; onSelect: () => void }[]>()
+  const groups = new Map<string, MenuItem[]>()
   for (const f of fragments.forBlockType(props.block.type)) {
     if (selected.has(f.id)) continue
     const items = groups.get(f.category) ?? []
     items.push({ label: f.title, onSelect: () => addFragment(f.id) })
     groups.set(f.category, items)
   }
-  return [...groups.values()]
+  return [...groups.values(), manageItems.value]
 })
 
 function addFragment(id: string) {
@@ -65,7 +91,7 @@ function removeFragment(id: string) {
         <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
           {{ t('inspector.structure.bestPractices') }}
         </span>
-        <UDropdownMenu v-if="fragmentMenu.length" :items="fragmentMenu">
+        <UDropdownMenu :items="fragmentMenu">
           <UButton
             size="xs"
             variant="ghost"

package/i18n/locales/en.json

@@ -397,7 +397,9 @@
     },
     "fragments": {
       "serviceTitle": "Service best practices",
-      "serviceEmpty": "None. Code-aware agents on this service follow their default guidance."
+      "serviceEmpty": "None. Code-aware agents on this service follow their default guidance.",
+      "manageBoard": "Manage this board's fragment library…",
+      "manageAccount": "Manage account fragments…"
     },
     "releaseHealth": {
       "title": "Post-release health",

package/i18n/locales/es.json

@@ -361,7 +361,9 @@
     },
     "fragments": {
       "serviceTitle": "Buenas prácticas del servicio",
-      "serviceEmpty": "Ninguna. Los agentes que conocen el código en este servicio siguen su guía predeterminada."
+      "serviceEmpty": "Ninguna. Los agentes que conocen el código en este servicio siguen su guía predeterminada.",
+      "manageBoard": "Gestionar la biblioteca de fragmentos de este tablero…",
+      "manageAccount": "Gestionar los fragmentos de la cuenta…"
     },
     "releaseHealth": {
       "title": "Salud posterior al lanzamiento",

package/i18n/locales/fr.json

@@ -361,7 +361,9 @@
     },
     "fragments": {
       "serviceTitle": "Bonnes pratiques du service",
-      "serviceEmpty": "Aucune. Les agents conscients du code sur ce service suivent leurs consignes par défaut."
+      "serviceEmpty": "Aucune. Les agents conscients du code sur ce service suivent leurs consignes par défaut.",
+      "manageBoard": "Gérer la bibliothèque de fragments de ce tableau…",
+      "manageAccount": "Gérer les fragments du compte…"
     },
     "releaseHealth": {
       "title": "Santé post-déploiement",

package/i18n/locales/pl.json

@@ -361,7 +361,9 @@
     },
     "fragments": {
       "serviceTitle": "Dobre praktyki usługi",
-      "serviceEmpty": "Brak. Agenci świadomi kodu w tej usłudze stosują swoje domyślne wytyczne."
+      "serviceEmpty": "Brak. Agenci świadomi kodu w tej usłudze stosują swoje domyślne wytyczne.",
+      "manageBoard": "Zarządzaj biblioteką fragmentów tej tablicy…",
+      "manageAccount": "Zarządzaj fragmentami konta…"
     },
     "releaseHealth": {
       "title": "Kondycja po wydaniu",

package/i18n/locales/uk.json

@@ -361,7 +361,9 @@
     },
     "fragments": {
       "serviceTitle": "Найкращі практики сервісу",
-      "serviceEmpty": "Немає. Агенти, що працюють з кодом цього сервісу, дотримуються типових інструкцій."
+      "serviceEmpty": "Немає. Агенти, що працюють з кодом цього сервісу, дотримуються типових інструкцій.",
+      "manageBoard": "Керувати бібліотекою фрагментів цієї дошки…",
+      "manageAccount": "Керувати фрагментами облікового запису…"
     },
     "releaseHealth": {
       "title": "Стан після релізу",

package/package.json

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