@afeefa/vue-app 0.0.342 → 0.0.344

package/.afeefa/package/release/version.txt

@@ -1 +1 @@
-0.0.342
+0.0.344

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afeefa/vue-app",
-  "version": "0.0.342",
+  "version": "0.0.344",
   "description": "",
   "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
   "license": "MIT",

package/src/components/ASelect2.vue

@@ -14,6 +14,7 @@
     <v-select
       ref="field"
       class="field"
+      :title="committedTooltip"
       :value="committedModels"
       :items="committedModels"
       multiple
@@ -52,19 +53,26 @@
       </template>
     </v-select>
 
-    <!-- z-index bewusst unter Vuetify-Dialogen (~200+), damit die
-         Verwerfen-Rückfrage über dem Popup liegt (siehe close()). -->
+    <!-- z-index wie ASearchSelect (Overlay 299, Popup 300): über dem
+         flying-context (200), damit das Popup nicht dahinter verschwindet. -->
     <v-overlay
       :value="isOpen"
-      :z-index="190"
+      :z-index="299"
       :opacity="0"
     />
 
     <!-- Ein-Popup: ein Panel mit (optionalem) Tabs + Suchfeld + Trefferliste -->
     <div :class="panelCssClass">
+      <!-- v-menu__content--active markiert das Popup als Stack-Teilnehmer für
+           Vuetify: dessen getMaxZIndex() (mixins/stackable) scannt nur Elemente
+           mit dieser bzw. der v-dialog-Klasse und liest deren z-index. Da das
+           Popup ein eigenes div (kein echtes v-menu) ist, „faken" wir die Klasse
+           hier — sie hat in Vuetify keine weitere Wirkung außer dem Stack-Scan.
+           Folge: ein aus dem Popup geöffneter Dialog bekommt max(200, 300)+2 =
+           302 und liegt korrekt ÜBER dem Popup (wie ein Dialog aus EditModal). -->
       <div
         v-if="isOpen"
-        :class="['popup elevation-6', 'open-' + openDirection]"
+        :class="['popup elevation-6 v-menu__content--active', 'open-' + openDirection]"
         :style="cwm_popupWidthStyle"
       >
         <!-- Linearer Lade-Spinner am oberen Popup-Rand (wie Select1), während
@@ -91,7 +99,6 @@
             @input="onSearchInput"
             @focus="activeTab = 'search'"
             @keydown.native.down.prevent="focusList"
-            @keydown.native.esc.prevent="onSearchEsc"
             @keydown.native.enter.ctrl.prevent="applyIfMultiple"
           >
             <!-- Anzahl-Chip innen rechts im Suchfeld: schaltet auf die
@@ -123,6 +130,7 @@
           :getIcon="getIcon"
           :isItemDisabled="isItemDisabled"
           :allowExclude="allowExclude"
+          :showCheckbox="multiple && !behavesSingle"
           :isLoading="isLoading"
           :hasMore="hasMore"
           @toggle="onRowClick"
@@ -154,6 +162,7 @@
           :getSubtitle="getSubtitle"
           :getIcon="getIcon"
           :allowExclude="allowExclude"
+          :showCheckbox="multiple && !behavesSingle"
           @toggle="onRowClick"
           @exclude="onExcludeClick"
         >
@@ -167,19 +176,28 @@
           </template>
         </select2-list>
 
-        <!-- Footer (nur Mehrfachauswahl): Übernehmen / Verwerfen -->
+        <!-- Footer (nur echte Mehrfachauswahl): Übernehmen / Verwerfen. Entfällt
+             bei behavesSingle (nur 1 Eintrag) — dann committet der Klick sofort.
+             Erst NACH dem Laden zeigen: vorher steht nicht fest, ob es bei 1 Eintrag
+             bleibt (behavesSingle) — sonst flackerte der Footer beim Öffnen. -->
         <div
-          v-if="multiple"
+          v-if="showFooter"
           class="footer"
         >
+          <!-- Kompakt (passt auch ins schmale Popup, §1): Verwerfen = X-Icon,
+               Übernehmen = "OK". -->
           <v-btn
             x-small
             text
