@swiss-ai-hub/web 0.310.5 → 0.311.0

package/components/Agent/Card.vue

@@ -43,6 +43,15 @@
           size="small"
           @click.stop="emit('clone', agent)"
         />
+        <Button
+          v-tooltip.top="t('agent.export.button')"
+          icon="pi pi-download"
+          severity="secondary"
+          text
+          rounded
+          size="small"
+          @click.stop="exportAgentInstance(agent)"
+        />
         <Button
           v-if="showDelete"
           icon="pi pi-trash"
@@ -93,6 +102,7 @@ const toast = useToast()
 const confirm = useConfirm()
 const { tenantId } = useTenant()
 const { deleteAgentInstance, isDeleting } = useDeleteAgentInstance()
+const { exportAgentInstance } = useExportAgentInstance()
 
 const isActive = computed(() => {
   return route.params.agent_id === props.agent.agent_id && route.params.agent_class === props.agent.agent_class

package/components/Knowledge/Document/List.vue

@@ -24,6 +24,8 @@
     :sort-order="sortOrder"
     removable-sort
     size="small"
+    :select-all="allDeletableSelected"
+    @select-all-change="onSelectAllChange"
     @row-click="handleRowClick"
     @sort="handleSort"
   >
@@ -38,9 +40,7 @@
     >
       <template #body="{ data }">
         <div class="flex items-center gap-2">
-          <p
-            class="font-bold"
-          >
+          <p class="font-bold">
             {{ data.document_title }}
           </p>
           <div
@@ -91,9 +91,7 @@
       :header="t('document.list.number_of_pages')"
     >
       <template #body="{ data }">
-        <Badge
-          :value="data.number_of_pages ?? '-'"
-        />
+        <Badge :value="data.number_of_pages ?? '-'" />
       </template>
     </Column>
     <Column
@@ -184,17 +182,16 @@ watch(
   { immediate: true },
 )
 
-// Drop any selected document that is no longer deletable — either picked by "select all" while
-// processing, or flipped to "deleting" by a single-row delete after it was already selected.
-watch(
-  () => checkedDocuments.value.filter(document => !isDocumentDeletable(document)).length,
-  (nonDeletableCount) => {
-    if (nonDeletableCount > 0) {
-      checkedDocuments.value = checkedDocuments.value.filter(isDocumentDeletable)
-    }
-  },
+const deletableDocuments = computed(() => props.documents.filter(isDocumentDeletable))
+
+const allDeletableSelected = computed(
+  () => deletableDocuments.value.length > 0 && checkedDocuments.value.length === deletableDocuments.value.length,
 )
 
+const onSelectAllChange = ({ checked }: { checked: boolean }) => {
+  checkedDocuments.value = checked ? [...deletableDocuments.value] : []
+}
+
 const handleRowClick = (event: DataTableRowClickEvent) => {
   const document = event.data as DocumentDto
   if (document.is_ingested && !isDocumentDeleting(document)) {
@@ -243,6 +240,7 @@ const handleDelete = async (document: DocumentDto) => {
       documentId: document.id,
     })
     schedule([document.id])
+    checkedDocuments.value = checkedDocuments.value.filter(selected => selected.id !== document.id)
     toast.add({
       severity: 'success',
       summary: t('document.delete.success'),

package/composables/agent/useExportAgentInstance.ts

@@ -0,0 +1,33 @@
+import type { FullAgentInstanceDto } from '@core/sdk/client'
+
+const EXPORT_SCHEMA_VERSION = '1.0'
+
+type AgentConfigExport = {
+  schemaVersion: string
+  agentClass: string
+  agentId: string
+  configuration: Record<string, unknown>
+}
+
+export const useExportAgentInstance = () => {
+  const buildExport = (instance: FullAgentInstanceDto): AgentConfigExport => ({
+    schemaVersion: EXPORT_SCHEMA_VERSION,
+    agentClass: instance.agent_class,
+    agentId: instance.agent_id,
+    configuration: instance.configuration ?? {},
+  })
+
+  const exportAgentInstance = (instance: FullAgentInstanceDto): void => {
+    const blob = new Blob([JSON.stringify(buildExport(instance), null, 2)], { type: 'application/json' })
+    const url = URL.createObjectURL(blob)
+
+    const anchor = document.createElement('a')
+    anchor.href = url
+    anchor.download = `${instance.agent_config.name}_${instance.agent_id}_config.json`
+    anchor.click()
+
+    URL.revokeObjectURL(url)
+  }
+
+  return { exportAgentInstance }
+}

package/i18n/locales/de.yaml

@@ -331,6 +331,8 @@ agent:
     status: 'Status:'
     online: Online
     offline: Offline
+  export:
+    button: Exportieren
   configuration:
     title: Agentenkonfiguration
     description: Konfigurieren Sie das Laufzeitverhalten und die Einstellungen für

package/i18n/locales/en.yaml

@@ -328,6 +328,8 @@ agent:
     status: 'Status:'
     online: Online
     offline: Offline
+  export:
+    button: Export
   configuration:
     title: Agent Configuration
     description: Configure the runtime behavior and settings for this agent

package/i18n/locales/fr.yaml

@@ -329,6 +329,8 @@ agent:
     status: 'Statut:'
     online: En ligne
     offline: Hors ligne
+  export:
+    button: Exporter
   configuration:
     title: Configuration de l'agent
     description: Configurez le comportement d'exécution et les paramètres de cet agent

package/i18n/locales/it.yaml

@@ -329,6 +329,8 @@ agent:
     status: 'Stato:'
     online: Online
     offline: Offline
+  export:
+    button: Esporta
   configuration:
     title: Configurazione dell'agente
     description: Configura il comportamento runtime e le impostazioni per questo agente

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.310.5",
+  "version": "0.311.0",
   "description": "Swiss AI Hub - Admin & Management UI (Nuxt 3 layer)",
   "main": "./nuxt.config.ts",
   "repository": {

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

@@ -6,9 +6,19 @@
     size="normal"
   >
     <div class="flex flex-col gap-3">
-      <p class="mb-4 text-sm text-surface-500 dark:text-surface-400">
-        {{ t('agent.configuration.description') }}
-      </p>
+      <div class="mb-4 flex items-start justify-between gap-4">
+        <p class="text-sm text-surface-500 dark:text-surface-400">
+          {{ t('agent.configuration.description') }}
+        </p>
+        <Button
+          icon="pi pi-download"
+          severity="secondary"
+          :label="t('agent.export.button')"
+          class="shrink-0"
+          :disabled="!agentInstance"
+          @click="exportAgent"
+        />
+      </div>
       <AgentConfiguration
         v-if="hasLoaded && configForm && configForm.length > 0"
         :title="t('agent.configuration.runtimeSettings')"
@@ -40,9 +50,14 @@ const route = useRoute()
 const { tenantId } = useTenant()
 const { agentInstance, agentInstanceIsLoading } = useAgentInstance()
 const { updateAgentInstance } = useUpdateAgentInstance()
+const { exportAgentInstance } = useExportAgentInstance()
 const { t } = useI18n()
 const toast = useToast()
 
+const exportAgent = () => {
+  if (agentInstance.value) exportAgentInstance(agentInstance.value)
+}
+
 // Latch so a background refetch or transient `enabled` flip can't remount the form and
 // re-seed it from server data, dropping unsaved edits (issue #38).
 const hasLoaded = ref(false)