@swiss-ai-hub/web 0.312.1 → 0.313.0

package/composables/agent/useImportAgentInstance.ts

@@ -0,0 +1,61 @@
+export const SUPPORTED_SCHEMA_VERSIONS = ['1.0']
+
+export type AgentConfig = {
+  schemaVersion: string
+  agentClass: string
+  agentId?: string
+  configuration: Record<string, unknown>
+}
+
+export type AgentConfigImportReason = 'invalidJson' | 'invalidStructure' | 'missingFields' | 'unsupportedVersion'
+
+export class AgentConfigImportError extends Error {
+  readonly reason: AgentConfigImportReason
+
+  constructor(reason: AgentConfigImportReason) {
+    super(reason)
+    this.name = 'AgentConfigImportError'
+    this.reason = reason
+  }
+}
+
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null && !Array.isArray(value)
+
+const parseAgentConfigExport = (text: string): AgentConfig => {
+  let parsed: unknown
+  try {
+    parsed = JSON.parse(text)
+  }
+  catch {
+    throw new AgentConfigImportError('invalidJson')
+  }
+
+  if (!isRecord(parsed)) throw new AgentConfigImportError('invalidStructure')
+
+  const { schemaVersion, agentClass, agentId, configuration } = parsed
+
+  if (typeof schemaVersion !== 'string' || typeof agentClass !== 'string' || !agentClass || !isRecord(configuration)) {
+    throw new AgentConfigImportError('missingFields')
+  }
+
+  if (!SUPPORTED_SCHEMA_VERSIONS.includes(schemaVersion)) {
+    throw new AgentConfigImportError('unsupportedVersion')
+  }
+
+  return {
+    schemaVersion,
+    agentClass,
+    agentId: typeof agentId === 'string' ? agentId : undefined,
+    configuration,
+  }
+}
+
+export const useImportAgentInstance = () => {
+  const readAgentConfigFile = async (file: File): Promise<AgentConfig> => {
+    const text = await file.text()
+    return parseAgentConfigExport(text)
+  }
+
+  return { readAgentConfigFile }
+}

package/i18n/locales/de.yaml

@@ -331,6 +331,17 @@ agent:
     status: 'Status:'
     online: Online
     offline: Offline
+  import:
+    button: Importieren
+    error:
+      title: Import fehlgeschlagen
+      invalidJson: Die ausgewählte Datei ist kein gültiges JSON.
+      invalidStructure: Die ausgewählte Datei ist kein gültiger Agenten-Konfigurationsexport.
+      missingFields: In der Datei fehlen erforderliche Felder (schemaVersion, agentClass
+        oder configuration).
+      unsupportedVersion: Die Datei verwendet eine nicht unterstützte Export-Schemaversion.
+      blueprintNotFound: Die Agenten-Vorlage "{agentClass}" ist in dieser Umgebung
+        nicht verfügbar.
   export:
     button: Exportieren
   configuration:

package/i18n/locales/en.yaml

@@ -328,6 +328,17 @@ agent:
     status: 'Status:'
     online: Online
     offline: Offline
+  import:
+    button: Import
+    error:
+      title: Import failed
+      invalidJson: The selected file is not valid JSON.
+      invalidStructure: The selected file is not a valid agent configuration export.
+      missingFields: The file is missing required fields (schemaVersion, agentClass,
+        or configuration).
+      unsupportedVersion: The file uses an unsupported export schema version.
+      blueprintNotFound: The agent blueprint "{agentClass}" is not available in this
+        environment.
   export:
     button: Export
   configuration:

package/i18n/locales/fr.yaml

@@ -329,6 +329,19 @@ agent:
     status: 'Statut:'
     online: En ligne
     offline: Hors ligne
+  import:
+    button: Importer
+    error:
+      title: Échec de l'import
+      invalidJson: Le fichier sélectionné n'est pas un JSON valide.
+      invalidStructure: Le fichier sélectionné n'est pas un export de configuration
+        d'agent valide.
+      missingFields: Il manque des champs obligatoires dans le fichier (schemaVersion,
+        agentClass ou configuration).
+      unsupportedVersion: Le fichier utilise une version de schéma d'export non prise
+        en charge.
+      blueprintNotFound: Le modèle d'agent « {agentClass} » n'est pas disponible dans
+        cet environnement.
   export:
     button: Exporter
   configuration:

package/i18n/locales/it.yaml

@@ -329,6 +329,19 @@ agent:
     status: 'Stato:'
     online: Online
     offline: Offline
