@xen-orchestra/web-core 0.35.1 → 0.36.0

package/lib/locales/en.json

@@ -10,8 +10,11 @@
   "account-organization-more": "Account, organization & more…",
   "add": "Add",
   "add-filter": "Add filter",
+  "add-host-internal-network-in-xo-5": "Add a host internal network in XO-5",
+  "add-network-in-xo-5": "Add network in XO-5",
   "add-or": "+OR",
   "add-sort": "Add sort",
+  "add-vifs-in-xo-5": "Add VIF in XO-5",
   "admin-login": "Admin login",
   "admin-password": "Admin password",
   "admin-password-confirm": "Confirm admin password",
@@ -47,6 +50,7 @@
   "backed-up-vms": "Backed up VMs",
   "backup": "Backup",
   "backup-issues": "Backup issues",
+  "backup-job": "Backup job",
   "backup-jobs": "Backup jobs",
   "backup-network": "Backup network",
   "backup-repositories": "Backup repositories",
@@ -366,6 +370,7 @@
   "last-run-number": "Last run #{n}",
   "last-week": "Last week",
   "learn-more": "Learn more",
+  "lets-go": "Let's go!",
   "license-name": "{name} license",
   "license-socket": "License socket",
   "license-type": "License type",
@@ -384,6 +389,7 @@
   "mac-address": "MAC address",
   "mac-addresses": "MAC addresses",
   "manage-citrix-pv-drivers-via-windows-update": "Manage citrix PV drivers via Windows Update",
+  "manage-vm-lifecycle-in-xo-5": "Manage VM lifecycle in XO-5",
   "management": "Management",
   "management-agent-not-detected": "Management agent not detected",
   "management-agent-version": "Management agent version",
@@ -444,6 +450,7 @@
   "no-alarms-detected": "No alarms detected",
   "no-backed-up-vms-detected": "No backed up VMs detected",
   "no-backup-available": "No backup available",
+  "no-backup-job-available": "No backup job available",
   "no-backup-repositories-detected": "No backup repositories detected",
   "no-backup-run-available": "No backup run available",
   "no-config": "No configuration",
@@ -458,6 +465,7 @@
   "no-pools-detected": "No pools detected",
   "no-result": "No result",
   "no-results": "No results",
+  "no-schedule-available": "No schedule available",
   "no-selected-vm-can-be-exported": "No selected VM can be exported",
   "no-selected-vm-can-be-migrated": "No selected VM can be migrated",
   "no-server-detected": "No server detected",
@@ -495,6 +503,7 @@
   "partially-connected": "Partially connected",
   "password": "Password",
   "password-invalid": "Password invalid",
+  "patch-name": "Patch name",
   "patches": "Patches",
   "patches-up-to-date": "Patches up to date",
   "pause": "Pause",
@@ -528,6 +537,13 @@
   "power-on-mode": "Power on mode",
   "power-on-vm-for-console": "Power on your VM to access its console",
   "power-state": "Power state",
+  "popup-first-connection-default-interface": "From now on, this new version will be your default interface. If you prefer to keep XO 5 as your default for now, you can {documentationLink} to do so.",
+  "popup-first-connection-early-release": "Please note that this is an early release of an ongoing project. You’ll notice that some familiar pages from XO 5 are not yet available and that most features are currently read-only.",
+  "popup-first-connection-feedback-and-impressions": "feedback and impressions",
+  "popup-first-connection-follow-this-guide": "follow this guide",
+  "popup-first-connection-introduction": "We’re excited to introduce the first official release of Xen Orchestra 6.",
+  "popup-first-connection-upcoming-release": "In the upcoming releases, we’ll be adding actions on all objects, user management, backup features, and much more. We hope you’ll enjoy exploring this brand-new interface!",
+  "popup-first-connection-feedback": "Before we move forward, we’d love to hear your {feedbackLink} on the current state of XO 6. You can switch back to the previous version anytime by clicking the “XO 5” link in the top-right corner of any page.",
   "pro-support": "{name} pro support",
   "professional-support": "Professional support",
   "properties": "Properties",
@@ -578,12 +594,14 @@
   "s3-backup-repository": "S3 backup repository",
   "save": "Save",
   "scan-pifs": "Scan PIFs",