+            icon
             class="footerBtn"
             :tabindex="-1"
+            title="Verwerfen"
             @click="discardAndClose"
           >
-            Verwerfen
+            <v-icon small>
+              $closeIcon
+            </v-icon>
           </v-btn>
           <v-btn
             x-small
@@ -187,13 +205,7 @@
             color="green white--text"
             @click="apply"
           >
-            <v-icon
-              left
-              class="mr-1"
-            >
-              $checkIcon
-            </v-icon>
-            Übernehmen
+            OK
           </v-btn>
         </div>
       </div>
@@ -259,7 +271,7 @@ import Select2List from './select2/Select2List'
       // auf [popupMinWidth, popupMaxWidth] (px) begrenzt. null = keine Grenze.
       // Eigene Namen statt minWidth/maxWidth, weil ComponentWidthMixin maxWidth
       // bereits für die FELD-Breite belegt (Kollision vermeiden).
-      // Default 200px Mindestbreite, damit schmale Filter-Felder kein Mini-Popup
+      // Default 150px Mindestbreite, damit schmale Filter-Felder kein Mini-Popup
       // bekommen.
       popupMinWidth: 150,
       popupMaxWidth: null
@@ -285,13 +297,16 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
   // Mehrfachauswahl-Tabs (Etappe 3)
   activeTab = 'search'
 
-  // Dynamische Suche (Etappe 2)
-  search = ''
+  // Dynamische Suche (Etappe 2). Leer = `null` (nicht ''), siehe onSearchInput.
+  search = null
   searchResults = []
   page = 1
   hasMore = false
   count = null
-  // Wurde mindestens eine Seite geladen? Erst danach ist `hasMore` aussagekräftig
+  // Gesamtzahl der ungefilterten Liste (Trefferzahl ohne Suchbegriff) — steuert
+  // showSearchField stabil, unabhängig vom aktuellen Such-`count`.
+  totalCount = null
+  // Wurde mindestens eine Seite geladen? Erst danach ist `totalCount` bekannt
   // (steuert, ob das Suchfeld bei einseitigen Listen entfällt — siehe showSearchField).
   loaded = false
   isLoading = false
@@ -351,18 +366,21 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
   // Liste passt nicht auf eine Seite (`hasMore`). Bei einer einseitigen Liste
   // (z.B. 8 Auftragsstatus) ist Suchen sinnlos → kein Suchfeld.
   //
