@swiss-ai-hub/web 0.319.0 → 0.321.0

package/{pages/auth/login.vue → components/Auth/LoginPanel.vue}

@@ -21,36 +21,14 @@
         </a>
         <div class="flex flex-col gap-2 text-center">
           <h2 class="text-xl text-white">
-            {{ t('auth.login.welcome', { companyName }) }}
+            <slot name="heading" />
           </h2>
           <p class="text-surface-400">
-            {{ t('auth.login.pleaseLogin') }}
+            <slot name="message" />
           </p>
         </div>
         <div class="flex flex-col gap-3">
-          <ProgressSpinner
-            v-if="isLoading"
-            class="!h-8 !w-8"
-          />
-          <template v-else>
-            <Button
-              v-for="idp in authProviders ?? []"
-              :key="idp.alias"
-              :label="t('auth.login.loginWith', { provider: idp.display_name })"
-              :icon="`pi ${idp.icon}`"
-              icon-pos="right"
-              class="!bg-white !text-black"
-              @click="login(idp.alias || undefined)"
-            />
-            <Button
-              v-if="(authProviders?.length ?? 0) === 0"
-              :label="t('auth.login.title')"
-              icon="pi pi-sign-in"
-              icon-pos="right"
-              class="!bg-white !text-black"
-              @click="login()"
-            />
-          </template>
+          <slot />
         </div>
       </div>
       <a
@@ -68,13 +46,5 @@
 <script setup lang="ts">
 import logo from '@core/assets/images/logo.png'
 
-definePageMeta({
-  layout: 'anonymous',
-})
-
 const { t } = useI18n()
-const { login } = useAuth()
-const { authProviders, isLoading } = useAuthProviders()
-
-const companyName = 'bbv Software Services AG'
 </script>

package/components/FormKit/AgentSelector.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col gap-4">
-    <!-- Agent Class Selection -->
-    <div>
+    <!-- Agent Class Selection (omitted when the config pins the class) -->
+    <div v-if="!pinnedClass">
       <label
         for="agent-class-select"
         class="mb-1 block text-sm font-medium"
