@swiss-ai-hub/web 0.299.0 → 0.300.1

package/components/Agent/CreateModal.vue

@@ -33,6 +33,7 @@
             {{ t('agent.create.selectClass') }}
           </label>
           <Select
+            id="agentClass"
             v-model="selectedClass"
             :options="agentClasses"
             option-label="agent_class"

package/components/Dashboard/Grid.vue

@@ -33,6 +33,7 @@
                 option-label="label"
                 append-to="self"
                 :placeholder="t('dashboard.select_data_type')"
+                :aria-label="t('dashboard.select_data_type')"
               />
               <Select
                 v-model="agent"
@@ -40,6 +41,7 @@
                 option-label="agent_config.name"
                 append-to="self"
                 :placeholder="t('dashboard.select_agent')"
+                :aria-label="t('dashboard.select_agent')"
                 :loading="agentInstancesAreLoading"
                 show-clear
               />

package/components/FormKit/AgentSelector.vue

@@ -10,6 +10,7 @@
       </label>
       <Select
         v-model="selectedClass"
+        :aria-label="t('agent.selector.class.label')"
         input-id="agent-class-select"
         :options="filteredClassOptions"
         option-label="displayName"
@@ -53,6 +54,7 @@
       </label>
       <Select
         v-model="selectedId"
+        :aria-label="t('agent.selector.id.label')"
         input-id="agent-id-select"
         :options="idOptions"
         option-label="displayName"

package/components/FormKit/IconSelector.vue

@@ -17,6 +17,7 @@
     <!-- Editable Select -->
     <Select
       v-model="selectedIcon"
+      :aria-label="placeholder"
       :options="iconOptions"
       :editable="true"
       :placeholder="placeholder"

package/components/FormKit/LocaleInput.vue

@@ -46,6 +46,7 @@
       <Textarea
         v-else
         v-model="currentValue"
+        :aria-label="localizedPlaceholder"
         :placeholder="localizedPlaceholder"
         :rows="rows"
         class="w-full"

package/components/FormKit/ModelSelect.vue

@@ -4,6 +4,7 @@
     :options="models"
     option-label="model_name"
     option-value="model_name"
+    :aria-label="placeholder ?? t('common.selectModel')"
     :placeholder="placeholder ?? t('common.selectModel')"
     :filter="filter"
     :show-clear="showClear"

package/components/FormKit/VectorStoreInput.vue

@@ -10,6 +10,7 @@
       </label>
       <Select
         v-model="selectedDatabase"
+        :aria-label="t('lib.vectorStore.database.label')"
         input-id="vector-store-database-select"
         :options="databaseOptions"
         option-label="displayName"

package/components/Knowledge/Document/UploadModal.vue

@@ -58,7 +58,9 @@
         <p class="text-sm font-medium">
           {{ t('knowledge.documents.upload.target_location.label') }}
         </p>
-        <div class="flex items-center gap-2 rounded-lg border border-surface-200 bg-surface-50 p-3 dark:border-surface-700 dark:bg-surface-800">
+        <div
+          class="flex items-center gap-2 rounded-lg border border-surface-200 bg-surface-50 p-3 dark:border-surface-700 dark:bg-surface-800"
+        >
           <i
             class="pi pi-database text-surface-400"
             style="font-size: 1rem"
@@ -122,6 +124,7 @@
       type="file"
       multiple
       :accept="acceptedFileTypesString"
+      :aria-label="t('knowledge.documents.upload.actions.upload')"
       class="hidden"
       @change="handleFileSelect"
     >

package/components/Knowledge/Namespace/EditModal.vue

@@ -28,8 +28,8 @@
           <span class="ml-1 text-xs text-gray-400">(optional)</span>
         </label>
         <InputText
+          id="edit-namespace-display-name-input"
           v-model="displayName"
-          input-id="edit-namespace-display-name-input"
           :placeholder="t('knowledge.form.display_name.placeholder')"
         />
         <small class="text-gray-500">{{ t('knowledge.form.display_name.help') }}</small>

package/components/Memory/Edit.vue

@@ -5,11 +5,12 @@
         <label
           for="memory-content-textarea"
           class="text-xs font-medium text-gray-700 dark:text-gray-500"
-        >{{ t('memory.edit.memory_content_label') }}</label>
+        >{{
+          t('memory.edit.memory_content_label') }}</label>
         <Textarea
           v-if="isEditing"
+          id="memory-content-textarea"
           v-model="editedData"
-          input-id="memory-content-textarea"
           auto-resize
           rows="5"
           class="w-full"

package/components/Process/CreateModal.vue

