@swiss-ai-hub/web 0.316.2 → 0.317.0

package/components/FormKit/TenantSelect.vue

@@ -0,0 +1,63 @@
+<template>
+  <Select
+    v-model="selectedTenant"
+    :options="tenants ?? []"
+    option-label="name"
+    option-value="id"
+    :aria-label="placeholder ?? t('common.selectTenant')"
+    :placeholder="placeholder ?? t('common.selectTenant')"
+    :filter="filter"
+    :loading="isLoading"
+    class="w-full"
+  >
+    <template #option="{ option }">
+      <div class="flex items-center gap-2">
+        <Icon
+          name="mage:building-a"
+          size="1.2em"
+        />
+        <span>{{ option.name }}</span>
+      </div>
+    </template>
+  </Select>
+</template>
+
+<script setup lang="ts">
+interface TenantSelectProps {
+  context: {
+    node: { input: (value: string | null) => void }
+    value?: string | null
+    placeholder?: string
+    filter?: boolean
+  }
+}
+
+const props = defineProps<TenantSelectProps>()
+const { t } = useI18n()
+
+const { tenants, tenantsAreLoading } = useTenantMemberships()
+const { activeTenant, activeTenantIsLoading } = useActiveTenantQuery()
+
+const placeholder = computed(() => props.context.placeholder)
+const filter = computed(() => props.context.filter ?? true)
+const isLoading = computed(() => tenantsAreLoading.value || activeTenantIsLoading.value)
+
+const selectedTenant = computed({
+  get: () => props.context.value ?? null,
+  set: (value: string | null) => {
+    props.context.node.input(value)
+  },
+})
+
+// Pre-select the user's active tenant on a fresh field, while leaving an
+// already-configured value (editing an existing instance) untouched.
+watch(
+  [activeTenant, () => props.context.value],
+  ([active, current]) => {
+    if (!current && active?.id) {
+      props.context.node.input(active.id)
+    }
+  },
+  { immediate: true },
+)
+</script>

package/components/Knowledge/Document/List.vue

