@swiss-ai-hub/web 0.310.6 → 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/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.6",
+  "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)