+  "scan-pifs-in-xo-5": "@:scan-pifs in XO-5",
   "schedule": "Schedule",
   "schedule-name": "Schedule name",
   "scheduler-granularity": "Scheduler granularity",
   "schedules": "Schedules",
   "secure-boot": "Secure boot",
   "see-all": "See all",
+  "see-details": "See details",
   "see-less": "See less",
   "see-n-more": "See {n} more",
   "select-compression": "Select a compression",
@@ -601,6 +619,8 @@
   "settings.missing-translations": "Missing or incorrect translations?",
   "shared": "Shared",
   "shorter-backup-reports": "Shorter backup reports",
+  "show-less": "Show less",
+  "show-more": "Show more",
   "shutdown": "Shutdown",
   "sidebar.search-tree-view": "Search in treeview",
   "sidebar.vms-treeview": "VMs treeview",
@@ -700,6 +720,7 @@
   "unlocked": "Unlocked",
   "unreachable-hosts": "Unreachable hosts",
   "unreachable-hosts-reload-page": "Done, reload the page",
+  "untitled": "Untitled",
   "untranslated-text-helper": "By default, untranslated texts will be presented in english.",
   "up-to-date": "Up-to-date",
   "update": "Update",
@@ -754,6 +775,7 @@
   "vms-tags": "VMs tags",
   "warning": "Warning | Warnings",
   "weblate": "Weblate",
+  "welcome-to-xo6": "Welcome to XO 6!",
   "with-memory": "With memory",
   "write": "Write",
   "xcp-ng": "XCP-ng",
@@ -763,6 +785,7 @@
   "xo-backups": "XO backups",
   "xo-lite-under-construction": "XOLite is under construction",
   "xo-replications": "XO replications",
+  "xo-team": "The XO Team",
   "xoa": "XOA",
   "xoa-admin-account": "XOA admin account",
   "xoa-deploy": "XOA deployment",

package/lib/locales/fr.json

@@ -10,8 +10,11 @@
   "account-organization-more": "Compte, organisation et plus…",
   "add": "Ajouter",
   "add-filter": "Ajouter un filtre",
+  "add-host-internal-network-in-xo-5": "Ajouter un réseau interne à l'hôte dans XO-5",
+  "add-network-in-xo-5": "Ajouter un réseau dans XO-5",
   "add-or": "+OU",
   "add-sort": "Ajouter un tri",
+  "add-vifs-in-xo-5": "Ajouter un VIF dans XO-5",
   "admin-login": "Nom d'utilisateur administrateur",
   "admin-password": "Mot de passe administrateur",
   "admin-password-confirm": "Confirmer le mot de passe administrateur",
@@ -47,6 +50,7 @@
   "backed-up-vms": "VMs sauvegardées",
   "backup": "Sauvegarde",
   "backup-issues": "Problèmes de sauvegarde",
+  "backup-job": "Job de sauvegarde",
   "backup-jobs": "Jobs de sauvegarde",
   "backup-network": "Réseau de sauvegarde",
   "backup-repositories": "Dépôts de sauvegarde",
@@ -366,6 +370,7 @@
   "last-run-number": "Dernière exécution #{n}",
   "last-week": "Semaine dernière",
   "learn-more": "En savoir plus",
+  "lets-go": "Allons-y !",
   "license-name": "Licence {name}",
   "license-socket": "Licence socket",
   "license-type": "Type de licence",
@@ -384,6 +389,7 @@
   "mac-address": "Adresse MAC",
   "mac-addresses": "Adresses MAC",
   "manage-citrix-pv-drivers-via-windows-update": "Gérer les pilotes Citrix PV via Windows Update",
+  "manage-vm-lifecycle-in-xo-5": "Gérer le cycle de vie de la VM dans XO-5",
   "management": "Gestion",
   "management-agent-not-detected": "Agent de gestion non détecté",
   "management-agent-version": "Version de l'agent de gestion",
@@ -444,6 +450,7 @@
   "no-alarms-detected": "Aucune alarme détectée",
   "no-backed-up-vms-detected": "Aucune VM sauvegardée détectée",
   "no-backup-available": "Aucune sauvegarde disponible",
+  "no-backup-job-available": "Aucun job de sauvegarde disponible",
   "no-backup-repositories-detected": "Aucun dépôt de sauvegarde détecté",
   "no-backup-run-available": "Aucune exécution de sauvegarde disponible",
   "no-config": "Aucune configuration",