@@ -33,6 +33,7 @@
             {{ t('process.create.selectClass') }}
           </label>
           <Select
+            id="processClass"
             v-model="selectedClass"
             :options="processClasses"
             option-label="process_class"

package/components/Role/UsageLimitsEditor.vue

@@ -54,14 +54,16 @@
                         value="MyAgent.*"
                         severity="secondary"
                         size="small"
-                      /> — {{ t('role.pattern_help_wildcard') }}
+                      /> — {{ t('role.pattern_help_wildcard')
+                      }}
                     </li>
                     <li class="whitespace-nowrap">
                       <Badge
                         value="MyAgent.prod"
                         severity="secondary"
                         size="small"
-                      /> — {{ t('role.pattern_help_specific') }}
+                      /> — {{
+                        t('role.pattern_help_specific') }}
                     </li>
                   </ul>
                 </div>
@@ -119,7 +121,9 @@
           <tr>
             <td class="py-2">
               <div class="flex items-center">
-                <span class="whitespace-nowrap rounded-l border border-r-0 border-surface-300 bg-surface-100 px-2 py-1.5 text-xs text-muted-color dark:border-surface-600 dark:bg-surface-800">
+                <span
+                  class="whitespace-nowrap rounded-l border border-r-0 border-surface-300 bg-surface-100 px-2 py-1.5 text-xs text-muted-color dark:border-surface-600 dark:bg-surface-800"
+                >
                   {{ AGENT_PREFIX }}
                 </span>
                 <InputText
@@ -143,6 +147,7 @@
             <td class="py-2">
               <select
                 v-model="newPeriod"
+                :aria-label="t('role.usage_period')"
                 class="w-full rounded border border-surface-300 bg-surface-0 px-2 py-1.5 text-sm dark:border-surface-600 dark:bg-surface-900"
               >
                 <option

package/components/User/Settings.vue

@@ -19,6 +19,7 @@
         <Select
           v-model="selectedLocale"
           input-id="user-language-select"
+          :aria-label="t('user.language')"
           :options="localeOptions"
           option-label="name"
           class="w-full"

package/composables/agent/useCreateAgentInstance.ts

@@ -21,6 +21,10 @@ export const useCreateAgentInstance = defineMutation(() => {
       // Invalidate agent instances cache to refresh the list
       queryCache.invalidateQueries({ key: ['tenant', tenantId, 'agent-instances'] })
       queryCache.invalidateQueries({ key: ['tenant', tenantId, 'agent-class-instances', agentClass] })
+      // Creating an instance auto-grants the creator a per-instance admin role, so the tenant roles list
+      // and the creator's own account (roles + accessible services) are now stale
+      queryCache.invalidateQueries({ key: ['tenant', tenantId, 'roles'] })
+      queryCache.invalidateQueries({ key: ['tenant', tenantId, 'my_user'] })
       return result
     },
   })

package/composables/agent/useDeleteAgentInstance.ts

@@ -20,6 +20,10 @@ export const useDeleteAgentInstance = defineMutation(() => {
 
       queryCache.invalidateQueries({ key: ['tenant', tenantId, 'agent-instances'] })
       queryCache.invalidateQueries({ key: ['tenant', tenantId, 'agent-class-instances', agentClass] })
+      // Deleting an instance removes its per-instance admin role, so the tenant roles list and the
+      // creator's own account (roles + accessible services) are now stale
+      queryCache.invalidateQueries({ key: ['tenant', tenantId, 'roles'] })
+      queryCache.invalidateQueries({ key: ['tenant', tenantId, 'my_user'] })
     },
   })
 

package/i18n/locales/de.yaml

@@ -170,6 +170,7 @@ thread:
     title: Hierarchische Ansicht der Turns
   chat:
     title: Chat-Ansicht
+    placeholder: Chat-Eingabe
   memories:
     title: Thread-Erinnerungen
     description: Während {threadName} gesammelte Erinnerungen

package/i18n/locales/en.yaml

@@ -169,6 +169,7 @@ thread:
     title: Hierarchical View on Turns
   chat:
     title: Chat view
+    placeholder: Chat input
   memories:
     title: Thread Memories
     description: Memories collected during {threadName}

package/i18n/locales/fr.yaml

@@ -169,6 +169,7 @@ thread:
     title: Vue hiérarchique des tours
   chat:
     title: Vue Chat
+    placeholder: Saisie du chat
   memories:
     title: Mémoires du fil de discussion
     description: Mémoires collectées pendant {threadName}

package/i18n/locales/it.yaml

@@ -169,6 +169,7 @@ thread:
     title: Vista gerarchica sui turni
   chat:
     title: Vista Chat