@@ -215,8 +215,13 @@ const handleSort = (event: DataTableSortEvent) => {
 const downloadFile = async (documentId: string) => {
   const database = route.params.db as string
   const namespace = route.params.namespace as string
-  const url = await getDocumentSourceUrl(tenantId.value!, database, namespace, documentId)
-  window.open(url, '_blank')
+  const url = await getDocumentSourceUrl(tenantId.value!, database, namespace, documentId, true)
+  const anchor = document.createElement('a')
+  anchor.href = url
+  anchor.rel = 'noopener'
+  document.body.appendChild(anchor)
+  anchor.click()
+  anchor.remove()
 }
 
 const confirmDelete = (document: DocumentDto) => {

package/composables/document/useDocumentUrl.ts

@@ -1,7 +1,7 @@
 import { getDocumentUrl } from '@core/sdk/client'
 
 export const useDocumentUrl = () => {
-  const getDocumentSourceUrl = async (tenantId: string, database: string, namespace: string, documentId: string): Promise<string> => {
+  const getDocumentSourceUrl = async (tenantId: string, database: string, namespace: string, documentId: string, download = false): Promise<string> => {
     const { url } = await getDocumentUrl({
       composable: '$fetch',
       path: {
@@ -10,6 +10,7 @@ export const useDocumentUrl = () => {
         namespace,
         document_id: documentId,
       },
+      query: { download },
     })
     return url
   }

package/formkit.config.ts

@@ -4,6 +4,7 @@ import IconSelector from '@core/components/FormKit/IconSelector.vue'
 import KnowledgeDatabaseSelector from '@core/components/FormKit/KnowledgeDatabaseSelector.vue'
 import LocaleInput from '@core/components/FormKit/LocaleInput.vue'
 import ModelSelect from '@core/components/FormKit/ModelSelect.vue'
+import TenantSelect from '@core/components/FormKit/TenantSelect.vue'
 import VectorStoreInput from '@core/components/FormKit/VectorStoreInput.vue'
 import { en, de, fr, it } from '@formkit/i18n'
 import { createInput } from '@formkit/vue'
@@ -14,7 +15,6 @@ import type { DefaultConfigOptions } from '@formkit/vue'
 const config: DefaultConfigOptions = {
   inputs: {
     ...primeInputs,
-    orgMemoryTenantInput: primeInputs.primeInputText,
     agentSelector: createInput(AgentSelector, {
       props: ['startEvent', 'classPlaceholder', 'idPlaceholder', 'filter'],
     }),
@@ -33,6 +33,9 @@ const config: DefaultConfigOptions = {
     modelSelect: createInput(ModelSelect, {
       props: ['mode', 'placeholder', 'filter', 'showClear'],
     }),
+    tenantSelect: createInput(TenantSelect, {
+      props: ['placeholder', 'filter'],
+    }),
     vectorStoreInput: createInput(VectorStoreInput, {
       props: ['databasePlaceholder', 'namespacePlaceholder', 'filter'],
     }),

package/i18n/locales/de.yaml

@@ -11,6 +11,7 @@ common:
   loading: Laden...
   selectModel: Modell auswählen
   selectDatabase: Datenbank auswählen
+  selectTenant: Mandant auswählen
 models:
   title: Modelle
   error: Fehler beim Laden der Modelle

package/i18n/locales/en.yaml

@@ -11,6 +11,7 @@ common:
   loading: Loading...
   selectModel: Select a model
   selectDatabase: Select a database
+  selectTenant: Select a tenant
 models:
   title: Models
   error: Error loading models

package/i18n/locales/fr.yaml

@@ -11,6 +11,7 @@ common:
   loading: Chargement...
   selectModel: Sélectionner un modèle
   selectDatabase: Sélectionner une base de données
+  selectTenant: Sélectionner un locataire
 models:
   title: Modèles
   error: Erreur lors du chargement des modèles

package/i18n/locales/it.yaml

@@ -11,6 +11,7 @@ common:
   loading: Caricamento...
   selectModel: Seleziona un modello
   selectDatabase: Seleziona un database
+  selectTenant: Seleziona un tenant
 models:
   title: Modelli
   error: Errore nel caricamento dei modelli

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

package/pages/[tenant]/service/roles/[role_id].vue

@@ -6,9 +6,7 @@
     size="small"
   >
     <div class="flex flex-col gap-4">
-      <RoleEdit
-        v-model="clonedRole"
-      />
+      <RoleEdit v-model="clonedRole" />
       <div class="flex justify-end">
         <Button
           type="button"
@@ -40,12 +38,12 @@ const clonedRole = ref<CreateRoleRequest>({
   description: '',
   access_rules: [],
 })
-watch(role, (newRole: RoleResponse) => {
+watch(role, (newRole: RoleResponse | undefined) => {
   if (!newRole) {
     return
   }
   clonedRole.value = cloneDeep(newRole)
-})
+}, { immediate: true })
 
 const saveRole = async () => {
   await updateRole({ roleId: role.value.id, updatedRole: clonedRole.value, tenantId: tenantId.value! })

package/sdk/client/index.ts

@@ -793,8 +793,6 @@ export {
   type OpenChatHitlResponseWritable,
   type OpenWebuiWebhookPayload,
   type OpenWebuiWebhookUser,
-  type OrgMemoryTenantInput,
-  type OrgMemoryTenantInputWritable,
   type PaginatedDocumentsResponse,
   type PaginatedNotificationsResponse,
   type PaginatedProcessWalkthroughsResponse,
@@ -942,6 +940,8 @@ export {
   type TemplateData,
   type TenantIdentity,
   type TenantMembershipDto,
+  type TenantSelect,
+  type TenantSelectWritable,
   type Textarea,
   type TextareaWritable,
   type TextBlock,