@@ -458,6 +465,7 @@
   "no-pools-detected": "Aucun pool détecté",
   "no-result": "Aucun résultat",
   "no-results": "Aucun résultat",
+  "no-schedule-available": "Aucune planification disponible",
   "no-selected-vm-can-be-exported": "Aucune VM sélectionnée ne peut être exportée",
   "no-selected-vm-can-be-migrated": "Aucune VM sélectionnée ne peut être migrée",
   "no-server-detected": "Aucun serveur détecté",
@@ -495,6 +503,7 @@
   "partially-connected": "Partiellement connecté",
   "password": "Mot de passe",
   "password-invalid": "Mot de passe incorrect",
+  "patch-name": "Nom du patch",
   "patches": "Patches",
   "patches-up-to-date": "Patches à jour",
   "pause": "Pause",
@@ -528,6 +537,13 @@
   "power-on-mode": "Mode d'alimentation",
   "power-on-vm-for-console": "Allumez votre VM pour accéder à sa console",
   "power-state": "État d'alimentation",
+  "popup-first-connection-default-interface": "Désormais, cette nouvelle version sera votre interface par défaut. Si vous préférez conserver XO 5 comme version par défaut pour le moment, vous pouvez {documentationLink}.",
+  "popup-first-connection-early-release": "Veuillez noter qu’il s’agit d’une version préliminaire d’un projet en cours. Vous constaterez que certaines pages familières de XO 5 ne sont pas encore disponibles et que la plupart des fonctionnalités sont actuellement en lecture seule.",
+  "popup-first-connection-feedback-and-impressions": "retours et impressions",
+  "popup-first-connection-follow-this-guide": "suivre ce guide",
+  "popup-first-connection-introduction": "Nous sommes ravis de vous présenter la première version officielle de Xen Orchestra 6.",
+  "popup-first-connection-upcoming-release": "Dans les prochaines versions, nous ajouterons des actions sur tous les objets, la gestion des utilisateurs, des fonctionnalités de sauvegarde et bien plus encore. Nous espérons que vous apprécierez découvrir cette toute nouvelle interface !",
+  "popup-first-connection-feedback": "Avant de poursuivre, nous aimerions recueillir vos {feedbackLink} sur l’état actuel de XO 6. Vous pouvez revenir à la version précédente à tout moment en cliquant sur le lien « XO 5 » en haut à droite de n’importe quelle page.",
   "pro-support": "Support pro {name}",
   "professional-support": "Support professionnel",
   "properties": "Propriétés",
@@ -578,12 +594,14 @@
   "s3-backup-repository": "Dépot de sauvegarde S3",
   "save": "Enregistrer",
   "scan-pifs": "Scan PIFs",
+  "scan-pifs-in-xo-5": "@:scan-pifs dans XO-5",
   "schedule": "Planification",
   "schedule-name": "Nom de la planification",
   "scheduler-granularity": "Granularité de la planification",
   "schedules": "Planifications",
   "secure-boot": "Démarrage sécurisé",
   "see-all": "Voir tout",
+  "see-details": "Voir les détails",
   "see-less": "Voir moins",
   "see-n-more": "Voir {n} de plus",
   "select-compression": "Sélectionnez une compression",
@@ -601,6 +619,8 @@
   "settings.missing-translations": "Traductions manquantes ou incorrectes ?",
   "shared": "Partagé",
   "shorter-backup-reports": "Rapports de sauvegarde plus courts",
+  "show-less": "Voir moins",
+  "show-more": "Voir plus",
   "shutdown": "Arrêter",
   "sidebar.search-tree-view": "Rechercher dans l'arborescence",
   "sidebar.vms-treeview": "Arborescence des VMs",
@@ -700,6 +720,7 @@
   "unlocked": "Débloqué",
   "unreachable-hosts": "Hôtes inaccessibles",
   "unreachable-hosts-reload-page": "C'est fait. Rafraîchir la page",
+  "untitled": "Sans titre",
   "untranslated-text-helper": "Par défaut, les textes non traduits seront affichés en anglais.",
   "up-to-date": "À jour",
   "update": "Mettre à jour",
@@ -754,6 +775,7 @@
   "vms-tags": "Tags des VMs",
   "warning": "Avertissement | Avertissements",
   "weblate": "Weblate",