+    placeholder: Input chat
   memories:
     title: Memorie del thread
     description: Memorie raccolte durante {threadName}

package/package.json

@@ -3,7 +3,7 @@
   "license": "AGPL-3.0-or-later",
   "author": "bbv Software Services AG (https://www.bbv.ch)",
   "type": "module",
-  "version": "0.299.0",
+  "version": "0.300.1",
   "description": "Swiss AI Hub - Admin & Management UI (Nuxt 3 layer)",
   "main": "./nuxt.config.ts",
   "repository": {

package/pages/[tenant]/service/agents/[agent_class]-[agent_id]/chat.vue

@@ -13,6 +13,7 @@
             auto-resize
             rows="5"
             cols="30"
+            :aria-label="t('agent.chat.placeholder')"
             :placeholder="t('agent.chat.placeholder')"
             @keydown.enter="submitMessage"
           />

package/pages/[tenant]/service/agents.vue

@@ -21,6 +21,7 @@
             :options="agentClassOptions"
             option-label="label"
             option-value="value"
+            :aria-label="t('agent.list.filter.type_placeholder')"
             :placeholder="t('agent.list.filter.type_placeholder')"
             show-clear
             class="w-52"
@@ -30,6 +31,7 @@
             :options="statusOptions"
             option-label="label"
             option-value="value"
+            :aria-label="t('agent.list.filter.status_placeholder')"
             :placeholder="t('agent.list.filter.status_placeholder')"
             show-clear
             class="w-52"
@@ -47,7 +49,7 @@
           :key="group.agentClass"
         >
           <div
-            v-if="showGroupHeader(group)"
+            v-if="(group.instances.length > 0 || (group.isAvailable && !hasActiveFilters)) && !showNoResults"
             class="pb-4"
           >
             <div class="flex items-center gap-2 pb-2">
@@ -88,7 +90,7 @@
               @clone="handleClone"
             />
             <AgentEmptyCard
-              v-if="group.isAvailable && (!searchQuery && !status && !agentClass)"
+              v-if="group.isAvailable && !hasActiveFilters"
               @add="openCreateModal(group.agentClass)"
             />
           </div>
@@ -164,12 +166,16 @@ const statusOptions = computed(() => [
   { label: t('agent.list.filter.disabled'), value: 'disabled' },
 ])
 
+const hasActiveFilters = computed(() =>
+  !!searchQuery.value || !!agentClass.value || !!status.value,
+)
+
 const hasVisibleInstances = computed(() =>
   groupedAgents.value.some(group => group.instances.length > 0),
 )
 
 const showNoResults = computed(() =>
-  !hasVisibleInstances.value && (!!searchQuery.value || !!agentClass.value || !!status.value),
+  !hasVisibleInstances.value && hasActiveFilters.value,
 )
 
 const openWorkflowModal = (group: AgentGroup) => {
@@ -177,13 +183,6 @@ const openWorkflowModal = (group: AgentGroup) => {
   workflowModalOpen.value = true
 }
 
-const hasActiveFilters = computed(() =>
-  !!searchQuery.value || !!agentClass.value || !!status.value,
-)
-
-const showGroupHeader = (group: AgentGroup) =>
-  hasActiveFilters.value ? group.instances.length > 0 : group.isAvailable
-
 const openCreateModal = (agentClass: string) => {
   selectedClassForCreate.value = agentClass
   initialDataForCreate.value = null

package/pages/[tenant]/service/threads/[thread_id]/chat.vue

@@ -11,6 +11,7 @@
     <div class="pt-16">
       <Textarea
         v-model="userInput"
+        :aria-label="t('thread.chat.placeholder')"
         class="w-full"
         auto-resize
         rows="5"

package/pages/[tenant]/service/threads.vue

@@ -23,6 +23,7 @@
             :options="statusOptions"
             option-label="label"
             option-value="value"
+            :aria-label="t('thread.list.filter.status_placeholder')"
             :placeholder="t('thread.list.filter.status_placeholder')"
             show-clear
             class="w-48"
@@ -32,6 +33,7 @@
             :options="agentInstanceOptions"
             option-label="label"
             option-value="value"
+            :aria-label="t('thread.list.filter.agent_name_placeholder')"
             :placeholder="t('thread.list.filter.agent_name_placeholder')"
             show-clear
             class="w-48"
@@ -41,6 +43,7 @@
             :options="userOptions"
             option-label="label"
             option-value="value"
+            :aria-label="t('thread.list.filter.user_name_placeholder')"
             :placeholder="t('thread.list.filter.user_name_placeholder')"
             show-clear
             class="w-48"