@@ -139,6 +139,7 @@ interface AgentSelectorProps {
     value?: AgentSelectorValue | null
     attrs: Record<string, unknown>
     startEvent?: string
+    agentClass?: string
     classPlaceholder?: string
     idPlaceholder?: string
     filter?: boolean
@@ -151,6 +152,9 @@ const { tenantId } = useTenant()
 
 // Get custom props from context (FormKit passes them there, not as direct props)
 const startEvent = computed(() => props.context.startEvent)
+// Set by configs that already know which blueprint answers: the class dropdown is not rendered and only
+// this class's profiles are offered.
+const pinnedClass = computed(() => props.context.agentClass)
 const classPlaceholder = computed(() => props.context.classPlaceholder)
 const idPlaceholder = computed(() => props.context.idPlaceholder)
 const filter = computed(() => props.context.filter ?? true)
@@ -166,7 +170,7 @@ const currentValue = computed(() => props.context.value ?? null)
 
 // Selected class (computed property that syncs with the form value)
 const selectedClass = computed({
-  get: () => currentValue.value?.agent_class ?? null,
+  get: () => currentValue.value?.agent_class ?? pinnedClass.value ?? null,
   set: (value: string | null) => {
     if (value) {
       // When class changes, reset agent ID and fetch instances
@@ -290,16 +294,25 @@ async function fetchInstances(agentClass: string) {
 
 // Fetch classes on mount
 onMounted(() => {
-  fetchClasses()
+  // A pinned class needs no class list — nothing renders it, and the profile dropdown is driven by
+  // fetchInstances alone.
+  if (!pinnedClass.value) {
+    fetchClasses()
+  }
 
-  // If there's already a selected class, fetch its instances
-  if (currentValue.value?.agent_class) {
-    fetchInstances(currentValue.value.agent_class)
+  // Pinned, or already chosen: either way the profile dropdown needs that class's instances up front.
+  const classToLoad = currentValue.value?.agent_class ?? pinnedClass.value
+  if (classToLoad) {
+    fetchInstances(classToLoad)
   }
 })
 
 // Refetch if startEvent changes
 watch(startEvent, () => {
+  // A pinned class is not filtered by start event, and its class list is never fetched — so the check below
+  // would find no match and clear a perfectly valid selection.
+  if (pinnedClass.value) return
+
   // Clear selection if current class no longer matches filter
   if (selectedClass.value && !filteredClassOptions.value.some(opt => opt.name === selectedClass.value)) {
     props.context.node.input(null)

package/components/FormKit/CronInput.vue

@@ -0,0 +1,208 @@
+<template>
+  <div class="flex flex-col gap-4">
+    <div class="grid grid-cols-2 gap-3 sm:grid-cols-5">
+      <div
+        v-for="position in POSITIONS"
+        :key="position.key"
+      >
+        <label
+          :for="`cron-${position.key}`"
+          class="mb-1 block text-sm font-medium"
+        >
+          {{ t(`lib.cron.${position.key}.label`) }}
+        </label>
+        <InputText
+          :id="`cron-${position.key}`"
+          :model-value="schedule[position.key]"
+          :aria-label="t(`lib.cron.${position.key}.label`)"
+          :invalid="Boolean(errors[position.key])"
+          :aria-invalid="Boolean(errors[position.key])"
+          class="w-full font-mono"
+          @update:model-value="(value) => updatePosition(position.key, value ?? '')"
+        />
+        <small
+          v-if="errors[position.key]"
+          class="mt-1 block text-red-500"
+        >
+          {{ errors[position.key] }}
+        </small>
+        <small
+          v-else
+          class="mt-1 block text-surface-500"
+        >{{ position.range }}</small>
+      </div>
+    </div>
+
+    <div>
+      <label
+        for="cron-timezone"
+        class="mb-1 block text-sm font-medium"
+      >
+        {{ t('lib.cron.timezone.label') }}
+      </label>
+      <Select
+        v-model="timezone"
+        :aria-label="t('lib.cron.timezone.label')"
+        input-id="cron-timezone"
+        :options="timezoneOptions"
+        :placeholder="timezonePlaceholder ?? t('lib.cron.timezone.placeholder')"
+        :filter="filter"
+        class="w-full"
+      />
+      <small class="mt-1 block text-surface-500">{{ t('lib.cron.timezone.help') }}</small>
+    </div>
+
+    <small class="text-surface-500">
+      {{ t('lib.cron.expression') }} <code class="font-mono">{{ expression }}</code>
+    </small>
+  </div>
+</template>
+
+<script setup lang="ts">
+/**
+ * Editor for a backend `CronSchedule`: the five cron positions plus an IANA timezone.
+ *
+ * The emitted value is the schedule object in the backend's own field names, so it round-trips through
+ * `config_data` untouched — the scheduler reads those keys directly. Positions are kept separate rather than
+ * joined into one "0 12 * * *" string because that is how `CronSchedule` stores them, and flattening here would
+ * make every consumer parse it back apart.
+ *
+ * Deliberately has no presets and no plain-language summary — that is #1581, which extends this component rather
+ * than replacing it.
+ */
+
+import { createMessage } from '@formkit/core'
+
+import type { FormKitNode } from '@formkit/core'
+
+interface CronSchedule {
+  minute: string
+  hour: string
+  day_of_month: string
+  month: string
+  day_of_week: string
+  timezone: string
+}
+
+type CronPosition = Exclude<keyof CronSchedule, 'timezone'>
+
+interface CronInputProps {
+  context: {
+    node: FormKitNode
+    value?: CronSchedule | null
+    attrs: Record<string, unknown>
+    timezonePlaceholder?: string
+    filter?: boolean
+  }
+}
+
+const props = defineProps<CronInputProps>()
+const { t } = useI18n()
+
+const POSITIONS: { key: CronPosition, range: string, min: number, max: number }[] = [
+  { key: 'minute', range: '0-59', min: 0, max: 59 },
+  { key: 'hour', range: '0-23', min: 0, max: 23 },
+  { key: 'day_of_month', range: '1-31', min: 1, max: 31 },
+  { key: 'month', range: '1-12', min: 1, max: 12 },
+  { key: 'day_of_week', range: '0-6', min: 0, max: 6 },
+]
+
+// Deliberately permissive: croniter accepts names (MON-FRI, JAN), steps, lists and the day-of-week specials, and a
+// stricter pattern here would reject schedules the backend is happy to run. This catches the two things that are
+// wrong in every cron dialect — a blank position and a stray character — and leaves grammar to the server, which
+// now rejects a malformed cron on save rather than storing it.
+const ALLOWED_CHARACTERS = /^[0-9A-Za-z*,\-/?#]+$/
+
+// Blocking so the surrounding form cannot be submitted while a position is empty or malformed. Without it the only
+// feedback is a 400 from the save endpoint, and before that endpoint validated, a blank position was stored and
+// silently broke every run of the profile — not only its scheduled ones.
+const ERROR_MESSAGE_KEY = 'cronPositions'
+
+// Shown in the inputs the moment the field is enabled, never applied behind the user's back. `CronSchedule`
+// requires all five positions and has no defaults, so leaving them blank would save a schedule the scheduler then
+// skips with only a log line to say why. Hourly is the least surprising visible starting point — `* * * * *` would
+// commit an admin to a run every minute for merely ticking the enable box.
+const HOURLY: CronSchedule = {
+  minute: '0',
+  hour: '*',
+  day_of_month: '*',
+  month: '*',
+  day_of_week: '*',
+  timezone: resolveBrowserTimezone(),
+}
+
+const timezonePlaceholder = computed(() => props.context.timezonePlaceholder)
+const filter = computed(() => props.context.filter ?? true)
+
+const schedule = computed<CronSchedule>(() => props.context.value ?? HOURLY)
+
+const errors = computed<Partial<Record<CronPosition, string>>>(() =>
+  Object.fromEntries(
+    POSITIONS.map(position => [position.key, positionError(position)]).filter(([, message]) => message),
+  ),
+)
+
+const expression = computed(() =>
+  POSITIONS.map(position => schedule.value[position.key] || '?').join(' '),
+)
+
+const timezone = computed({
+  get: () => schedule.value.timezone,
+  set: (value: string) => emitValue({ ...schedule.value, timezone: value }),
+})
+
+const timezoneOptions = computed<string[]>(() => {
+  // Not every engine implements supportedValuesOf; without it the admin can still keep the resolved zone.
+  const supported = (Intl as { supportedValuesOf?: (key: string) => string[] }).supportedValuesOf
+  return supported ? supported('timeZone') : [schedule.value.timezone, 'UTC']
+})
+
+function resolveBrowserTimezone(): string {
+  try {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone || 'UTC'
+  }
+  catch {
+    return 'UTC'
+  }
+}
+
+function positionError(position: { key: CronPosition, min: number, max: number }): string | undefined {
+  const value = schedule.value[position.key]
+  if (!value) return t('lib.cron.errors.required')
+  if (!ALLOWED_CHARACTERS.test(value)) return t('lib.cron.errors.invalid')
+
+  // Only plain integers are range-checked. Anything with a step, range or name is left to the server, whose
+  // croniter knows the dialect far better than a regex here could.
+  const outOfRange = value
+    .split(',')
+    .some(term => /^\d+$/.test(term) && (Number(term) < position.min || Number(term) > position.max))
+
+  return outOfRange ? t('lib.cron.errors.range', { min: position.min, max: position.max }) : undefined
+}
+
+function updatePosition(position: CronPosition, value: string) {
+  emitValue({ ...schedule.value, [position]: value.trim() })
+}
+
+// Always emits every key: a partial schedule passes the generated submission schema (which cannot carry
+// CronSchedule's croniter and timezone validators) and is then rejected by the save endpoint.
+function emitValue(value: CronSchedule) {
+  props.context.node.input({ ...value })
+}
+
+watch(errors, (current) => {
+  props.context.node.store.remove(ERROR_MESSAGE_KEY)
+  const first = Object.values(current)[0]
+  if (!first) return
+
+  props.context.node.store.set(
+    createMessage({ blocking: true, key: ERROR_MESSAGE_KEY, type: 'error', value: first, visible: true }),
+  )
+}, { immediate: true })
+
+// Seed the stored value so enabling the field yields a complete, valid schedule even if the admin saves without
+// touching an input — what the inputs show and what gets saved must not diverge.
+onMounted(() => {
+  if (!props.context.value) emitValue(HOURLY)
+})
+</script>

package/components/FormKit/Repeater.vue

@@ -99,11 +99,8 @@ const isRemoveDisabled = computed(() => {
 
 function addItem() {
   if (isAddDisabled.value) return
-  if (!modelValue.value) {
-    modelValue.value = []
-  }
   rowKeys.value.push(makeRowKey())
-  modelValue.value.push(props.defaultItem ? cloneDeep(props.defaultItem) : {})
+  modelValue.value = [...items.value, props.defaultItem ? cloneDeep(props.defaultItem) : {}]
 }
 
 function removeItem(index: number) {

package/components/FormKit/VectorStoreInput.vue

@@ -44,8 +44,28 @@
       </Select>
     </div>
 
-    <!-- Namespace Selection (shown when database selected) -->
-    <div v-if="selectedDatabase">
+    <!-- Namespace scope (shown when database selected) -->
+    <div
+      v-if="selectedDatabase"
+      class="flex items-center gap-2"
+    >
+      <ToggleSwitch
+        v-model="allNamespaces"
+        input-id="vector-store-all-namespaces"
+      />
+      <label
+        for="vector-store-all-namespaces"
+        class="text-sm"
+      >{{ t('lib.vectorStore.allNamespaces.label') }}</label>
+    </div>
+    <small
+      v-if="selectedDatabase && allNamespaces"
+      class="-mt-3 text-surface-500"
+    >
+      {{ t('lib.vectorStore.allNamespaces.help', { count: namespaceOptions.length }) }}
+    </small>
+
+    <div v-if="selectedDatabase && !allNamespaces">
       <label
         for="vector-store-namespaces-select"
         class="mb-1 block text-sm font-medium"
@@ -104,6 +124,7 @@ import type { DatabaseDto } from '@core/sdk/client'
 interface VectorStoreInputValue {
   collection_name: string
   index_namespaces: string[]
+  all_namespaces: boolean
   allowed_metadata_filter_fields: string[]
 }
 
@@ -154,7 +175,7 @@ const selectedDatabase = computed({
   set: (value: string | null) => {
     if (value) {
       // When database changes, reset namespaces and allowed filter fields
-      emitValue(value, [], [])
+      emitValue(value, [], false, [])
     }
     else {
       props.context.node.input(null)
@@ -162,12 +183,22 @@ const selectedDatabase = computed({
   },
 })
 
+// Whole-database scope: switching it on discards any named namespaces so the two never coexist
+const allNamespaces = computed({
+  get: () => currentValue.value?.all_namespaces ?? false,
+  set: (value: boolean) => {
+    if (selectedDatabase.value) {
+      emitValue(selectedDatabase.value, value ? [] : selectedNamespaces.value, value, allowedFilterFields.value)
+    }
+  },
+})
+
 // Selected namespaces (computed property that syncs with the form value)
 const selectedNamespaces = computed({
   get: () => currentValue.value?.index_namespaces ?? [],
   set: (value: string[]) => {
     if (selectedDatabase.value) {
-      emitValue(selectedDatabase.value, value, allowedFilterFields.value)
+      emitValue(selectedDatabase.value, value, false, allowedFilterFields.value)
     }
   },
 })
@@ -179,7 +210,7 @@ const chipsInputContext = computed(() => ({
   node: {
     input: (value: string[]) => {
       if (selectedDatabase.value) {
-        emitValue(selectedDatabase.value, selectedNamespaces.value, value)
+        emitValue(selectedDatabase.value, selectedNamespaces.value, allNamespaces.value, value)
       }
     },
   },
@@ -189,10 +220,16 @@ const chipsInputContext = computed(() => ({
 }))
 
 // Emit complete value object
-function emitValue(collectionName: string, namespaces: string[], allowedFilterFieldKeys: string[]) {
+function emitValue(
+  collectionName: string,
+  namespaces: string[],
+  wholeDatabase: boolean,
+  allowedFilterFieldKeys: string[],
+) {
   props.context.node.input({
     collection_name: collectionName,
     index_namespaces: namespaces,
+    all_namespaces: wholeDatabase,
     allowed_metadata_filter_fields: allowedFilterFieldKeys,
   })
 }