+  "welcome-to-xo6": "Bienvenue sur XO 6 !",
   "with-memory": "Avec mémoire",
   "write": "Écriture",
   "xcp-ng": "XCP-ng",
@@ -763,6 +785,7 @@
   "xo-backups": "Sauvegardes XO",
   "xo-lite-under-construction": "XOLite est en construction",
   "xo-replications": "Réplications XO",
+  "xo-team": "L'équipe XO",
   "xoa": "XOA",
   "xoa-admin-account": "Compte administrateur de la XOA",
   "xoa-deploy": "Déploiement de la XOA",

package/lib/packages/form-select/use-form-select-controller.ts

@@ -53,6 +53,7 @@ export function useFormSelectController(select: FormSelect) {
     middleware: [shift(), flip(), size()],
     placement: 'bottom-start',
     open: isOpen,
+    strategy: 'fixed',
   })
 
   /* SEARCH */

package/lib/packages/table/README.md

@@ -1,336 +1,81 @@
-# Table System
+# `defineColumn`
 
-Table system that separates data logic from presentation through reusable renderers.
+Define the head and body renderers for a column.
 
-## Understanding Renderers
+The render functions can receive arguments and must return a VNode.
 
-A **renderer** is a function that creates a VNode for a specific part of the table (cell, row, or table). When you define a renderer, you specify:
+## Example 1 - A simple text column
 