-  // Zwei Sonderfälle, die das Feld trotzdem sichtbar halten müssen:
-  // - Schon getippt (`search`): nach dem Tippen kann die Liste auf 1 Seite
-  //   schrumpfen (`hasMore` false) — das Feld muss bleiben, sonst lässt sich die
-  //   Suche nicht mehr ändern/leeren.
-  // - Noch nichts geladen (`!loaded`): `hasMore` ist erst nach der ersten Seite
-  //   bekannt. Bis dahin Feld zeigen, statt es kurz zu verstecken und nachträglich
-  //   aufpoppen zu lassen.
+  // Maßstab ist die GESAMTzahl der ungefilterten Liste (`totalCount`), nicht der
+  // aktuelle Such-`count` und nicht `hasMore`: beide fallen während einer Suche
+  // (0 Treffer → hasMore false) und flackern beim Reload. `totalCount` bleibt
+  // stabil. Sonderfälle:
+  // - Noch nichts geladen (`!loaded`): KEIN Feld — die Items erscheinen ohnehin
+  //   erst mit der ersten Antwort; das Feld kommt dann (falls nötig) zusammen mit
+  //   der Liste. Vorher kurz eins zu zeigen, das bei kurzen Listen gleich wieder
+  //   verschwindet, wäre Flackern.
+  // - Schon getippt (`search`): das Feld muss bleiben, sonst lässt sich die Suche
+  //   nicht mehr ändern/leeren.
   get showSearchField () {
-    if (!this.isDynamic || !this.hasSearch) {
+    if (!this.isDynamic || !this.hasSearch || !this.loaded) {
       return false
     }
-    return this.hasMore || !!this.search || !this.loaded
+    return !!this.search || this.totalCount > this.pageSize
   }
 
   // Such-Label wie bei ASearchSelect: "Suche <label>" (z.B. "Suche SpraMi").
@@ -469,6 +487,13 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
     this.searchResults = reset ? models : [...this.searchResults, ...models]
     this.count = meta.count_search != null ? meta.count_search : this.searchResults.length
     this.hasMore = this.searchResults.length < this.count
+    // Gesamtzahl OHNE Suchbegriff (aber mit aktiven Filtern) — steht in jeder
+    // Antwort als `count_filter`, auch während einer 0-Treffer-Suche. Steuert
+    // stabil, ob die Liste ein Suchfeld braucht (anders als `count`, das bei einer
+    // Suche auf die Trefferzahl fällt). Fallback auf count_all bzw. count.
+    this.totalCount = meta.count_filter != null
+      ? meta.count_filter
+      : (meta.count_all != null ? meta.count_all : this.count)
     this.loaded = true
 
     this.isLoading = false
@@ -502,7 +527,9 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
   // Eintrag zeigen. Bezieht Felder/Filter/Suche/Seite ein.
   cacheKey (page) {
     return buildRequestCacheKey(this.optionsRequest(), {
-      q: this.search,
+      // Leere Suche als '' (nicht null) in den Key — sonst zeigt der Lookup auf
+      // einen anderen Eintrag als die main.js-Vorwärmung (die mit q:'' primt).
+      q: this.search || '',
       page,
       pageSize: this.pageSize
     })
@@ -510,7 +537,7 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
 
   // Suche + Seite als Filter (für Request und Cache-Key gleichermaßen).
   pageFilters (page) {
-    return { q: this.search, page, page_size: this.pageSize }
+    return { q: this.search || '', page, page_size: this.pageSize }
   }
 
   // Baut die ListAction der Datenquelle und setzt Suche + Seite als Filter.
@@ -524,11 +551,28 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
 
   // --- Auswahl-Helfer ------------------------------------------------------
 
-  // Die im Popup aktive Auswahl: Mehrfach → Draft (Arbeitskopie), Einfach →
-  // committed (Klick committet sofort, kein Draft nötig). Liste + Chips lesen
-  // hierüber, damit beide Modi denselben Code teilen.
+  // Mehrfachauswahl, die sich aber wie Single bedient: wenn nur EIN Eintrag
+  // wählbar ist (vollständig geladen, `displayItems.length === 1`), ist eine
+  // Draft-/Übernehmen-Bar sinnlos — ein Klick wählt und schließt sofort, kein
+  // Footer. Das **Wertformat** bleibt am Prop `multiple` hängen (toOuter/fromOuter
+  // unverändert, sonst bräche die Filter-Hülle, die ein Array erwartet) — nur das
+  // Bedien-VERHALTEN kippt.
+  get behavesSingle () {
+    return this.multiple && !this.hasMore && this.displayItems.length === 1
+  }
+
+  // Footer (X/OK) nur bei echter Mehrfachauswahl UND erst, wenn die Items geladen
+  // sind: bei dynamischer Quelle vor dem ersten Laden noch nicht (da ist weder die
+  // Trefferliste noch behavesSingle entschieden) — bei fester Liste sofort.
+  get showFooter () {
+    return this.multiple && !this.behavesSingle && (!this.isDynamic || this.loaded)
+  }
+
+  // Die im Popup aktive Auswahl: Mehrfach → Draft (Arbeitskopie), Einfach (auch
+  // behavesSingle) → committed (Klick committet sofort, kein Draft nötig). Liste +
+  // Chips lesen hierüber, damit beide Modi denselben Code teilen.
   get activeSelection () {
-    return this.multiple ? this.draft : this.committed
+    return this.multiple && !this.behavesSingle ? this.draft : this.committed
   }
 
   get sortedSelection () {
@@ -543,6 +587,18 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
     return this.sortedSelection.map(e => e.model)
   }
 
+  // Hover-Titel (natives title-Attribut) am Feld: ALLE gewählten Items, eins pro
+  // Zeile (das Feld selbst zeigt nur den ersten Namen + "+N"). Ausschluss mit
+  // "nicht " markiert, wie im Feld-Text. Leer → kein Tooltip.
+  get committedTooltip () {
+    if (!this.sortedSelection.length) {
+      return null
+    }
+    return this.sortedSelection
+      .map(e => (e.polarity === 'exclude' ? 'nicht ' : '') + this.itemTitle(e.model))
+      .join('\n')
+  }
+
   // Polarität aus der committed-Auswahl (Feld-Chips zeigen den bestätigten Stand,
   // nicht den Popup-Draft — anders als polarityOf, das den aktiven Draft liest).
   committedPolarityOf (model) {
@@ -576,9 +632,10 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
 
   // --- Tabs / Auswahl-Tab --------------------------------------------------
 
-  // Es gibt etwas Auswählbares zum Umschalten (Auswahl-Chip sichtbar).
+  // Es gibt etwas Auswählbares zum Umschalten (Auswahl-Chip sichtbar). Nicht bei
+  // behavesSingle (nur 1 Eintrag, kein Mehrfach-Bedienmodell).
   get showTabs () {
-    return this.multiple && this.activeSelection.length > 0
+    return this.multiple && !this.behavesSingle && this.activeSelection.length > 0
   }
 
   // Models der aktuellen Auswahl (für die Auswahl-Ansicht).
@@ -628,15 +685,17 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
   }
 
   // Schreibt die neue Auswahl: Mehrfach → in den Draft, Popup bleibt offen;
-  // Einfach → sofort committen und schließen.
+  // Einfach (auch behavesSingle: nur 1 Eintrag) → sofort committen und schließen.
+  // Fokus zurück aufs Feld (wie der apply-Pfad bei Mehrfach), damit nach Klick/Enter/
+  // Space die Komponente fokussiert bleibt und nicht auf body fällt.
   commitSelection (next) {
-    if (this.multiple) {
+    if (this.multiple && !this.behavesSingle) {
       this.draft = next
       return
     }
     this.committed = next
     this.emitChange()
-    this.close()
+    this.close({ returnFocus: true })
   }
 
   withItem (selection, model, polarity) {
@@ -675,20 +734,13 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
   // Tippen im Suchfeld wechselt zurück in die Trefferliste (falls gerade die
   // Auswahl-Ansicht aktiv ist) — sonst sucht man, sieht aber die Auswahl.
   onSearchInput (value) {
-    this.search = value
+    // Leere Suche ist intern `null` (a-text-field mit `clearable` emittiert beim
+    // ×-Klick ohnehin `null`). Alle Lese-Stellen nutzen `!this.search` (truthy),
+    // sind also null-fest; `q` im Request fällt damit weg statt leerem String.
+    this.search = value || null
     this.activeTab = 'search'
   }
 
-  // Esc im Suchfeld: mit Text → Suche leeren (offen bleiben); leer → schließen.
-  onSearchEsc () {
-    if (this.search) {
-      this.search = ''
-      return
-    }
-    // Esc = bewusst abbrechen, aber im Feld bleiben (Fokus zurück).
-    this.close({ returnFocus: true })
-  }
-
   applyIfMultiple () {
     if (this.multiple) {
       this.apply()
@@ -790,13 +842,13 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
     // wirkt (§4). Die committed-Auswahl bleibt unberührt; nur der flüchtige Such-
     // String/die Trefferliste werden neu aufgebaut. Der cacheResults-Cache greift
     // davon unabhängig weiter (gleicher Key → aus dem Cache).
-    // search='' kann den @Watch('search') auslösen; der würde einen zweiten,
+    // search=null kann den @Watch('search') auslösen; der würde einen zweiten,
     // debounced Request anstoßen. Daher den Watcher für diesen einen Reset
     // unterdrücken (nur wenn search sich wirklich ändert) und EINMAL direkt laden.
     if (this.isDynamic) {
       if (this.search) {
         this.suppressSearchWatch = true
-        this.search = ''
+        this.search = null
       }
       // Fokus erst NACH dem ersten Laden setzen: vorher ist `showSearchField`
       // noch unentschieden (loaded=false ⇒ true), und bei einer einseitigen Liste
@@ -859,8 +911,10 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
       return
     }
 
-    // Mehrfachauswahl mit ungespeicherten Draft-Änderungen → rückfragen.
-    if (!skipDiscardCheck && this.multiple && this.isDirty) {
+    // Mehrfachauswahl mit ungespeicherten Draft-Änderungen → rückfragen. Nicht bei
+    // behavesSingle (nur 1 Item): der Klick committet dort sofort, es gibt keinen
+    // Draft zu verwerfen.
+    if (!skipDiscardCheck && this.multiple && !this.behavesSingle && this.isDirty) {
       const result = await this.$events.dispatch(new DialogEvent(DialogEvent.SHOW, {
         title: 'Änderungen verwerfen?',
         message: 'Die Auswahl wurde geändert. Sollen die Änderungen verworfen werden?',
@@ -970,7 +1024,17 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
   }
 
   coe_cancelOnEsc () {
-    // Esc = bewusst abbrechen, aber im Feld bleiben (Fokus zurück).
+    // EINZIGER Esc-Pfad (window-keyup, kaskadierend). Mit Suchtext: nur leeren,
+    // Popup bleibt offen (§14). Sonst: schließen, Fokus zurück. Früher gab es
+    // zusätzlich einen @keydown.esc am Suchfeld → Esc leerte UND schloss, weil
+    // keydown (Feld) und keyup (dieser Mixin) zwei getrennte Events sind.
+    if (this.search) {
+      // Suche leeren — der @Watch('search') lädt (debounced) neu. Das Suchfeld
+      // bleibt dabei stabil sichtbar, weil showSearchField an `totalCount` hängt
+      // (Gesamtzahl ohne Suchbegriff), nicht am wegfallenden Such-`count`.
+      this.search = null
+      return false // stop esc propagation
+    }
     this.close({ returnFocus: true })
     return false // stop esc propagation
   }
@@ -1053,7 +1117,15 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
 [class*=" select2Panel-"] {
   .popup {
     position: absolute;
-    z-index: 191;
+    z-index: 300;
+
+    // Das Popup trägt die Fake-Klasse v-menu__content--active (Template), damit
+    // Vuetify es im z-index-Stack mitzählt. Diese Klasse bringt aus Vuetify
+    // jedoch `pointer-events: none` mit (VMenu.sass) — hier zurücksetzen, sonst
+    // wäre das Popup unklickbar. Höhere Spezifität (.select2Panel .popup)
+    // schlägt Vuetifys Single-Class-Regel.
+    pointer-events: auto;
+
     background: white;
     max-height: 40vh;
     overflow: hidden;
@@ -1121,7 +1193,7 @@ export default class ASelect2 extends Mixins(ComponentWidthMixin, UsesPositionSe
     display: flex;
     justify-content: flex-end;
     gap: .5rem;
-    margin-top: 1.5rem;
+    margin-top: .5rem;
   }
 
   // Größe zwischen x-small (20px) und small (28px): Vuetify bietet dazwischen

package/src/components/list/ListFilterBar.vue

@@ -113,6 +113,7 @@
       <select2-chip
         v-for="filter in selectedFilters"
         :key="filter.name"
+        :tooltip="filter.title"
         @remove="resetFilter(filter.name)"
       >
         {{ filter.label }}: <b>{{ filter.value }}</b>
@@ -186,11 +187,11 @@ export default class ListFilterBar extends Vue {
     return Object.values(this.filters).filter(f => !f.hasDefaultValueSet()).length - minus
   }
 
-  listFilterChanged ({ payload: { name, label, value } }) {
-    this.setSelectedFilter(name, label, value)
+  listFilterChanged ({ payload: { name, label, value, title } }) {
+    this.setSelectedFilter(name, label, value, title)
   }
 
-  setSelectedFilter (name, label, value) {
+  setSelectedFilter (name, label, value, title = null) {
     const hasValue = !this.filters[name].hasDefaultValueSet()
 
     if (!hasValue) {
@@ -199,12 +200,12 @@ export default class ListFilterBar extends Vue {
       if (this.selectedFilters.some(f => f.name === name)) {
         this.selectedFilters = this.selectedFilters.map(f => {
           if (f.name === name) {
-            return { name, label, value }
+            return { name, label, value, title }
           }
           return f
         })
       } else {
-        this.selectedFilters.push({ name, label, value })
+        this.selectedFilters.push({ name, label, value, title })
       }
     }
   }

package/src/components/list/ListFilterMixin.js

@@ -6,14 +6,22 @@ import { ListFilterEvent } from '@a-vue/events'
 })
 export class ListFilterMixin extends Vue {
   displayValue = null
+  // Optionaler vollständiger Tooltip-Text für den Bar-Chip (Hover) — der Chip
+  // selbst zeigt den gekürzten `displayValue`. Filter, die das nicht setzen,
+  // bekommen keinen Tooltip. Mehrere Einträge bricht man mit \n um.
+  displayTitle = null
   name_ = null
 
+  // Nur auf displayValue lauschen — displayTitle wird immer GEMEINSAM mit
+  // displayValue gesetzt (s. ListFilterSelect2), ein eigener Watcher darauf würde
+  // dasselbe Event nur ein zweites Mal feuern. Der title wird hier mitgelesen.
   @Watch('displayValue')
   displayValueChanged () {
     this.$events.dispatch(new ListFilterEvent(ListFilterEvent.CHANGE, {
       name: this.name,
       label: this.label,
-      value: this.displayValue
+      value: this.displayValue,
+      title: this.displayTitle
     }))
   }
 

package/src/components/list/filters/ListFilterSelect2.vue

@@ -6,7 +6,7 @@
     :placeholder="placeholder"
     :getIcon="getIcon"
     :specialItems="specialItems"
-    multiple
+    :multiple="filter.multiple"
     :allowExclude="allowExclude"
     clearable
     v-bind="$attrs"
@@ -59,14 +59,15 @@ export default class ListFilterSelect2 extends Mixins(ListFilterMixin) {
     }
     this.selectValue = await this.loadSelectValue(this.filter.value)
     // Bar-Chip (eingeklappte Leiste) auch beim initialen Laden mit lesbaren
-    // Namen befüllen — nicht erst nach einer Änderung.
+    // Namen befüllen — nicht erst nach einer Änderung. displayTitle ZUERST, damit
+    // es beim displayValue-Watcher (ListFilterMixin) schon aktuell ist.
+    this.displayTitle = this.toDisplayTitle(this.selectValue)
     this.displayValue = this.toDisplayString(this.selectValue)
   }
 
   // Token-Array (Filterwert, z.B. ['2', 'n-5']) → {model, polarity}[] für ASelect2.
-  // Lädt die Vorauswahl-Models über die `get`-Action je ID (Muster aus
-  // ListFilterSearchSelect.createLoadSelectedItemRequest, auf N IDs erweitert) —
-  // die List-Action der Resource hat i.d.R. keinen id-Filter, daher get statt list.
+  // Echte Models werden GEBÜNDELT in EINEM list-Request geladen (filter[id]=[…],
+  // §4) statt je ID einzeln; Sonder-Items lokal aus den Filter-Options aufgelöst.
   async loadSelectValue (value) {
     const tokens = Array.isArray(value) ? value : []
     if (!tokens.length) {
@@ -75,29 +76,39 @@ export default class ListFilterSelect2 extends Mixins(ListFilterMixin) {
 
     const specials = this.specialItems
     const entries = tokens.map(t => this.parseToken(t))
-    const loaded = await Promise.all(
-      entries.map(async entry => {
-        // Sonder-Items sind Pseudo-Werte (z.B. "none") ohne echte Resource —
-        // lokal aus den Filter-Options auflösen, nicht per get-Action laden.
+
+    // Echte IDs (keine Sonder-Items) gebündelt nachladen, dann je Token zuordnen.
+    const realIds = entries
+      .filter(e => !specials.some(s => String(s.id) === String(e.id)))
+      .map(e => e.id)
+    const modelsById = await this.loadModelsByIds(realIds)
+
+    return entries
+      .map(entry => {
         const special = specials.find(s => String(s.id) === String(entry.id))
         if (special) {
           return { model: special, polarity: entry.polarity }
         }
-        const model = await this.loadModelById(entry.id)
+        const model = modelsById[String(entry.id)]
         return model ? { model, polarity: entry.polarity } : null
       })
-    )
-    return loaded.filter(Boolean)
+      .filter(e => e)
   }
 
-  async loadModelById (id) {
-    const request = this.filter.createOptionsRequest()
-    const getAction = this.$apiResources.getAction({
-      resourceType: request.getAction().getResource().getType(),
-      actionName: 'get'
-    })
-    request.action(getAction).params({ id })
-    return ApiAction.fromRequest(request).hideError().execute()
+  // Lädt mehrere Models in EINEM list-Request über den server-seitigen id-Filter
+  // (whereIn). Rückgabe: Map id→Model. Setzt voraus, dass die Resource den
+  // id-Filter kennt (z.B. AppointmentTypeResource, AssignmentContextResource).
+  async loadModelsByIds (ids) {
+    if (!ids.length) {
+      return {}
+    }
+    const request = this.filter.createOptionsRequest().addFilters({ id: ids })
+    const result = await ApiAction.fromRequest(request).hideError().execute()
+    const models = (result && result.models) || []
+    return models.reduce((map, model) => {
+      map[String(model.id)] = model
+      return map
+    }, {})
   }
 
   optionsRequest () {
@@ -147,13 +158,17 @@ export default class ListFilterSelect2 extends Mixins(ListFilterMixin) {
     }
   }
 
-  // {model, polarity}[] (von ASelect2) → Token-Array (Filterwert).
+  // {model, polarity} (Einfach) bzw. {model, polarity}[] (Mehrfach) von ASelect2
+  // → Token-Array (Filterwert). Einfachauswahl emittiert KEIN Array (api §1), daher
+  // hier auf Array normalisieren — die Hülle arbeitet intern einheitlich mit Arrays.
   onChange (value) {
     this.filterChangedFromInside = true
 
-    const tokens = (value || []).map(e => this.toToken(e.model.id, e.polarity))
+    const selection = this.toSelectionArray(value)
+    const tokens = selection.map(e => this.toToken(e.model.id, e.polarity))
     this.filter.value = tokens.length ? tokens : null
-    this.selectValue = value || []
+    this.selectValue = selection
+    this.displayTitle = this.toDisplayTitle(this.selectValue)
     this.displayValue = this.toDisplayString(this.selectValue)
 
     this.$nextTick(() => {
@@ -161,6 +176,15 @@ export default class ListFilterSelect2 extends Mixins(ListFilterMixin) {
     })
   }
 
+  // ASelect2-Außenwert → immer Array: Mehrfach ist schon ein Array, Einfach ein
+  // einzelnes {model, polarity} (oder null bei leerer Auswahl).
+  toSelectionArray (value) {
+    if (!value) {
+      return []
+    }
+    return Array.isArray(value) ? value : [value]
+  }
+
   // 'n-5' → {id: '5', polarity: 'exclude'}; '2' → {id: '2', polarity: 'include'}.
   parseToken (token) {
     const str = String(token)
@@ -187,5 +211,17 @@ export default class ListFilterSelect2 extends Mixins(ListFilterMixin) {
     const rest = selection.length - 1
     return rest > 0 ? `${truncated} +${rest}` : truncated
   }
+
+  // Vollständige Liste für den Bar-Chip-Tooltip (Hover): ALLE Items, eins pro
+  // Zeile, Ausschluss mit "nicht " markiert. Der Chip selbst zeigt nur die kurze
+  // toDisplayString-Form.
+  toDisplayTitle (selection) {
+    if (!selection || !selection.length) {
+      return null
+    }
+    return selection
+      .map(e => (e.polarity === 'exclude' ? 'nicht ' : '') + e.model.getTitle())
+      .join('\n')
+  }
 }
 </script>

package/src/components/select2/Select2Chip.vue

@@ -5,7 +5,7 @@
     :close="closable && !disabled"
     :color="chipColor"
     :text-color="chipTextColor"
-    :title="title"
+    :title="tooltip || title"
     @click:close="$emit('remove')"
   >
     <span class="label">
@@ -28,6 +28,9 @@ import { Component, Vue } from '@a-vue'
     'getTitle',
     'color',
     'textColor',
+    // Expliziter Hover-Tooltip (Vorrang vor dem aus `item` abgeleiteten Titel) —
+    // z.B. der Bar-Chip zeigt darin alle gewählten Items, eins pro Zeile.
+    'tooltip',
     {
       polarity: 'include',
       disabled: false,

package/src/components/select2/Select2List.vue

@@ -8,6 +8,7 @@
       @keydown.up.prevent="moveActive(-1)"
       @keydown.enter.ctrl.prevent="$emit('apply')"
       @keydown.enter.exact.prevent="activateEnter"
+      @keydown.space.exact.prevent="activateEnter"
       @keydown.enter.shift.prevent="activateExclude"
       @keydown.tab.shift.prevent="$emit('backtab')"
     >
@@ -40,6 +41,18 @@
               :selected="isSelected(model)"
               :polarity="polarityOf(model)"
             >
+              <!-- Checkbox vorn (nur Mehrfachauswahl): zeigt den gewählt-Zustand.
+                   Reine Anzeige — der Klick auf die ganze Zeile toggelt. -->
+              <v-simple-checkbox
+                v-if="showCheckbox"
+                class="rowCheckbox"
+                :value="isSelected(model)"
+                :disabled="rowDisabled(model)"
+                dense
+                hide-details
+                @input="onRowClick(model)"
+              />
+
               <a-icon
                 v-if="getIcon"
                 :icon="getIcon(model)"
@@ -126,6 +139,10 @@ import { Component, Vue, Watch } from '@a-vue'
     'isItemDisabled',
     {
       allowExclude: false,
+      // Checkbox vorn pro Zeile: macht den Auswahl-Zustand bei Mehrfachauswahl
+      // klar sichtbar (besonders bei nur 1 Eintrag). Nur Anzeige des „gewählt"-
+      // Zustands — die Polarität (include/exclude) zeigt weiter der Nicht-Button.
+      showCheckbox: false,
       isLoading: false,
       hasMore: false,
       // Anzahl der oben angepinnten Sonder-Items (§5): die ersten N Zeilen
@@ -328,6 +345,21 @@ export default class Select2List extends Vue {
     visibility: visible;
   }
 
+  // Checkbox vorn (Mehrfachauswahl): kompakt, kein Eigen-Margin (die Zeile bringt
+  // den gap mit). flex-shrink 0, damit sie bei langen Titeln nicht gequetscht wird.
+
+  .rowCheckbox {
+    flex: 0 0 auto;
+    margin: 0;
+
+    // Vuetify setzt margin-right: 8px aufs Selection-Control — die Zeile bringt
+    // den gap schon mit, daher hier weg.
+
+    :deep(.v-input--selection-controls__input) {
+      margin-right: 0;
+    }
+  }
+
   // Oben angepinnte Sonder-Items (§5): bleiben beim Scrollen sichtbar. Weißer
   // Hintergrund, damit durchscrollende Treffer nicht durchscheinen.
 

package/src/services/select-cache/Select2Cache.js

@@ -4,7 +4,8 @@
 // vorkommen, nur einmal laden statt pro Komponente. Singleton im Stil von
 // positionService — kein Vue-Plugin, keine Vue.prototype-Erweiterung.
 //
-// Nur sinnvoll für Listen ohne Suchbegriff (die ASelect2 nur dann cached).
+// Bei cacheResults=true läuft JEDE Anfrage über den Cache — jede Seite, auch mit
+// Suchbegriff (q/page sind Teil des Keys, siehe buildRequestCacheKey).
 // Zeitbasierte Invalidierung (Default 30 Min), keine aktive Invalidierung.
 // inFlight-Dedup verhindert parallele Doppel-Requests auf denselben Key.