@swiss-ai-hub/web 0.305.8 → 0.306.1

package/composables/agent/useAgentClasses.ts

@@ -9,6 +9,9 @@ export const useAgentClasses = defineQuery((options?: { online?: boolean }) => {
   const { data: agentClasses, isPending: agentClassesAreLoading } = useQuery<AgentClassDto[]>({
     key: () => ['tenant', tenantId.value, 'agent-classes', options?.online],
     staleTime: minutesToMilliseconds(5),
+    // A focus refetch replaces the classes array with new object references, which would
+    // reset an in-progress create form (issue #38). Keep the cached value until invalidated.
+    refetchOnWindowFocus: false,
     enabled: useTenantReady(),
     query: async () => {
       return await getAgentClasses({

package/composables/agent/useAgentInstance.ts

@@ -9,6 +9,9 @@ export const useAgentInstance = defineQuery(() => {
   const { data: agentInstance, isPending: agentInstanceIsLoading } = useQuery<FullAgentInstanceDto>({
     key: () => ['tenant', tenantId.value, 'agent-instances', route.params.agent_class as string, route.params.agent_id as string],
     staleTime: minutesToMilliseconds(5),
+    // A focus refetch after leaving the tab would flip the loading/enabled state and remount
+    // the configuration form, discarding unsaved edits (issue #38). Keep the cached value.
+    refetchOnWindowFocus: false,
     enabled: useTenantReady('agent_id', 'agent_class'),
     query: async () => {
       return await getAgentInstance({

package/composables/form/useCreateInstanceForm.ts

@@ -94,22 +94,30 @@ export function useCreateInstanceForm<T extends ClassDataLike>(options: CreateIn
     setNestedValue(formData.value, path, value)
   }
 
-  watch(selectedClassData, (newClass) => {
-    formData.value = newClass?.form && newClass.form.length > 0
+  // Reseed only when the chosen class changes; a refetch hands back a new reference for the
+  // same class, and reseeding on that churn would wipe the user's input (issue #38).
+  let seededForClass: string | null = null
+  watch([selectedClass, selectedClassData], () => {
+    if (seededForClass === selectedClass.value) return
+    if (!selectedClassData.value) return
+    formData.value = selectedClassData.value.form && selectedClassData.value.form.length > 0
       ? hydrateFormData({}, configForm.value as FormElement[])
       : {}
+    seededForClass = selectedClass.value
   }, { immediate: true })
 
   function applyInitialData(data: Record<string, unknown>) {
     // Hydrate from the template/clone data: nullable toggles follow the data's null-ness,
     // missing leaves fall back to their backend defaults — identical to the edit form.
     formData.value = hydrateFormData(data, configForm.value as FormElement[])
+    seededForClass = selectedClass.value
   }
 
   function resetForm() {
     selectedClass.value = initialClass()
     formData.value = {}
     activeStep.value = 0
+    seededForClass = null
   }
 
   return {

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.305.8",
+  "version": "0.306.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]/configuration.vue

@@ -2,7 +2,7 @@
   <StructuralColumn
     :title="t('agent.configuration.title')"
     close-route="/service/agents"
-    :loading="agentInstanceIsLoading"
+    :loading="agentInstanceIsLoading && !hasLoaded"
     size="normal"
   >
     <div class="flex flex-col gap-3">
@@ -10,7 +10,7 @@
         {{ t('agent.configuration.description') }}
       </p>
       <AgentConfiguration
-        v-if="configForm && configForm.length > 0 && !agentInstanceIsLoading"
+        v-if="hasLoaded && configForm && configForm.length > 0"
         :title="t('agent.configuration.runtimeSettings')"
         :description="agentInstance?.agent_config.description || ''"
         :form="configForm"
@@ -18,7 +18,7 @@
         @submit="submitConfiguration"
       />
       <div
-        v-else-if="agentInstanceIsLoading"
+        v-else-if="!hasLoaded"
         class="text-center text-sm text-surface-500 dark:text-surface-400"
       >
         {{ t('common.loading') }}
@@ -43,6 +43,20 @@ const { updateAgentInstance } = useUpdateAgentInstance()
 const { t } = useI18n()
 const toast = useToast()
 
+// 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)
+watch(agentInstance, (value) => {
+  if (value) hasLoaded.value = true
+}, { immediate: true })
+
+// Nuxt reuses this instance across param changes; drop the latch on route identity change so
+// the loading state shows until the new agent resolves, instead of the previous form lingering.
+watch(
+  () => `${route.params.agent_class}/${route.params.agent_id}`,
+  () => { hasLoaded.value = false },
+)
+
 // Lock agent_id on edit: it is the immutable instance key, and a divergent value silently breaks
 // the SSE completion check so the chat never finishes. The backend pins it on save too; this is UX.
 const configForm = computed<FormkitElement[]>(() =>