-1. **Component**: The Vue component to render (loaded asynchronously)
-2. **Props function** (optional): Default props based on configuration
-3. **Extensions** (optional): Named categories of additional functionality
-
-### Props System
-
-The `props` parameter is a function that receives an optional typed config and returns default props:
-
-```typescript
-const TextBody = defineTableCellRenderer({
-  component: () => import('./TextCell.vue'),
-  props: (config: { text: string }) => ({ data: config.text }),
-  //      ^ This config type will be enforced when using the renderer
-})
-
-// Usage - TypeScript knows you need to provide `text`
-TextBody({ text: 'Hello' })
-```
-
-When you use the renderer, you can:
-
-- Provide the expected config to satisfy the `props` function
-- Add additional props that will be merged
-- Override default props
-
-```typescript
-// The renderer merges:
-// 1. Props from the props function: { text: 'Hello' }
-// 2. Additional/override props: { class: 'custom' }
-TextBody({
-  text: 'Hello', // Used by props function
-  props: {
-    // Additional or override props
-    class: 'custom',
-  },
-})
+```ts
+const useTextColumn = defineColumn((config?: { headLabel?: string }) => ({
+  renderHead: () => h('th', { class: 'table-head-cell' }, config?.headLabel),
+  renderBody: (text: string) => h('td', { class: 'table-text-cell' }, text),
+}))
 ```
 
-### Extensions System
-
-Extensions work like the `props` function but are optional and named. Each extension:
-
-- Has a unique name (like `selectable`, `highlightable`)
-- Receives typed configuration
-- Returns the extension arguments (only `props` for now) to merge into the component
+## Example 2 - A "number with unit" column
 
-```typescript
-const MyRow = defineTableRowRenderer({
-  component: () => import('./Row.vue'),
-  extensions: {
-    selectable: (config: { id: string; selectedId: Ref<string | null> }) => ({
-      props: {
-        selected: config.id === config.selectedId.value,
-      },
+```ts
+const useNumberWithUnitColumn = defineColumn((config?: { headLabel?: string; defaultUnit?: string }) => ({
+  renderHead: () => h('th', config?.headLabel ?? 'User'),
+  renderBody: (value: number, unit?: string) =>
+    h(NumberCell, {
+      value,
+      suffix: unit ?? config?.defaultUnit,
     }),
-    highlightable: (config: { isHighlighted: boolean }) => ({
-      props: {
-        highlighted: config.isHighlighted,
-      },
-    }),
-  },
-})
-
-// Usage - provide config for the extensions you want to use
-MyRow({
-  cells: () => [...],
-  extensions: {
-    selectable: { id: user.id, selectedId },
-    highlightable: { isHighlighted: true },
-  }
-})
+}))
 ```
 
-Extensions are optional when using the renderer - you only provide the ones you need.
-
-## Defining Renderers
-
-### Cell Renderers
+# `defineColumns`
 
-Create header and body cell renderers:
+Define a set of columns.
 
-```typescript
-import { defineTableCellRenderer } from '@core/packages/table'
-
-const TextHeader = defineTableCellRenderer({
-  component: () => import('./VtsHeaderCell.vue'),
-  props: (config: { label: string }) => ({
-    label: config.label,
-    icon: icon('fa:align-left'),
-  }),
-})
-
-const TextBody = defineTableCellRenderer({
-  component: () => import('./body-cells/VtsTextCell.vue'),
-  props: (config: { text: string | number }) => ({ text: config.text }),
-})
+## Example
 
-// Usage
-TextHeader({ label: 'Name' })
-TextBody({ text: user.name })
+```ts
+const useUserTableColumns = defineColumns(() => ({
+  fullName: useTextColumn({ headLabel: 'Full name' }),
+  email: useTextColumn({ headLabel: 'Email' }),
+  age: useNumberWithUnitColumn({ headLabel: 'Age', defaultUnit: 'years' }),
+}))
 ```
 
-### Row Renderers
+# Using the columns set
 
-Create row renderer:
+When using the columns set, you could have to provide `head` and/or `body` arguments based on whether any `renderHead` and/or `renderBody` used in the columns set expect arguments.
 
-```typescript
-import { defineTableRowRenderer } from '@core/packages/table'
+## Example
 
-const DefaultRow = defineTableRowRenderer({
-  component: () => import('./VtsRow.vue'),
-})
-
-DefaultRow({
-  cells: () => [...]
-})
-```
-
-### Table Renderers
-
-Create table renderer:
-
-```typescript
-import { defineTableRenderer } from '@core/packages/table'
-
-const DefaultTable = defineTableRenderer({
-  component: () => import('./VtsTableNew.vue'),
-})
-
-// Usage
-DefaultTable({
-  thead: MyThead(...),
-  // thead: { rows: () => [...] },  // to use native "thead"
-  // thead: { cells: () => [...] }, // to use native "thead" + "tr",
-  tbody: MyTBody(...),
-  // tbody: { rows: () => [...] }, // to use native "tbody"
-})
-```
-
-## Building Tables
-
-### Column Definition
+The `body` function receives the row item (here, a `User`) and returns an object where:
 
-Use `defineColumns` to create columns configuration.
-
-```typescript
-const columns = defineColumns({
-  name: {
-    header: () => TextHeader({ label: 'Name' }),
-    body: user => TextBody({ text: user.name }),
-  },
-  email: {
-    header: () => TextHeader({ label: 'Email' }),
-    body: user => TextBody({ text: user.email }),
-  },
-  // Conditional column
-  role: isAdmin
-    ? {
-        header: () => TextHeader({ label: 'Role' }),
-        body: user => TextBody({ text: user.role }),
-      }
-    : undefined,
-})
-```
+- **Keys** are column names (`fullName`, `email`, `age`)
+- **Values** are functions that receive the column's original renderer (`r`) and must return a VNode
 
-`header` and `body` can also take a config parameter if needed:
-
-```typescript
-const columns = defineColumns({
-  name: {
-    header: (config) => TextHeader(...),
-    body: (user, config) => TextBody(...),
-  },
-})
-```
-
-```typescript
-// API
-columns.getHeaderCells(config?) // Array of header cell VNodes
-columns.getBodyCells(user, config?) // Array of body cell VNodes for a row
-columns.toggleColumn('name') // Toggle column visibility
-columns.toggleColumn('name', true) // Force column visibility
-columns.visibleColumnsCount // ComputedRef<number>, useful for colspan
-```
+You can either use the original renderer by calling `r(data)`, or ignore it and return your own VNode.
 
-### Table Definition
-
-Use one of three table definition functions:
-
-#### Define basic single-source table: `defineTable`
-
-```typescript
-const { getHeaderCells, getBodyCells } = defineColumns(...)
-
-const useUserTable = defineTable((sources: ComputedRef<User[]>) =>
-  () => DefaultTable({
-    thead: {
-      cells: () => getHeaderCells()
-    },
-    tbody: {
-      rows: () => sources.value.map(user =>
-        DefaultRow({
-          cells: () => getBodyCells(user)
-        })
-      )
-    },
-  })
-)
-```
-
-```typescript
-// Usage
-const users = ref<User[]>([...])
-
-const table = useUserTable(users, {})
-```
-
-`defineTable` setup function can also define a config parameter as second argument:
-
-```typescript
-const useUserTable = defineTable((sources: ComputedRef<User[]>, config: { needThis: string }) => ...)
-
-const table = useUserTable(users, { needThis: 'value' })
-```
-
-#### Define type-discriminated table: `defineTypedTable`
-
-```typescript
-type Source = { type: 'user'; sources: ComputedRef<User[]> } | { type: 'admin'; sources: ComputedRef<Admin[]> }
-
-const useItemTable = defineTypedTable(({ type, sources }: Source) => {
-  // If type === 'user', sources is ComputedRef<User[]>
-  // If type === 'admin', sources is ComputedRef<Admin[]>
-
-  return () => DefaultTable({...})
-})
-
-// Usage
-useItemTable('admin', admins, {})
-```
-
-#### Define multiple sources table: `defineMultiSourceTable`
-
-```typescript
-type Sources = {
-  users: ComputedRef<User[]>
-  admins: ComputedRef<Admin[]>
-}
-
-const useDashboard = defineMultiSourceTable((sources: Sources) => {
-  // sources.users: ComputedRef<User[]>
-  // sources.admins: ComputedRef<Admin[]>
-
-  return () => DefaultTable({...})
-})
-
-// Usage
-useDashboard({ users, admins }, {})
-```
-
-### Source Transformation
-
-When using a defined table, if passed sources doesn't match expected sources, then a `transform` config will be required to add missing or incorrectly typed properties:
-
-```typescript
-type User = {
-  id: string
-  fullName: string
-}
-
-const useUserTable = defineTable((sources: ComputedRef<User[]>) => {})
-
-// Raw data has different shape
-interface RawUser {
-  uuid: string
-  firstName: string
-  lastName: string
-}
-
-// Transform is required when types don't match
-useUserTable(rawUsers, {
-  transform: user => ({
-    id: user.uuid,
-    fullName: `${user.firstName} ${user.lastName}`,
+```ts
+const { HeadCells, BodyCells } = useUserTableColumns({
+  body: (user: User) => ({
+    fullName: r => r(`${user.firstName} ${user.lastName}`),
+    email: r => r(user.email),
+    age: r => r(user.age < 2 ? { value: toMonths(user.age), unit: 'months' } : { value: user.age }),
   }),
 })
-
-// Transform is optional when types already match
-useUserTable(users, {})
 ```
 
-## Rendering the table
-
-```vue
+```html
 <template>
-  <MyUsersTable />
+  <table>
+    <thead>
+      <tr>
+        <HeadCells />
+      </tr>
+    </thead>
+    <tbody>
+      <tr v-for="user in users" :key="user.id">
+        <BodyCells :item="user" />
+      </tr>
+    </tbody>
+  </table>
 </template>
-
-<script setup lang="ts">
-const MyUsersTable = useUsersTable(users, {})
-</script>
 ```
-
-## Props
-
-When a table is rendered, each element's props will be merged together in the following order:
-
-1. Props from the renderer `props` function
-2. Props from extensions `props` functions
-3. Props provided when using the renderer
-
-They will be merged with Vue's default merging strategy (for example, `class` and `style` will be concatenated).
-
-## API Reference
-
-### Renderer Functions
-
-- `defineTableRenderer` - Define table wrapper (`table`)
-- `defineTableSectionRenderer` - Define table sections (`thead` / `tbody`)
-- `defineTableRowRenderer` - Define table rows (`tr`)
-- `defineTableCellRenderer` - Define table cells (`th` / `td`)
-
-### Table Functions
-
-- `defineTable` - Single source table
-- `defineTypedTable` - Type-discriminated table
-- `defineMultiSourceTable` - Multiple sources table
-- `defineColumns` - Column definitions

package/lib/packages/table/define-column.ts

@@ -0,0 +1,7 @@
+import type { ColumnRenderer } from '@core/packages/table/types.ts'
+
+export function defineColumn<TSetupArgs extends any[], TRenderHeadArgs extends any[], TRenderBodyArgs extends any[]>(
+  setup: (...args: TSetupArgs) => ColumnRenderer<TRenderHeadArgs, TRenderBodyArgs>
+) {
+  return setup
+}