+  import:
+    button: Importa
+    error:
+      title: Importazione non riuscita
+      invalidJson: Il file selezionato non è un JSON valido.
+      invalidStructure: Il file selezionato non è un export di configurazione dell'agente
+        valido.
+      missingFields: Nel file mancano campi obbligatori (schemaVersion, agentClass
+        o configuration).
+      unsupportedVersion: Il file utilizza una versione dello schema di export non
+        supportata.
+      blueprintNotFound: Il modello di agente "{agentClass}" non è disponibile in
+        questo ambiente.
   export:
     button: Esporta
   configuration:

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

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

@@ -16,6 +16,12 @@
           @update:model-value="toNavItem"
         />
         <div class="flex items-center gap-4">
+          <Button
+            icon="pi pi-upload"
+            severity="secondary"
+            :label="t('agent.import.button')"
+            @click="triggerImport"
+          />
           <Select
             v-model="agentClass"
             :options="agentClassOptions"
@@ -41,6 +47,14 @@
             :placeholder="t('agent.list.search_placeholder')"
             class="w-80"
           />
+          <input
+            ref="fileInput"
+            type="file"
+            accept="application/json,.json"
+            :aria-label="t('agent.import.button')"
+            class="hidden"
+            @change="handleFileSelected"
+          >
         </div>
       </div>
       <div class="flex flex-col gap-8 pt-4">
@@ -120,6 +134,8 @@
 </template>
 
 <script setup lang="ts">
+import { AgentConfigImportError } from '@core/composables/agent/useImportAgentInstance'
+
 import type { FullAgentInstanceDto, WorkflowGraph } from '@core/sdk/client'
 
 type AgentGroup = {
@@ -135,11 +151,15 @@ type AgentGroup = {
 const router = useRouter()
 const route = useRoute()
 const tenantPath = useTenantPath()
+const { tenantId } = useTenant()
 const { t, locale } = useI18n()
 
+const toast = useToast()
+
 const { agentInstances, agentInstancesAreLoading, searchQuery, agentClass, status } = useAgentInstances()
 const { agentClasses, agentClassesAreLoading } = useAgentClasses()
 const { navItems, activeNavItem, toNavItem } = useAgentNavigation()
+const { readAgentConfigFile } = useImportAgentInstance()
 
 const isLoading = computed(() => agentInstancesAreLoading.value || agentClassesAreLoading.value)
 const isTemplatesRoute = computed(() => route.path.includes('/service/agents/templates'))
@@ -148,6 +168,8 @@ const createModalOpen = ref(false)
 const selectedClassForCreate = ref('')
 const initialDataForCreate = ref<Record<string, unknown> | null>(null)
 
+const fileInput = ref<HTMLInputElement | null>(null)
+
 const workflowModalOpen = ref(false)
 const selectedGroupForWorkflow = ref<AgentGroup | null>(null)
 
@@ -195,6 +217,50 @@ const handleClone = (agent: FullAgentInstanceDto) => {
   createModalOpen.value = true
 }
 
+const triggerImport = () => fileInput.value?.click()
+
+const handleFileSelected = async () => {
+  const input = fileInput.value
+  const file = input?.files?.[0]
+  if (input) input.value = ''
+  if (!file) return
+
+  try {
+    const exported = await readAgentConfigFile(file)
+
+    const blueprintExists = agentClasses.value?.find(c => c.agent_class === exported.agentClass)
+    if (!blueprintExists) {
+      toast.add({
+        severity: 'error',
+        summary: t('agent.import.error.title'),
+        detail: t('agent.import.error.blueprintNotFound', { agentClass: exported.agentClass }),
+        life: 5000,
+      })
+      return
+    }
+
+    const configuration: Record<string, unknown> = { ...exported.configuration, tenant_id: tenantId.value }
+
+    const orgMemory = configuration.org_memory
+    if (orgMemory && typeof orgMemory === 'object' && !Array.isArray(orgMemory)) {
+      configuration.org_memory = { ...orgMemory, tenant_id: tenantId.value }
+    }
+
+    selectedClassForCreate.value = exported.agentClass
+    initialDataForCreate.value = configuration
+    createModalOpen.value = true
+  }
+  catch (error) {
+    const reason = error instanceof AgentConfigImportError ? error.reason : 'invalidStructure'
+    toast.add({
+      severity: 'error',
+      summary: t('agent.import.error.title'),
+      detail: t(`agent.import.error.${reason}`),
+      life: 5000,
+    })
+  }
+}
+
 const groupedAgents = computed<AgentGroup[]>(() => {
   const groups = new Map<string, AgentGroup>()