arengibook 3.2.2-main → 3.2.4-main

package/dist/index.js

@@ -47686,7 +47686,7 @@ if (typeof window !== 'undefined') {
   window.ArengibookToastPresets = ToastPresets;
 }
 
-var css_248z$3 = ".p-paginator {\n  font-size: 14px;\n}\n.p-paginator .p-paginator-first,\n.p-paginator .p-paginator-prev,\n.p-paginator .p-paginator-next,\n.p-paginator .p-paginator-last,\n.p-paginator .p-paginator-pages .p-paginator-page,\n.p-paginator .p-paginator-current,\n.p-paginator .p-dropdown .p-dropdown-label,\n.p-paginator .p-dropdown-item,\n.p-paginator .p-paginator-page-input .p-inputtext {\n  font-size: 14px;\n}\n\n.p-datatable .p-datatable-tbody > tr.air-row--selected > td {\n  background-color: #f0fdf8 !important;\n}\n\ntable.arengi-table {\n  table-layout: fixed;\n}\ntable.arengi-table thead {\n  border: 1px solid #d5d2d2;\n}\ntable.arengi-table thead th {\n  position: sticky;\n  top: 0;\n  z-index: 800;\n  background-color: #fff;\n  border-bottom: 1px solid lightgrey;\n  font-size: 14px;\n}\ntable.arengi-table thead th:hover {\n  background-color: #d6d6d6;\n}\ntable.arengi-table tbody tr {\n  background-color: transparent;\n}\ntable.arengi-table tbody tr:hover {\n  background-color: rgba(255, 255, 255, 0.5803921569);\n}\n\n.arengi-table td {\n  overflow: hidden;\n  text-align: center !important;\n}\n\n.cell-text {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column {\n  z-index: 1;\n  background-color: var(--surface-0, #ffffff);\n  background: linear-gradient(45deg, #ebebeb, #ebebeb) !important;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column {\n  background-color: var(--surface-b, #f8f9fa);\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column.row-actions-cell,\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column.row-actions-cell {\n  background: #ffffff !important;\n  box-shadow: none !important;\n  border-right: none !important;\n  padding: 0 !important;\n}\n\n.p-datatable .p-datatable-thead > tr > th.row-actions-cell {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n\n.arengi-table .p-cell-editing input,\n.arengi-table .p-cell-editing .p-inputtext,\n.arengi-table .p-cell-editing .p-dropdown,\n.arengi-table .p-cell-editing .p-multiselect,\n.arengi-table .p-cell-editing .p-calendar {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.cell-devise {\n  display: flex;\n  flex-direction: column;\n  gap: 1.4px;\n  font-size: 12.25px;\n}\n.cell-devise--editable {\n  cursor: pointer;\n}\n.cell-devise--empty {\n  display: block;\n  width: 100%;\n  height: 21px;\n  cursor: pointer;\n}\n.cell-devise .span-sub {\n  font-size: 10.5px;\n  color: #71717a;\n}\n\n.devise-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  padding: 3.5px 0;\n}\n.devise-editor-fields {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  width: 100%;\n  position: relative;\n}\n.devise-editor-fields .p-dropdown-panel {\n  position: absolute;\n  z-index: 1000;\n  top: 100%;\n  left: 0;\n  width: 100%;\n}\n.devise-editor-save {\n  align-self: flex-end;\n}\n\n.arengi-table .p-cell-editing .devise-editor-fields input,\n.arengi-table .p-cell-editing .devise-editor-fields .p-inputtext,\n.arengi-table .p-cell-editing .devise-editor-fields .p-dropdown {\n  width: 100%;\n  min-width: 0;\n}\n\n.doc-cell-empty {\n  color: #aaa;\n  font-size: 11.9px;\n}\n\n.doc-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 3.5px;\n  min-width: 0;\n  overflow: hidden;\n}\n.doc-cell-summary {\n  display: flex;\n  align-items: center;\n  gap: 4.9px;\n  font-size: 12.25px;\n  min-width: 0;\n}\n.doc-cell-summary .pi-paperclip {\n  color: #71717a;\n  font-size: 11.2px;\n  flex-shrink: 0;\n}\n.doc-cell-summary span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n.doc-cell-list {\n  display: flex;\n  flex-direction: column;\n  gap: 2.1px;\n  padding-left: 15.4px;\n  font-size: 11.2px;\n}\n.doc-cell-list div {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.doc-cell-list a {\n  color: #3b82f6;\n  text-decoration: none;\n}\n.doc-cell-list a:hover {\n  text-decoration: underline;\n}\n\n.doc-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  padding: 3.5px 0;\n}\n.doc-editor-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 11.2px;\n}\n.doc-editor-table td {\n  padding: 2.8px 4.9px;\n  vertical-align: middle;\n}\n.doc-editor-table td a {\n  color: #3b82f6;\n  text-decoration: none;\n  word-break: break-all;\n}\n.doc-editor-table td a:hover {\n  text-decoration: underline;\n}\n.doc-editor-table td:last-child {\n  width: 28px;\n  text-align: center;\n}\n.doc-editor-add {\n  display: inline-flex;\n  align-items: center;\n  gap: 4.2px;\n  cursor: pointer;\n  align-self: center;\n}\n\n.arengi-table .arengi-table-grey-title-box {\n  overflow: hidden;\n  min-width: 0;\n  justify-content: center;\n}\n\n.arengi-table .arengi-table-grey-title:hover .table-item-title,\n.arengi-table .arengi-table-grey-title .table-item-title:hover {\n  text-decoration: none !important;\n}\n\n.arengi-table .table-item-title {\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--ab-title-lines, 1);\n  line-height: 16px;\n  min-width: 0 !important;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  overflow: hidden;\n  max-height: var(--ab-content-max, none);\n}\n\n.p-datatable .p-column-header-content {\n  justify-content: center;\n}\n\n.tab_label {\n  display: inline-block;\n  padding: 5px 10px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  border-radius: 5px;\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  height: initial;\n}\n\n.badge {\n  padding: 8px 12px;\n  border-radius: 5px;\n  height: auto;\n  margin: 2px;\n  font-weight: 400;\n  box-shadow: 2px 4px 5px grey;\n  white-space: inherit;\n  min-width: 90px;\n}\n.badge:not(.badge-small) {\n  width: 100%;\n}\n\ntable.arengi-table td.arengi-table-grey-title:not(.normal) {\n  background: linear-gradient(45deg, rgba(55, 55, 55, 0.7882352941), rgba(115, 115, 115, 0.7882352941));\n  color: white;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal) a {\n  opacity: 1;\n  min-width: 150px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  text-transform: uppercase;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal) a:hover {\n  color: #dedede;\n  text-decoration: underline;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal):hover {\n  background-color: #646464;\n  transition-duration: 0.1s;\n}\n\n.RiskNumber-table div {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.RiskNumber-table div span {\n  width: 30px;\n  height: 30px;\n  min-width: 30px;\n  min-height: 30px;\n  max-width: 30px;\n  max-height: 30px;\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.RiskLabel-table .etiquetteMatrix-risque {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  width: fit-content;\n  max-width: 190px;\n  display: flex;\n  justify-content: flex-start;\n  border-radius: 3px;\n  background-color: #fff;\n  color: black;\n  margin: 5px;\n  padding: 0;\n  border: 0 solid transparent;\n}\n.RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabelColor {\n  min-width: 20px;\n  max-width: 20px;\n  margin-right: 5px;\n  border-right: 1px solid rgba(0, 0, 0, 0.3607843137);\n  border-radius: 3px 0 0 3px;\n}\n.RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabel {\n  font-size: 13px;\n  font-weight: 300;\n  padding: 3px 10px 3px 5px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.RiskOwner-table .risk_owner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: max-content;\n}\n.RiskOwner-table .risk_owner a {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  background-color: white;\n  opacity: 1;\n  margin: 2px;\n  position: relative;\n}\n.RiskOwner-table .risk_owner a:hover {\n  z-index: 9999;\n}\n\n.arengi-table .limite_txt_table {\n  min-width: 0 !important;\n  max-width: 100% !important;\n  min-height: 0;\n  max-height: var(--ab-content-max, none);\n  margin: 0;\n  overflow: hidden;\n  text-align: left;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--ab-html-lines, none);\n}\n.arengi-table .limite_txt_table p {\n  line-height: 17px;\n  font-size: 14px;\n  margin: 0;\n}\n\n.action-picto .picto {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  margin: 5px;\n}\n\n.RiskClusters-table .RiskClusters {\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n  padding: 5px 19px;\n  background-color: rgba(255, 255, 255, 0.5098039216);\n  border-radius: 5px;\n  opacity: 1;\n  position: relative;\n  margin: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.RiskClusters-table .RiskClusters .material-icons {\n  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3137254902);\n}\n\n.progress_bar_menu {\n  position: relative;\n  height: 20px;\n  margin-top: 5px;\n  margin-bottom: 10px;\n}\n\n.progress_bar_menu_black {\n  width: 100%;\n  position: absolute;\n  bottom: -6px;\n  left: 0;\n  height: 6px;\n  background-color: #b0bec5;\n  border-radius: 3px;\n  text-align: left;\n}\n\n.progress_bar_menu_load {\n  border-radius: 3px;\n  height: 6px;\n  background-color: #136b89;\n}\n\n.progress_bar_menu_info {\n  color: #3f535f;\n  font-weight: bold;\n  font-size: 12px;\n}\n\n.arengi-table .ab-cell-scroll {\n  max-height: var(--ab-cell-max, none);\n  overflow-y: auto;\n}\n\n.arengi-table .tab_label {\n  max-width: 100%;\n}";
+var css_248z$3 = ".p-paginator {\n  font-size: 14px;\n}\n.p-paginator .p-paginator-first,\n.p-paginator .p-paginator-prev,\n.p-paginator .p-paginator-next,\n.p-paginator .p-paginator-last,\n.p-paginator .p-paginator-pages .p-paginator-page,\n.p-paginator .p-paginator-current,\n.p-paginator .p-dropdown .p-dropdown-label,\n.p-paginator .p-dropdown-item,\n.p-paginator .p-paginator-page-input .p-inputtext {\n  font-size: 14px;\n}\n\n.p-datatable .p-datatable-tbody > tr.air-row--selected > td {\n  background-color: #f0fdf8 !important;\n}\n\ntable.arengi-table {\n  table-layout: fixed;\n}\ntable.arengi-table thead {\n  border: 1px solid #d5d2d2;\n}\ntable.arengi-table thead th {\n  position: sticky;\n  top: 0;\n  z-index: 800;\n  background-color: #fff;\n  border-bottom: 1px solid lightgrey;\n  font-size: 14px;\n}\ntable.arengi-table thead th:hover {\n  background-color: #d6d6d6;\n}\ntable.arengi-table tbody tr {\n  background-color: transparent;\n}\ntable.arengi-table tbody tr:hover {\n  background-color: rgba(255, 255, 255, 0.5803921569);\n}\n\n.arengi-table td {\n  overflow: hidden;\n  text-align: center !important;\n}\n\n.cell-text {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column {\n  z-index: 1;\n  background-color: var(--surface-0, #ffffff);\n  background: linear-gradient(45deg, #ebebeb, #ebebeb) !important;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column {\n  background-color: var(--surface-b, #f8f9fa);\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column.row-actions-cell,\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column.row-actions-cell {\n  background: #ffffff !important;\n  box-shadow: none !important;\n  border-right: none !important;\n  padding: 0 !important;\n}\n\n.p-datatable .p-datatable-thead > tr > th.row-actions-cell {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n\n.arengi-table .p-cell-editing input,\n.arengi-table .p-cell-editing .p-inputtext,\n.arengi-table .p-cell-editing .p-dropdown,\n.arengi-table .p-cell-editing .p-multiselect,\n.arengi-table .p-cell-editing .p-calendar {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.cell-devise {\n  display: flex;\n  flex-direction: column;\n  gap: 1.4px;\n  font-size: 12.25px;\n}\n.cell-devise--editable {\n  cursor: pointer;\n}\n.cell-devise--empty {\n  display: block;\n  width: 100%;\n  height: 21px;\n  cursor: pointer;\n}\n.cell-devise .span-sub {\n  font-size: 10.5px;\n  color: #71717a;\n}\n\n.devise-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  padding: 3.5px 0;\n}\n.devise-editor-fields {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  width: 100%;\n  position: relative;\n}\n.devise-editor-fields .p-dropdown-panel {\n  position: absolute;\n  z-index: 1000;\n  top: 100%;\n  left: 0;\n  width: 100%;\n}\n.devise-editor-save {\n  align-self: flex-end;\n}\n\n.arengi-table .p-cell-editing .devise-editor-fields input,\n.arengi-table .p-cell-editing .devise-editor-fields .p-inputtext,\n.arengi-table .p-cell-editing .devise-editor-fields .p-dropdown {\n  width: 100%;\n  min-width: 0;\n}\n\n.doc-cell-empty {\n  color: #aaa;\n  font-size: 11.9px;\n}\n\n.doc-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 3.5px;\n  min-width: 0;\n  overflow: hidden;\n}\n.doc-cell-summary {\n  display: flex;\n  align-items: center;\n  gap: 4.9px;\n  font-size: 12.25px;\n  min-width: 0;\n}\n.doc-cell-summary .pi-paperclip {\n  color: #71717a;\n  font-size: 11.2px;\n  flex-shrink: 0;\n}\n.doc-cell-summary span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n.doc-cell-list {\n  display: flex;\n  flex-direction: column;\n  gap: 2.1px;\n  padding-left: 15.4px;\n  font-size: 11.2px;\n}\n.doc-cell-list div {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.doc-cell-list a {\n  color: #3b82f6;\n  text-decoration: none;\n}\n.doc-cell-list a:hover {\n  text-decoration: underline;\n}\n\n.doc-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  padding: 3.5px 0;\n}\n.doc-editor-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 11.2px;\n}\n.doc-editor-table td {\n  padding: 2.8px 4.9px;\n  vertical-align: middle;\n}\n.doc-editor-table td a {\n  color: #3b82f6;\n  text-decoration: none;\n  word-break: break-all;\n}\n.doc-editor-table td a:hover {\n  text-decoration: underline;\n}\n.doc-editor-table td:last-child {\n  width: 28px;\n  text-align: center;\n}\n.doc-editor-add {\n  display: inline-flex;\n  align-items: center;\n  gap: 4.2px;\n  cursor: pointer;\n  align-self: center;\n}\n\n.arengi-table .arengi-table-grey-title-box {\n  overflow: hidden;\n  min-width: 0;\n  justify-content: center;\n}\n\n.arengi-table .arengi-table-grey-title:hover .table-item-title,\n.arengi-table .arengi-table-grey-title .table-item-title:hover {\n  text-decoration: none !important;\n}\n\n.arengi-table .table-item-title {\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--ab-title-lines, 1);\n  line-height: 16px;\n  min-width: 0 !important;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  overflow: hidden;\n  max-height: var(--ab-content-max, none);\n}\n\n.p-datatable .p-column-header-content {\n  justify-content: center;\n}\n\n.tab_label {\n  display: inline-block;\n  padding: 5px 10px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  border-radius: 5px;\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  height: initial;\n}\n.tab_label .tab_label-clear {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  min-height: 0;\n  margin-left: 3px;\n  margin-right: -3px;\n  padding: 0;\n  border: none;\n  border-radius: 3px;\n  background: none;\n  color: inherit;\n  opacity: 0.55;\n  cursor: pointer;\n  transition: opacity 0.12s, background-color 0.12s;\n}\n.tab_label .tab_label-clear:hover, .tab_label .tab_label-clear:focus-visible {\n  outline: none;\n  opacity: 1;\n  background: rgba(0, 0, 0, 0.14);\n}\n\n.badge {\n  padding: 8px 12px;\n  border-radius: 5px;\n  height: auto;\n  margin: 2px;\n  font-weight: 400;\n  box-shadow: 2px 4px 5px grey;\n  white-space: inherit;\n  min-width: 90px;\n}\n.badge:not(.badge-small) {\n  width: 100%;\n}\n\ntable.arengi-table td.arengi-table-grey-title:not(.normal) {\n  background: linear-gradient(45deg, rgba(55, 55, 55, 0.7882352941), rgba(115, 115, 115, 0.7882352941));\n  color: white;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal) a {\n  opacity: 1;\n  min-width: 150px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  text-transform: uppercase;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal) a:hover {\n  color: #dedede;\n  text-decoration: underline;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal):hover {\n  background-color: #646464;\n  transition-duration: 0.1s;\n}\n\n.RiskNumber-table div {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.RiskNumber-table div span {\n  width: 30px;\n  height: 30px;\n  min-width: 30px;\n  min-height: 30px;\n  max-width: 30px;\n  max-height: 30px;\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.RiskLabel-table .etiquetteMatrix-risque {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  width: fit-content;\n  max-width: 190px;\n  display: flex;\n  justify-content: flex-start;\n  border-radius: 3px;\n  background-color: #fff;\n  color: black;\n  margin: 5px;\n  padding: 0;\n  border: 0 solid transparent;\n}\n.RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabelColor {\n  min-width: 20px;\n  max-width: 20px;\n  margin-right: 5px;\n  border-right: 1px solid rgba(0, 0, 0, 0.3607843137);\n  border-radius: 3px 0 0 3px;\n}\n.RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabel {\n  font-size: 13px;\n  font-weight: 300;\n  padding: 3px 10px 3px 5px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.RiskOwner-table .risk_owner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: max-content;\n}\n.RiskOwner-table .risk_owner a {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  background-color: white;\n  opacity: 1;\n  margin: 2px;\n  position: relative;\n}\n.RiskOwner-table .risk_owner a:hover {\n  z-index: 9999;\n}\n\n.arengi-table .limite_txt_table {\n  min-width: 0 !important;\n  max-width: 100% !important;\n  min-height: 0;\n  max-height: var(--ab-content-max, none);\n  margin: 0;\n  overflow: hidden;\n  text-align: left;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--ab-html-lines, none);\n}\n.arengi-table .limite_txt_table p {\n  line-height: 17px;\n  font-size: 14px;\n  margin: 0;\n}\n\n.action-picto .picto {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  margin: 5px;\n}\n\n.RiskClusters-table .RiskClusters {\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n  padding: 5px 19px;\n  background-color: rgba(255, 255, 255, 0.5098039216);\n  border-radius: 5px;\n  opacity: 1;\n  position: relative;\n  margin: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.RiskClusters-table .RiskClusters .material-icons {\n  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3137254902);\n}\n\n.progress_bar_menu {\n  position: relative;\n  height: 20px;\n  margin-top: 5px;\n  margin-bottom: 10px;\n}\n\n.progress_bar_menu_black {\n  width: 100%;\n  position: absolute;\n  bottom: -6px;\n  left: 0;\n  height: 6px;\n  background-color: #b0bec5;\n  border-radius: 3px;\n  text-align: left;\n}\n\n.progress_bar_menu_load {\n  border-radius: 3px;\n  height: 6px;\n  background-color: #136b89;\n}\n\n.progress_bar_menu_info {\n  color: #3f535f;\n  font-weight: bold;\n  font-size: 12px;\n}\n\n.arengi-table .ab-cell-scroll {\n  max-height: var(--ab-cell-max, none);\n  overflow-y: auto;\n}\n\n.arengi-table .tab_label {\n  max-width: 100%;\n}";
 styleInject(css_248z$3);
 
 // src/components/react/Table/Table.tokens.js
@@ -53134,7 +53134,7 @@ function cleanEscapedString(input) {
   return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
 }
 
-var css_248z$2 = ".ts-field-label {\n  display: block;\n  font-size: 13px;\n  color: #8b909a;\n  margin-bottom: 6px;\n}\n\n.ts-trigger {\n  width: 100%;\n  min-height: 38px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n  padding: 5px 58px 5px 10px;\n  background: #ffffff;\n  border: 1px solid #c2c7cf;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: border-color 0.12s, box-shadow 0.12s;\n}\n.ts-trigger:hover {\n  border-color: #1d1f24;\n}\n.ts-trigger:focus-visible, .ts-trigger[aria-expanded=true] {\n  outline: none;\n  border-color: #1d1f24;\n  box-shadow: 0 0 0 3px #eeedea;\n}\n.ts-trigger .ts-placeholder {\n  color: #8b909a;\n  font-size: 14px;\n}\n.ts-trigger .ts-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 2px 4px 2px 8px;\n  border-radius: 6px;\n}\n.ts-trigger .ts-chip > span:first-child {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ts-trigger .ts-chip button {\n  border: none;\n  background: none;\n  color: inherit;\n  cursor: pointer;\n  opacity: 0.8;\n}\n.ts-trigger .ts-chip button:hover {\n  opacity: 1;\n}\n.ts-trigger .ts-more {\n  font-size: 12px;\n  color: #8b909a;\n}\n.ts-trigger .ts-expand {\n  position: absolute;\n  right: 34px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #8b909a;\n  cursor: pointer;\n  padding: 2px;\n  border-radius: 4px;\n}\n.ts-trigger .ts-expand:hover {\n  color: #1d1f24;\n  background: #f4f5f7;\n}\n.ts-trigger .ts-caret {\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #8b909a;\n  transition: transform 0.15s;\n}\n.ts-trigger[aria-expanded=true] .ts-caret {\n  transform: translateY(-50%) rotate(180deg);\n}\n\n.ts-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(20, 25, 35, 0.42);\n  z-index: 1000;\n}\n\n.ts-panel {\n  margin-top: 4px;\n  background: #ffffff;\n  border: 1px solid #c2c7cf;\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(20, 25, 35, 0.12), 0 2px 6px rgba(20, 25, 35, 0.08);\n  overflow: hidden;\n}\n.ts-panel .ts-modal-head {\n  display: none;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 14px;\n  border-bottom: 1px solid #d9dce1;\n  font-weight: 500;\n}\n.ts-panel .ts-modal-head .ts-modal-close {\n  border: none;\n  background: none;\n  color: #8b909a;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 6px;\n}\n.ts-panel .ts-modal-head .ts-modal-close:hover {\n  background: #f4f5f7;\n  color: #1a1d21;\n}\n.ts-panel--modal {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: min(440px, 92vw);\n  margin: 0;\n  z-index: 1001;\n}\n.ts-panel--modal .ts-modal-head {\n  display: flex;\n}\n.ts-panel--modal .ts-tree {\n  max-height: min(58vh, 520px);\n}\n.ts-panel .ts-search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 10px;\n  border-bottom: 1px solid #d9dce1;\n}\n.ts-panel .ts-search input {\n  flex: 1;\n  border: none;\n  outline: none;\n  font: inherit;\n  font-size: 14px;\n  background: transparent;\n  min-width: 0;\n}\n.ts-panel .ts-search input::placeholder {\n  color: #8b909a;\n}\n.ts-panel .ts-search .ts-clr {\n  border: none;\n  background: none;\n  color: #8b909a;\n  cursor: pointer;\n}\n.ts-panel .ts-search .ts-clr:hover {\n  color: #1a1d21;\n}\n.ts-panel .ts-tree {\n  max-height: 288px;\n  overflow-y: auto;\n  padding: 4px;\n}\n.ts-panel .ts-tree .ts-empty {\n  padding: 28px 12px;\n  text-align: center;\n  color: #8b909a;\n  font-size: 13px;\n}\n.ts-panel .ts-tree .ts-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 6px;\n  margin-bottom: 1px;\n  border-left: 3px solid transparent;\n  font-size: 14px;\n  user-select: none;\n}\n.ts-panel .ts-tree .ts-row:hover {\n  background: #f4f5f7;\n}\n.ts-panel .ts-tree .ts-row.focused {\n  box-shadow: inset 0 0 0 1px #d9dce1;\n}\n.ts-panel .ts-tree .ts-row.selected {\n  background: rgba(29, 31, 36, 0.06);\n  border-left-color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell {\n  width: 18px;\n  color: #8b909a;\n  cursor: pointer;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell.leaf {\n  visibility: hidden;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell svg {\n  transition: transform 0.12s;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell.open svg {\n  transform: rotate(90deg);\n}\n.ts-panel .ts-tree .ts-row .ts-check {\n  width: 16px;\n  height: 16px;\n  border-radius: 4px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1.5px solid #c2c7cf;\n  color: #fff;\n  cursor: pointer;\n}\n.ts-panel .ts-tree .ts-row .ts-check.on {\n  border-color: #1d1f24;\n  background: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-check.ind {\n  border-color: #1d1f24;\n  background: #eeedea;\n  color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-check.previewing {\n  border-color: #1d1f24;\n  background: #eeedea;\n  color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 2px 9px;\n  border-radius: 6px;\n  font-size: 13px;\n  min-width: 0;\n  transition: opacity 0.12s, box-shadow 0.16s;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-cb {\n  width: 14px;\n  height: 14px;\n  border-radius: 3px;\n  border: 1.5px solid currentColor;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-cb.ghost svg {\n  opacity: 0.55;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-ico {\n  font-size: 15px;\n  line-height: 1;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-code {\n  font-size: 10px;\n  opacity: 0.6;\n  padding: 0 4px;\n  border-radius: 3px;\n  border: 1px solid currentColor;\n  line-height: 1.4;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-lbl {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-info {\n  opacity: 0.65;\n  cursor: help;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-info:hover {\n  opacity: 1;\n}\n.ts-panel .ts-tree .ts-row .ts-enf {\n  margin-left: auto;\n  padding: 2px 8px;\n  border-radius: 6px;\n  border: 1px solid #d9dce1;\n  color: #8b909a;\n  font-size: 11px;\n  cursor: pointer;\n  transition: all 0.12s;\n}\n.ts-panel .ts-tree .ts-row .ts-enf:hover {\n  border-color: #1d1f24;\n  color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-enf.some {\n  border-color: #1d1f24;\n  color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-enf.on {\n  border-color: #1d1f24;\n  background: #1d1f24;\n  color: #fff;\n}\n.ts-panel .ts-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  border-top: 1px solid #d9dce1;\n  font-size: 13px;\n}\n.ts-panel .ts-footer .ts-selectall,\n.ts-panel .ts-footer .ts-cancel {\n  border: none;\n  background: none;\n  color: #1d1f24;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.ts-panel .ts-footer .ts-apply {\n  border: none;\n  background: #101216;\n  color: #fff;\n  border-radius: 6px;\n  padding: 5px 12px;\n  cursor: pointer;\n}\n.ts-panel .ts-footer .ts-apply:hover {\n  background: #000;\n}\n.ts-panel .ts-footer .ts-apply.off {\n  background: #c2c7cf;\n  cursor: default;\n}\n.ts-panel .ts-footer .ts-apply .ts-apply-n {\n  opacity: 0.8;\n}\n\n.ts-comma {\n  font-size: 14px;\n  color: #1a1d21;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ts-count {\n  font-size: 13px;\n  font-weight: 500;\n  color: #1a1d21;\n}\n\n.ts-clear-global {\n  position: absolute;\n  right: 58px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border-radius: 4px;\n  color: #8b909a;\n  cursor: pointer;\n  font-size: 12px;\n}\n.ts-clear-global:hover {\n  color: #1d1f24;\n  background: #f4f5f7;\n}\n\n.ts-loadmore {\n  border: 1px dashed #c2c7cf;\n  background: none;\n  color: #1d1f24;\n  font: inherit;\n  font-size: 12px;\n  padding: 3px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.ts-loadmore:hover {\n  background: #f4f5f7;\n  border-style: solid;\n}\n\n.ts-error {\n  display: block;\n  margin-top: 4px;\n  font-size: 11px;\n  color: #e24c4c;\n}\n\n.ts-spin {\n  animation: ts-spin 0.8s linear infinite;\n}\n\n@keyframes ts-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.ts-tooltip {\n  position: fixed;\n  z-index: 1002;\n  max-width: 240px;\n  background: #1a1d21;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1.45;\n  padding: 8px 10px;\n  border-radius: 6px;\n  pointer-events: none;\n}\n.ts-tooltip .tt-title {\n  font-weight: 500;\n  display: block;\n  margin-bottom: 2px;\n}\n.ts-tooltip .tt-path {\n  display: block;\n  color: #9aa0aa;\n  font-size: 11px;\n  margin-bottom: 4px;\n}\n.ts-tooltip .tt-body {\n  color: #c9ccd2;\n}";
+var css_248z$2 = ".ts-root,\n.ts-panel,\n.ts-backdrop,\n.ts-tooltip {\n  box-sizing: border-box;\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n  font-size: 14px;\n  line-height: 1.45;\n  color: #1a1d21;\n}\n.ts-root *, .ts-root *::before, .ts-root *::after,\n.ts-panel *,\n.ts-panel *::before,\n.ts-panel *::after,\n.ts-backdrop *,\n.ts-backdrop *::before,\n.ts-backdrop *::after,\n.ts-tooltip *,\n.ts-tooltip *::before,\n.ts-tooltip *::after {\n  box-sizing: border-box;\n}\n.ts-root button,\n.ts-panel button,\n.ts-backdrop button,\n.ts-tooltip button {\n  appearance: none;\n  -webkit-appearance: none;\n  margin: 0;\n  height: auto;\n  min-height: 0;\n  max-height: none;\n  font: inherit;\n  line-height: 1.45;\n  text-align: center;\n  text-transform: none;\n  letter-spacing: normal;\n  overflow: visible;\n  white-space: nowrap;\n}\n.ts-root code,\n.ts-panel code,\n.ts-backdrop code,\n.ts-tooltip code {\n  font-family: inherit;\n  background: none;\n  color: inherit;\n}\n\n.ts-field-label {\n  display: block;\n  font-size: 13px;\n  color: #8b909a;\n  margin-bottom: 6px;\n}\n\n.ts-trigger {\n  width: 100%;\n  min-height: 38px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n  padding: 5px 58px 5px 10px;\n  background: #ffffff;\n  border: 1px solid #c2c7cf;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: border-color 0.12s, box-shadow 0.12s;\n}\n.ts-trigger:hover {\n  border-color: #1d1f24;\n}\n.ts-trigger:focus-visible, .ts-trigger[aria-expanded=true] {\n  outline: none;\n  border-color: #1d1f24;\n  box-shadow: 0 0 0 3px #eeedea;\n}\n.ts-trigger .ts-placeholder {\n  color: #8b909a;\n  font-size: 14px;\n}\n.ts-trigger .ts-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 2px 4px 2px 8px;\n  border-radius: 6px;\n}\n.ts-trigger .ts-chip > span:first-child {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ts-trigger .ts-chip button {\n  border: none;\n  background: none;\n  color: inherit;\n  cursor: pointer;\n  opacity: 0.8;\n}\n.ts-trigger .ts-chip button:hover {\n  opacity: 1;\n}\n.ts-trigger .ts-more {\n  font-size: 12px;\n  color: #8b909a;\n}\n.ts-trigger .ts-expand {\n  position: absolute;\n  right: 34px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #8b909a;\n  cursor: pointer;\n  padding: 2px;\n  border-radius: 4px;\n}\n.ts-trigger .ts-expand:hover {\n  color: #1d1f24;\n  background: #f4f5f7;\n}\n.ts-trigger .ts-caret {\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #8b909a;\n  transition: transform 0.15s;\n}\n.ts-trigger[aria-expanded=true] .ts-caret {\n  transform: translateY(-50%) rotate(180deg);\n}\n\n.ts-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(20, 25, 35, 0.42);\n  z-index: 1000;\n}\n\n.ts-panel {\n  margin-top: 4px;\n  background: #ffffff;\n  border: 1px solid #c2c7cf;\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(20, 25, 35, 0.12), 0 2px 6px rgba(20, 25, 35, 0.08);\n  overflow: hidden;\n}\n.ts-panel .ts-modal-head {\n  display: none;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 12px 14px;\n  border-bottom: 1px solid #d9dce1;\n  font-weight: 500;\n}\n.ts-panel .ts-modal-head > span:first-child {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ts-panel .ts-modal-head .ts-modal-close {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  min-height: 30px;\n  padding: 0;\n  border: 1px solid #d9dce1;\n  border-radius: 50%;\n  background: #ffffff;\n  color: #1a1d21;\n  cursor: pointer;\n  transition: background-color 0.12s, border-color 0.12s;\n}\n.ts-panel .ts-modal-head .ts-modal-close:hover, .ts-panel .ts-modal-head .ts-modal-close:focus-visible {\n  outline: none;\n  background: #f4f5f7;\n  border-color: #c2c7cf;\n}\n.ts-panel .ts-modal-head .ts-modal-close:active {\n  background: #eeedea;\n}\n.ts-panel--modal {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: min(440px, 92vw);\n  margin: 0;\n  z-index: 1001;\n}\n.ts-panel--modal .ts-modal-head {\n  display: flex;\n}\n.ts-panel--modal .ts-tree {\n  max-height: min(58vh, 520px);\n}\n.ts-panel .ts-search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 10px;\n  border-bottom: 1px solid #d9dce1;\n}\n.ts-panel .ts-search input {\n  flex: 1;\n  border: none;\n  outline: none;\n  font: inherit;\n  font-size: 14px;\n  background: transparent;\n  min-width: 0;\n}\n.ts-panel .ts-search input::placeholder {\n  color: #8b909a;\n}\n.ts-panel .ts-search .ts-clr {\n  border: none;\n  background: none;\n  color: #8b909a;\n  cursor: pointer;\n}\n.ts-panel .ts-search .ts-clr:hover {\n  color: #1a1d21;\n}\n.ts-panel .ts-tree {\n  max-height: 288px;\n  overflow-y: auto;\n  padding: 4px;\n}\n.ts-panel .ts-tree .ts-empty {\n  padding: 28px 12px;\n  text-align: center;\n  color: #8b909a;\n  font-size: 13px;\n}\n.ts-panel .ts-tree .ts-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 6px;\n  margin-bottom: 1px;\n  border-left: 3px solid transparent;\n  font-size: 14px;\n  user-select: none;\n}\n.ts-panel .ts-tree .ts-row:hover {\n  background: #f4f5f7;\n}\n.ts-panel .ts-tree .ts-row.focused {\n  box-shadow: inset 0 0 0 1px #d9dce1;\n}\n.ts-panel .ts-tree .ts-row.selected {\n  background: rgba(29, 31, 36, 0.06);\n  border-left-color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell {\n  width: 18px;\n  color: #8b909a;\n  cursor: pointer;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell.leaf {\n  visibility: hidden;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell svg {\n  transition: transform 0.12s;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell.open svg {\n  transform: rotate(90deg);\n}\n.ts-panel .ts-tree .ts-row .ts-check {\n  width: 16px;\n  height: 16px;\n  border-radius: 4px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1.5px solid #c2c7cf;\n  color: #fff;\n  cursor: pointer;\n}\n.ts-panel .ts-tree .ts-row .ts-check.on {\n  border-color: #1d1f24;\n  background: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-check.ind {\n  border-color: #1d1f24;\n  background: #eeedea;\n  color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-check.previewing {\n  border-color: #1d1f24;\n  background: #eeedea;\n  color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 2px 9px;\n  border-radius: 6px;\n  font-size: 13px;\n  min-width: 0;\n  transition: opacity 0.12s, box-shadow 0.16s;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-cb {\n  width: 14px;\n  height: 14px;\n  border-radius: 3px;\n  border: 1.5px solid currentColor;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-cb.ghost svg {\n  opacity: 0.55;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-ico {\n  font-size: 15px;\n  line-height: 1;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-code {\n  font-size: 10px;\n  opacity: 0.6;\n  padding: 0 4px;\n  border-radius: 3px;\n  border: 1px solid currentColor;\n  line-height: 1.4;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-lbl {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-info {\n  opacity: 0.65;\n  cursor: help;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-info:hover {\n  opacity: 1;\n}\n.ts-panel .ts-tree .ts-row .ts-enf {\n  margin-left: auto;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 22px;\n  padding: 2px 8px;\n  border-radius: 6px;\n  border: 1px solid #d9dce1;\n  color: #8b909a;\n  font-size: 11px;\n  line-height: 1.45;\n  cursor: pointer;\n  transition: all 0.12s;\n}\n.ts-panel .ts-tree .ts-row .ts-enf:hover {\n  border-color: #1d1f24;\n  color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-enf.some {\n  border-color: #1d1f24;\n  color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-enf.on {\n  border-color: #1d1f24;\n  background: #1d1f24;\n  color: #fff;\n}\n.ts-panel .ts-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  border-top: 1px solid #d9dce1;\n  font-size: 13px;\n}\n.ts-panel .ts-footer .ts-selectall,\n.ts-panel .ts-footer .ts-cancel {\n  border: none;\n  background: none;\n  color: #1d1f24;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.ts-panel .ts-footer .ts-apply, .ts-panel .ts-footer .ts-apply.ts-apply--off, .ts-panel .ts-footer .ts-apply:disabled {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  border: none;\n  color: #fff;\n  border-radius: 6px;\n  padding: 5px 12px;\n  white-space: nowrap;\n}\n.ts-panel .ts-footer .ts-apply {\n  background: #101216;\n  cursor: pointer;\n}\n.ts-panel .ts-footer .ts-apply:hover {\n  background: #000;\n}\n.ts-panel .ts-footer .ts-apply.ts-apply--off, .ts-panel .ts-footer .ts-apply:disabled {\n  background: rgba(139, 144, 154, 0.14);\n  cursor: default;\n}\n.ts-panel .ts-footer .ts-apply .ts-apply-n {\n  opacity: 0.8;\n}\n\n.ts-comma {\n  font-size: 14px;\n  color: #1a1d21;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ts-count {\n  font-size: 13px;\n  font-weight: 500;\n  color: #1a1d21;\n}\n\n.ts-clear-global {\n  position: absolute;\n  right: 58px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #d9dce1;\n  border-radius: 50%;\n  background: #eeedea;\n  color: #1a1d21;\n  cursor: pointer;\n  transition: background-color 0.12s, border-color 0.12s, color 0.12s;\n}\n.ts-clear-global:hover, .ts-clear-global:focus-visible {\n  outline: none;\n  background: #e24c4c;\n  border-color: #e24c4c;\n  color: #fff;\n}\n.ts-clear-global:active {\n  background: #c33c3c;\n  border-color: #c33c3c;\n}\n\n.ts-loadmore {\n  border: 1px dashed #c2c7cf;\n  background: none;\n  color: #1d1f24;\n  font: inherit;\n  font-size: 12px;\n  padding: 3px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.ts-loadmore:hover {\n  background: #f4f5f7;\n  border-style: solid;\n}\n\n.ts-error {\n  display: block;\n  margin-top: 4px;\n  font-size: 11px;\n  color: #e24c4c;\n}\n\n.ts-spin {\n  animation: ts-spin 0.8s linear infinite;\n}\n\n@keyframes ts-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.ts-tooltip {\n  position: fixed;\n  z-index: 1002;\n  max-width: 240px;\n  background: #1a1d21;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1.45;\n  padding: 8px 10px;\n  border-radius: 6px;\n  pointer-events: none;\n}\n.ts-tooltip .tt-title {\n  font-weight: 500;\n  display: block;\n  margin-bottom: 2px;\n}\n.ts-tooltip .tt-path {\n  display: block;\n  color: #9aa0aa;\n  font-size: 11px;\n  margin-bottom: 4px;\n}\n.ts-tooltip .tt-body {\n  color: #c9ccd2;\n}";
 styleInject(css_248z$2);
 
 /**
@@ -53406,6 +53406,24 @@ var IconExpand = function IconExpand() {
     d: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"
   }));
 };
+// Croix (effacement global, fermeture de la pop-in). En SVG comme le reste du jeu
+// d'icônes : le glyphe « ✕ » rendait un trait variable selon la police de l'hôte.
+var IconClear = function IconClear(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 11 : _ref$size;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M3 3l6 6M9 3l-6 6",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    fill: "none",
+    strokeLinecap: "round"
+  }));
+};
 var IconSearch = function IconSearch() {
   return /*#__PURE__*/React__default.createElement("svg", {
     width: "15",
@@ -53499,74 +53517,79 @@ var IconSpinner = function IconSpinner() {
 
 // --- Composant ---
 
-var TreeSelectMaquette = function TreeSelectMaquette(_ref) {
-  var _ref$options = _ref.options,
-    optionsProp = _ref$options === void 0 ? [] : _ref$options,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? 'Périmètre concerné' : _ref$label,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'Sélectionnez un périmètre' : _ref$placeholder,
-    _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? [] : _ref$defaultValue,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    onLoadChildren = _ref.onLoadChildren,
-    _ref$maxChips = _ref.maxChips,
-    maxChips = _ref$maxChips === void 0 ? 2 : _ref$maxChips,
-    _ref$defaultOpen = _ref.defaultOpen,
-    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    _ref$invalid = _ref.invalid,
-    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-    _ref$errorMessage = _ref.errorMessage,
-    errorMessage = _ref$errorMessage === void 0 ? '' : _ref$errorMessage,
-    _ref$selectionMode = _ref.selectionMode,
-    selectionMode = _ref$selectionMode === void 0 ? 'checkbox' : _ref$selectionMode,
-    _ref$showClear = _ref.showClear,
-    showClear = _ref$showClear === void 0 ? false : _ref$showClear,
-    _ref$showChipPath = _ref.showChipPath,
-    showChipPath = _ref$showChipPath === void 0 ? false : _ref$showChipPath,
-    _ref$popin = _ref.popin,
-    popin = _ref$popin === void 0 ? false : _ref$popin,
-    _ref$branchPageSize = _ref.branchPageSize,
-    branchPageSize = _ref$branchPageSize === void 0 ? 0 : _ref$branchPageSize,
-    _ref$showSelectAll = _ref.showSelectAll,
-    showSelectAll = _ref$showSelectAll === void 0 ? true : _ref$showSelectAll,
-    _ref$validate = _ref.validate,
-    validate = _ref$validate === void 0 ? true : _ref$validate,
-    _ref$showChildrenCoun = _ref.showChildrenCount,
-    showChildrenCount = _ref$showChildrenCoun === void 0 ? true : _ref$showChildrenCoun,
-    _ref$showExpand = _ref.showExpand,
-    showExpand = _ref$showExpand === void 0 ? true : _ref$showExpand,
-    _ref$filter = _ref.filter,
-    filter = _ref$filter === void 0 ? true : _ref$filter,
-    _ref$filterPlaceholde = _ref.filterPlaceholder,
-    filterPlaceholder = _ref$filterPlaceholde === void 0 ? 'Rechercher un périmètre…' : _ref$filterPlaceholde,
-    _ref$filterMode = _ref.filterMode,
-    filterMode = _ref$filterMode === void 0 ? 'lenient' : _ref$filterMode,
-    _ref$filterBy = _ref.filterBy,
-    filterBy = _ref$filterBy === void 0 ? 'label' : _ref$filterBy,
-    _ref$filterDelay = _ref.filterDelay,
-    filterDelay = _ref$filterDelay === void 0 ? 300 : _ref$filterDelay,
-    _ref$resetFilterOnHid = _ref.resetFilterOnHide,
-    resetFilterOnHide = _ref$resetFilterOnHid === void 0 ? false : _ref$resetFilterOnHid,
-    _ref$showChips = _ref.showChips,
-    showChips = _ref$showChips === void 0 ? true : _ref$showChips,
-    _ref$display = _ref.display,
-    display = _ref$display === void 0 ? 'chip' : _ref$display,
-    _ref$summaryThreshold = _ref.summaryThreshold,
-    summaryThreshold = _ref$summaryThreshold === void 0 ? 0 : _ref$summaryThreshold,
-    scrollHeight = _ref.scrollHeight,
-    _ref$emptyMessage = _ref.emptyMessage,
-    emptyMessage = _ref$emptyMessage === void 0 ? 'Aucun résultat' : _ref$emptyMessage,
-    _ref$nodeColorField = _ref.nodeColorField,
-    nodeColorField = _ref$nodeColorField === void 0 ? 'color' : _ref$nodeColorField,
-    _ref$metaKeySelection = _ref.metaKeySelection,
-    metaKeySelection = _ref$metaKeySelection === void 0 ? false : _ref$metaKeySelection;
-    _ref.appendTo;
+var TreeSelectMaquette = function TreeSelectMaquette(_ref2) {
+  var _ref2$options = _ref2.options,
+    optionsProp = _ref2$options === void 0 ? [] : _ref2$options,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Périmètre concerné' : _ref2$label,
+    _ref2$placeholder = _ref2.placeholder,
+    placeholder = _ref2$placeholder === void 0 ? 'Sélectionnez un périmètre' : _ref2$placeholder,
+    _ref2$defaultValue = _ref2.defaultValue,
+    defaultValue = _ref2$defaultValue === void 0 ? [] : _ref2$defaultValue,
+    value = _ref2.value,
+    onChange = _ref2.onChange,
+    onLoadChildren = _ref2.onLoadChildren,
+    _ref2$maxChips = _ref2.maxChips,
+    maxChips = _ref2$maxChips === void 0 ? 2 : _ref2$maxChips,
+    _ref2$defaultOpen = _ref2.defaultOpen,
+    defaultOpen = _ref2$defaultOpen === void 0 ? false : _ref2$defaultOpen,
+    _ref2$disabled = _ref2.disabled,
+    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
+    _ref2$loading = _ref2.loading,
+    loading = _ref2$loading === void 0 ? false : _ref2$loading,
+    _ref2$invalid = _ref2.invalid,
+    invalid = _ref2$invalid === void 0 ? false : _ref2$invalid,
+    _ref2$errorMessage = _ref2.errorMessage,
+    errorMessage = _ref2$errorMessage === void 0 ? '' : _ref2$errorMessage,
+    _ref2$selectionMode = _ref2.selectionMode,
+    selectionMode = _ref2$selectionMode === void 0 ? 'checkbox' : _ref2$selectionMode,
+    _ref2$showClear = _ref2.showClear,
+    showClear = _ref2$showClear === void 0 ? false : _ref2$showClear,
+    _ref2$showChipPath = _ref2.showChipPath,
+    showChipPath = _ref2$showChipPath === void 0 ? false : _ref2$showChipPath,
+    _ref2$popin = _ref2.popin,
+    popin = _ref2$popin === void 0 ? false : _ref2$popin,
+    _ref2$autoOpen = _ref2.autoOpen,
+    autoOpen = _ref2$autoOpen === void 0 ? false : _ref2$autoOpen,
+    _ref2$dismissOnBackdr = _ref2.dismissOnBackdrop,
+    dismissOnBackdrop = _ref2$dismissOnBackdr === void 0 ? false : _ref2$dismissOnBackdr,
+    onPanelHide = _ref2.onPanelHide,
+    _ref2$branchPageSize = _ref2.branchPageSize,
+    branchPageSize = _ref2$branchPageSize === void 0 ? 0 : _ref2$branchPageSize,
+    _ref2$showSelectAll = _ref2.showSelectAll,
+    showSelectAll = _ref2$showSelectAll === void 0 ? true : _ref2$showSelectAll,
+    _ref2$validate = _ref2.validate,
+    validate = _ref2$validate === void 0 ? true : _ref2$validate,
+    _ref2$showChildrenCou = _ref2.showChildrenCount,
+    showChildrenCount = _ref2$showChildrenCou === void 0 ? true : _ref2$showChildrenCou,
+    _ref2$showExpand = _ref2.showExpand,
+    showExpand = _ref2$showExpand === void 0 ? true : _ref2$showExpand,
+    _ref2$filter = _ref2.filter,
+    filter = _ref2$filter === void 0 ? true : _ref2$filter,
+    _ref2$filterPlacehold = _ref2.filterPlaceholder,
+    filterPlaceholder = _ref2$filterPlacehold === void 0 ? 'Rechercher un périmètre…' : _ref2$filterPlacehold,
+    _ref2$filterMode = _ref2.filterMode,
+    filterMode = _ref2$filterMode === void 0 ? 'lenient' : _ref2$filterMode,
+    _ref2$filterBy = _ref2.filterBy,
+    filterBy = _ref2$filterBy === void 0 ? 'label' : _ref2$filterBy,
+    _ref2$filterDelay = _ref2.filterDelay,
+    filterDelay = _ref2$filterDelay === void 0 ? 300 : _ref2$filterDelay,
+    _ref2$resetFilterOnHi = _ref2.resetFilterOnHide,
+    resetFilterOnHide = _ref2$resetFilterOnHi === void 0 ? false : _ref2$resetFilterOnHi,
+    _ref2$showChips = _ref2.showChips,
+    showChips = _ref2$showChips === void 0 ? true : _ref2$showChips,
+    _ref2$display = _ref2.display,
+    display = _ref2$display === void 0 ? 'chip' : _ref2$display,
+    _ref2$summaryThreshol = _ref2.summaryThreshold,
+    summaryThreshold = _ref2$summaryThreshol === void 0 ? 0 : _ref2$summaryThreshol,
+    scrollHeight = _ref2.scrollHeight,
+    _ref2$emptyMessage = _ref2.emptyMessage,
+    emptyMessage = _ref2$emptyMessage === void 0 ? 'Aucun résultat' : _ref2$emptyMessage,
+    _ref2$nodeColorField = _ref2.nodeColorField,
+    nodeColorField = _ref2$nodeColorField === void 0 ? 'color' : _ref2$nodeColorField,
+    _ref2$metaKeySelectio = _ref2.metaKeySelection,
+    metaKeySelection = _ref2$metaKeySelectio === void 0 ? false : _ref2$metaKeySelectio;
+    _ref2.appendTo;
   var checkboxMode = selectionMode === 'checkbox';
   var inert = disabled || loading; // champ non interactif
 
@@ -53822,6 +53845,7 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref) {
     setPreview(null);
     setTooltip(null);
     if (resetFilterOnHide) setQuery('');
+    onPanelHide === null || onPanelHide === void 0 || onPanelHide();
   };
   var apply = function apply() {
     setCommitted(new Set(draft));
@@ -53847,7 +53871,15 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref) {
     else openPanel(true);
   };
 
-  // Clic extérieur (mode dropdown) → abandon.
+  // openPanel() depuis un effet, donc APRÈS le premier rendu : la bascule dropdown/pop-in
+  // se décide sur la largeur réelle du trigger. `defaultOpen` ouvre avant toute mesure.
+  useEffect(function () {
+    if (autoOpen) openPanel();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // Clic extérieur (dropdown seul) → abandon, convention des overlays non modaux.
+  // Le pop-in, lui, ne se ferme que sur action explicite — cf. `dismissOnBackdrop`.
   useEffect(function () {
     if (!open || mode !== 'dropdown') return undefined;
     var onDown = function onDown(e) {
@@ -53859,6 +53891,22 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref) {
     };
   }, [open, mode]);
 
+  // Échap où que soit le focus : les handlers de l'arbre et de la recherche ne couvrent
+  // que ces deux éléments. Sortie clavier garantie du modal (rôle `dialog`).
+  useEffect(function () {
+    if (!open || mode !== 'popin') return undefined;
+    var onKey = function onKey(e) {
+      if (e.key === 'Escape') {
+        e.stopPropagation();
+        close();
+      }
+    };
+    document.addEventListener('keydown', onKey);
+    return function () {
+      return document.removeEventListener('keydown', onKey);
+    };
+  }, [open, mode]);
+
   // Focus le champ de recherche à l'ouverture.
   // preventScroll : sur la page Docs, plusieurs stories `defaultOpen` montées inline
   // focaliseraient leur champ de recherche et feraient défiler la page vers le bas.
@@ -54049,10 +54097,10 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref) {
 
   // --- Rendu d'une ligne ---
 
-  var renderRow = function renderRow(_ref2) {
+  var renderRow = function renderRow(_ref3) {
     var _node$children6;
-    var node = _ref2.node,
-      depth = _ref2.depth;
+    var node = _ref3.node,
+      depth = _ref3.depth;
     var hasChildren = ((_node$children6 = node.children) === null || _node$children6 === void 0 ? void 0 : _node$children6.length) > 0 || node.lazy; // lazy : dépliable même sans enfants chargés
     var isValue = node.kind === 'value';
     var color = node[nodeColorField] || TS_MUTED;
@@ -54248,9 +54296,9 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref) {
   };
 
   // Ligne « Chargement… » (lazy-loading en cours).
-  var renderLoadingRow = function renderLoadingRow(_ref3) {
-    var id = _ref3.id,
-      depth = _ref3.depth;
+  var renderLoadingRow = function renderLoadingRow(_ref4) {
+    var id = _ref4.id,
+      depth = _ref4.depth;
     return /*#__PURE__*/React__default.createElement("div", {
       key: "loading-".concat(id),
       className: "ts-row",
@@ -54278,10 +54326,10 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref) {
   };
 
   // Ligne « Afficher plus » (pagination par branche).
-  var renderLoadMore = function renderLoadMore(_ref4) {
-    var id = _ref4.id,
-      remaining = _ref4.remaining,
-      depth = _ref4.depth;
+  var renderLoadMore = function renderLoadMore(_ref5) {
+    var id = _ref5.id,
+      remaining = _ref5.remaining,
+      depth = _ref5.depth;
     return /*#__PURE__*/React__default.createElement("div", {
       key: "more-".concat(id),
       className: "ts-row",
@@ -54320,7 +54368,9 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref) {
       className: "ts-modal-close",
       "aria-label": "Fermer",
       onClick: close
-    }, "\u2715")), filter && /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default.createElement(IconClear, {
+      size: 14
+    }))), filter && /*#__PURE__*/React__default.createElement("div", {
       className: "ts-search"
     }, /*#__PURE__*/React__default.createElement(IconSearch, null), /*#__PURE__*/React__default.createElement("input", {
       ref: searchRef,
@@ -54371,7 +54421,7 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref) {
       onClick: close
     }, "Annuler"), /*#__PURE__*/React__default.createElement("button", {
       type: "button",
-      className: "ts-apply ".concat(draftClean ? 'off' : ''),
+      className: "ts-apply ".concat(draftClean ? 'ts-apply--off' : ''),
       onClick: apply,
       disabled: draftClean
     }, "Appliquer ", /*#__PURE__*/React__default.createElement("span", {
@@ -54416,7 +54466,7 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref) {
     style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, invalid ? {
       borderColor: '#e24c4c'
     } : null), showClear && committedNodes.length > 0 ? {
-      paddingRight: 84
+      paddingRight: 88
     } : null), disabled ? {
       opacity: 0.55,
       pointerEvents: 'none',
@@ -54477,7 +54527,7 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref) {
       e.stopPropagation();
       setCommitted(new Set());
     }
-  }, "\u2715"), showExpand && !inert && /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement(IconClear, null)), showExpand && !inert && /*#__PURE__*/React__default.createElement("span", {
     className: "ts-expand",
     role: "button",
     tabIndex: -1,
@@ -54497,7 +54547,7 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref) {
     }
   }, panel(false))), open && mode === 'popin' && /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "ts-backdrop",
-    onClick: close
+    onClick: dismissOnBackdrop ? close : undefined
   }), panel(true)), document.body), tooltip && /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement("div", {
     className: "ts-tooltip",
     style: {
@@ -54988,30 +55038,95 @@ function changeCurrency(value, source, target) {
   return parseFloat((value / srcRate * tgtRate).toFixed(decimal));
 }
 
-/** Convert a tree using custom keyField/labelField to PrimeReact { key, label, children } format */
-function mapTreeNodes(nodes) {
+// Colonne (`{ key, label }`) → modèle de la maquette (`{ id, label, kind }`). Sans `id`
+// l'arbre s'effondre (dédoublonnage par id) ; sans `kind: 'value'`, aucun badge cliquable.
+function toTreeSelectNodes(nodes) {
   var keyField = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'key';
   var labelField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'label';
   if (!nodes) return [];
   return nodes.map(function (node) {
+    var _ref, _node$keyField, _node$children, _node$labelField, _node$kind;
+    var key = String((_ref = (_node$keyField = node[keyField]) !== null && _node$keyField !== void 0 ? _node$keyField : node.key) !== null && _ref !== void 0 ? _ref : node.id);
+    var children = (_node$children = node.children) !== null && _node$children !== void 0 && _node$children.length ? toTreeSelectNodes(node.children, keyField, labelField) : undefined;
     return _objectSpread2(_objectSpread2({}, node), {}, {
-      key: String(node[keyField]),
-      label: node[labelField],
-      children: mapTreeNodes(node.children, keyField, labelField)
-    });
+      key: key,
+      id: key,
+      label: (_node$labelField = node[labelField]) !== null && _node$labelField !== void 0 ? _node$labelField : node.label,
+      kind: (_node$kind = node.kind) !== null && _node$kind !== void 0 ? _node$kind : node.selectable === false ? 'group' : 'value'
+    }, children ? {
+      children: children
+    } : {});
   });
 }
-function findTreeNodes(value, nodes) {
-  if (!value || !nodes) return [];
-  var selectedKeys = [];
-  if (typeof value === 'string') {
-    selectedKeys = [value];
-  } else {
-    selectedKeys = Object.keys(value).filter(function (k) {
-      var v = value[k];
-      return v === true || _typeof$e(v) === 'object' && (v === null || v === void 0 ? void 0 : v.checked);
+
+// Props de configuration de TreeSelectMaquette pilotables depuis la colonne. LISTE
+// UNIQUE : une nouvelle prop de la maquette s'expose en l'ajoutant ICI, et nulle part
+// ailleurs. Absentes volontairement — elles portent le câblage de la cellule, les
+// exposer permettrait de casser l'édition depuis une définition de colonne :
+// options / value / onChange / selectionMode (valeur et adaptation de l'arbre),
+// label (l'en-tête de colonne fait office de libellé), autoOpen / dismissOnBackdrop /
+// onPanelHide (cycle de vie panneau ↔ cellule), defaultOpen (ouvre avant la mesure de
+// largeur, donc toujours en dropdown), disabled / loading (l'état éditable vient de la
+// colonne et du mode), appendTo, defaultValue.
+var TREESELECT_COL_PROPS = [
+// Champ
+'placeholder', 'maxChips', 'showChips', 'display', 'summaryThreshold', 'showClear', 'showChipPath', 'showExpand', 'invalid', 'errorMessage',
+// Sélection
+'validate', 'showSelectAll', 'metaKeySelection', 'nodeColorField',
+// Recherche
+'filter', 'filterPlaceholder', 'filterMode', 'filterBy', 'filterDelay', 'resetFilterOnHide',
+// Arbre
+'scrollHeight', 'emptyMessage', 'showChildrenCount', 'branchPageSize', 'popin', 'onLoadChildren'];
+
+/** Props déclarées par la colonne (une clé absente laisse le défaut en place). */
+var pickTreeSelectProps = function pickTreeSelectProps(col) {
+  var out = {};
+  TREESELECT_COL_PROPS.forEach(function (k) {
+    if (col[k] !== undefined) out[k] = col[k];
+  });
+  return out;
+};
+
+/** Clés sélectionnées d'une valeur de cellule (chaîne, tableau, ou map PrimeReact). */
+function selectedKeysFromCellValue(raw) {
+  if (raw === null || raw === undefined || raw === '') return [];
+  if (Array.isArray(raw)) return raw.map(String);
+  if (_typeof$e(raw) === 'object') {
+    return Object.keys(raw).filter(function (k) {
+      var _raw$k;
+      return raw[k] === true || _typeof$e(raw[k]) === 'object' && ((_raw$k = raw[k]) === null || _raw$k === void 0 ? void 0 : _raw$k.checked);
     });
   }
+  return [String(raw)];
+}
+
+/** Valeur de cellule → valeur TreeSelectMaquette (nœud en `single`, tableau d'ids sinon). */
+function toTreeSelectValue(raw, selectionMode) {
+  var keys = selectedKeysFromCellValue(raw);
+  if (selectionMode === 'single') return keys.length ? {
+    id: keys[0]
+  } : null;
+  return keys;
+}
+
+/** Valeur maquette → format documenté de la colonne : chaîne en `single`, map `{ key: { checked } }` sinon. */
+function fromTreeSelectValue(val, selectionMode) {
+  var _val$id;
+  if (selectionMode === 'single') return (_val$id = val === null || val === void 0 ? void 0 : val.id) !== null && _val$id !== void 0 ? _val$id : null;
+  var ids = Array.isArray(val) ? val : [];
+  if (!ids.length) return null;
+  return ids.reduce(function (acc, id) {
+    acc[id] = {
+      checked: true,
+      partialChecked: false
+    };
+    return acc;
+  }, {});
+}
+function findTreeNodes(value, nodes) {
+  if (!value || !nodes) return [];
+  // Une seule règle de lecture de la valeur pour l'affichage et pour l'éditeur.
+  var selectedKeys = selectedKeysFromCellValue(value);
   var result = [];
   function traverse(list) {
     var _iterator = _createForOfIteratorHelper$4(list),
@@ -55048,10 +55163,72 @@ function textColorForBg(hex) {
 // Compteur global de séquence des éditeurs de cellule : sert à garantir qu'un
 // seul éditeur inline est ouvert à la fois (hors mode édition de ligne).
 var cellEditorSeq = 0;
-var HoverTooltip = function HoverTooltip(_ref) {
-  var lines = _ref.lines,
-    children = _ref.children,
-    style = _ref.style;
+
+// ─── Éditeurs de cellule : surfaces portées hors du <td> ──────────────────────
+// Un overlay porté (portail React, `appendTo={body}`) vit hors du <td> : un mousedown
+// dedans n'est PAS un clic extérieur. LISTE UNIQUE — tout nouvel overlay s'ajoute ici.
+var PORTALED_OVERLAY_SELECTOR = ['.p-dropdown-panel',
+// Dropdown / SelectSimple (appendTo body)
+'.p-datepicker',
+// DatePicker PrimeReact
+'.datepickerbook',
+// DatePicker arengibook
+'.p-multiselect-panel',
+// MultiSelect
+'.p-dialog',
+// éditeur html (Dialog appendTo body)
+'.ts-panel',
+// TreeSelect : panneau (dropdown ET pop-in portée body)
+'.ts-backdrop',
+// TreeSelect : voile du pop-in
+'.ts-tooltip' // TreeSelect : infobulle (portée body)
+].join(', ');
+
+/** Le mousedown vise-t-il un overlay porté (donc PAS un clic « extérieur ») ? */
+var isInPortaledOverlay = function isInPortaledOverlay(target) {
+  var _target$closest;
+  return !!(target !== null && target !== void 0 && (_target$closest = target.closest) !== null && _target$closest !== void 0 && _target$closest.call(target, PORTALED_OVERLAY_SELECTOR));
+};
+
+// Un seul éditeur ouvert à la fois — désactivé en rowEdit, où toute la ligne édite.
+// Partagé par SelfEditableCell / TreeSelectBodyCell / DeviseBodyCell.
+var useSingleOpenCellEditor = function useSingleOpenCellEditor(active, onOtherOpen) {
+  var cbRef = useRef(onOtherOpen);
+  cbRef.current = onOtherOpen;
+  useEffect(function () {
+    if (!active) return undefined;
+    var myId = ++cellEditorSeq;
+    var handler = function handler(e) {
+      var _cbRef$current;
+      if (e.detail !== myId) (_cbRef$current = cbRef.current) === null || _cbRef$current === void 0 || _cbRef$current.call(cbRef);
+    };
+    document.addEventListener('ab-cell-editor-open', handler);
+    document.dispatchEvent(new CustomEvent('ab-cell-editor-open', {
+      detail: myId
+    }));
+    return function () {
+      return document.removeEventListener('ab-cell-editor-open', handler);
+    };
+  }, [active]);
+};
+var IconCellClear = function IconCellClear() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "9",
+    height: "9",
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M3 3l6 6M9 3l-6 6",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    fill: "none",
+    strokeLinecap: "round"
+  }));
+};
+var HoverTooltip = function HoverTooltip(_ref2) {
+  var lines = _ref2.lines,
+    children = _ref2.children,
+    style = _ref2.style;
   var _useState = useState(null),
     _useState2 = _slicedToArray$b(_useState, 2),
     pos = _useState2[0],
@@ -55106,10 +55283,10 @@ var HoverTooltip = function HoverTooltip(_ref) {
  * key)` (= la prop `onButtonClick` du Table, même contrat que les colonnes `type: button`),
  * ou `action.onClick(rowData)` si fourni.
  */
-var RowActionsInlineCell = function RowActionsInlineCell(_ref2) {
-  var actions = _ref2.actions,
-    rowData = _ref2.rowData,
-    onAction = _ref2.onAction;
+var RowActionsInlineCell = function RowActionsInlineCell(_ref3) {
+  var actions = _ref3.actions,
+    rowData = _ref3.rowData,
+    onAction = _ref3.onAction;
   return (
     /*#__PURE__*/
     // width 100% : la cellule .row-actions-cell est en padding 0 → sans elle le flex
@@ -55166,10 +55343,10 @@ var RowActionsInlineCell = function RowActionsInlineCell(_ref2) {
     }))
   );
 };
-var RowActionsCell = function RowActionsCell(_ref3) {
-  var actions = _ref3.actions,
-    rowData = _ref3.rowData,
-    href = _ref3.href;
+var RowActionsCell = function RowActionsCell(_ref4) {
+  var actions = _ref4.actions,
+    rowData = _ref4.rowData,
+    href = _ref4.href;
   var _useState3 = useState(false),
     _useState4 = _slicedToArray$b(_useState3, 2),
     open = _useState4[0],
@@ -55320,10 +55497,10 @@ var RowActionsCell = function RowActionsCell(_ref3) {
     } else {
       extraAttrs.href = actionHref;
     }
-    if (action.data) Object.entries(action.data).forEach(function (_ref4) {
-      var _ref5 = _slicedToArray$b(_ref4, 2),
-        k = _ref5[0],
-        v = _ref5[1];
+    if (action.data) Object.entries(action.data).forEach(function (_ref5) {
+      var _ref6 = _slicedToArray$b(_ref5, 2),
+        k = _ref6[0],
+        v = _ref6[1];
       extraAttrs[k] = v;
     });
     return /*#__PURE__*/React__default.createElement("a", _extends$G({
@@ -55378,14 +55555,14 @@ var RowActionsCell = function RowActionsCell(_ref3) {
     }
   }, "settings")), dropdown);
 };
-var DeviseBodyCell = function DeviseBodyCell(_ref6) {
+var DeviseBodyCell = function DeviseBodyCell(_ref7) {
   var _col$devises, _col$decimal, _cellDevise$code;
-  var rowData = _ref6.rowData,
-    col = _ref6.col,
-    editable = _ref6.editable,
-    _ref6$isRowEditing = _ref6.isRowEditing,
-    isRowEditing = _ref6$isRowEditing === void 0 ? false : _ref6$isRowEditing,
-    onSave = _ref6.onSave;
+  var rowData = _ref7.rowData,
+    col = _ref7.col,
+    editable = _ref7.editable,
+    _ref7$isRowEditing = _ref7.isRowEditing,
+    isRowEditing = _ref7$isRowEditing === void 0 ? false : _ref7$isRowEditing,
+    onSave = _ref7.onSave;
   var _useState9 = useState(false),
     _useState0 = _slicedToArray$b(_useState9, 2),
     editing = _useState0[0],
@@ -55412,10 +55589,10 @@ var DeviseBodyCell = function DeviseBodyCell(_ref6) {
     setDevise(val);
   };
   var openEdit = function openEdit() {
-    var _displayCell$value, _ref7, _ref8, _displayCell$devise;
+    var _displayCell$value, _ref8, _ref9, _displayCell$devise;
     if (!editable) return;
     setAmount((_displayCell$value = displayCell === null || displayCell === void 0 ? void 0 : displayCell.value) !== null && _displayCell$value !== void 0 ? _displayCell$value : '');
-    var initialDevise = (_ref7 = (_ref8 = (_displayCell$devise = displayCell === null || displayCell === void 0 ? void 0 : displayCell.devise) !== null && _displayCell$devise !== void 0 ? _displayCell$devise : col.currency) !== null && _ref8 !== void 0 ? _ref8 : devises[0]) !== null && _ref7 !== void 0 ? _ref7 : null;
+    var initialDevise = (_ref8 = (_ref9 = (_displayCell$devise = displayCell === null || displayCell === void 0 ? void 0 : displayCell.devise) !== null && _displayCell$devise !== void 0 ? _displayCell$devise : col.currency) !== null && _ref9 !== void 0 ? _ref9 : devises[0]) !== null && _ref8 !== void 0 ? _ref8 : null;
     deviseRef.current = initialDevise;
     setDevise(initialDevise);
     setEditing(true);
@@ -55424,9 +55601,9 @@ var DeviseBodyCell = function DeviseBodyCell(_ref6) {
   // Sync avec le mode row edit : auto-ouvrir / fermer
   useEffect(function () {
     if (isRowEditing && !editing) {
-      var _displayCell$value2, _ref9, _ref0, _displayCell$devise2;
+      var _displayCell$value2, _ref0, _ref1, _displayCell$devise2;
       setAmount((_displayCell$value2 = displayCell === null || displayCell === void 0 ? void 0 : displayCell.value) !== null && _displayCell$value2 !== void 0 ? _displayCell$value2 : '');
-      var initialDevise = (_ref9 = (_ref0 = (_displayCell$devise2 = displayCell === null || displayCell === void 0 ? void 0 : displayCell.devise) !== null && _displayCell$devise2 !== void 0 ? _displayCell$devise2 : col.currency) !== null && _ref0 !== void 0 ? _ref0 : devises[0]) !== null && _ref9 !== void 0 ? _ref9 : null;
+      var initialDevise = (_ref0 = (_ref1 = (_displayCell$devise2 = displayCell === null || displayCell === void 0 ? void 0 : displayCell.devise) !== null && _displayCell$devise2 !== void 0 ? _displayCell$devise2 : col.currency) !== null && _ref1 !== void 0 ? _ref1 : devises[0]) !== null && _ref0 !== void 0 ? _ref0 : null;
       deviseRef.current = initialDevise;
       setDevise(initialDevise);
       setEditing(true);
@@ -55449,10 +55626,14 @@ var DeviseBodyCell = function DeviseBodyCell(_ref6) {
     onSave(newCell);
     setEditing(false);
   };
+
+  // Clic extérieur → abandon (rien n'est enregistré sans « Enregistrer »). Le panneau
+  // devise reste dans le <td> (`appendTo="self"`) : le garde-fou est préventif.
   useEffect(function () {
     if (!editing || isRowEditing) return;
     var handler = function handler(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
+        if (isInPortaledOverlay(e.target)) return;
         setEditing(false);
       }
     };
@@ -55461,6 +55642,11 @@ var DeviseBodyCell = function DeviseBodyCell(_ref6) {
       return document.removeEventListener('mousedown', handler);
     };
   }, [editing, isRowEditing]);
+
+  // Un autre éditeur s'ouvre → on ferme (sans enregistrer, comme le clic extérieur).
+  useSingleOpenCellEditor(editing && !isRowEditing, function () {
+    return setEditing(false);
+  });
   if (editing) {
     var devisesOptions = devises.map(function (d) {
       return {
@@ -55524,63 +55710,77 @@ var DeviseBodyCell = function DeviseBodyCell(_ref6) {
     className: "span-sub"
   }, "".concat(numberWithSpaces(value), " ").concat(cellDevise.code)));
 };
-var TreeSelectBodyCell = function TreeSelectBodyCell(_ref1) {
-  var rowData = _ref1.rowData,
-    col = _ref1.col,
-    editable = _ref1.editable,
-    _ref1$isRowEditing = _ref1.isRowEditing,
-    isRowEditing = _ref1$isRowEditing === void 0 ? false : _ref1$isRowEditing,
-    onSave = _ref1.onSave;
+var TreeSelectBodyCell = function TreeSelectBodyCell(_ref10) {
+  var _col$selectionMode, _col$clearable;
+  var rowData = _ref10.rowData,
+    col = _ref10.col,
+    editable = _ref10.editable,
+    _ref10$isRowEditing = _ref10.isRowEditing,
+    isRowEditing = _ref10$isRowEditing === void 0 ? false : _ref10$isRowEditing,
+    onSave = _ref10.onSave;
   var _useState15 = useState(false),
     _useState16 = _slicedToArray$b(_useState15, 2),
     editing = _useState16[0],
     setEditing = _useState16[1];
   var containerRef = useRef(null);
+  var selectionMode = (_col$selectionMode = col.selectionMode) !== null && _col$selectionMode !== void 0 ? _col$selectionMode : 'single';
+  // Arborescence au modèle de la maquette ({ id, label, kind }) : sans cette
+  // adaptation aucun nœud n'est sélectionnable (cf. toTreeSelectNodes).
   var mappedOptions = useMemo(function () {
     var _col$keyField, _col$labelField;
-    return col.keyField || col.labelField ? mapTreeNodes(col.options, (_col$keyField = col.keyField) !== null && _col$keyField !== void 0 ? _col$keyField : 'key', (_col$labelField = col.labelField) !== null && _col$labelField !== void 0 ? _col$labelField : 'label') : col.options;
+    return toTreeSelectNodes(col.options, (_col$keyField = col.keyField) !== null && _col$keyField !== void 0 ? _col$keyField : 'key', (_col$labelField = col.labelField) !== null && _col$labelField !== void 0 ? _col$labelField : 'label');
   }, [col.options, col.keyField, col.labelField]);
 
-  // savedValue : valeur confirmée, utilisée pour l'affichage
+  // savedValue : valeur confirmée, au format de données de la colonne.
+  // La maquette gère elle-même son brouillon interne — pas de copie locale ici.
   var _useState17 = useState(rowData[col.field]),
     _useState18 = _slicedToArray$b(_useState17, 2),
     savedValue = _useState18[0],
     setSavedValue = _useState18[1];
-  // editValue : valeur courante dans l'éditeur, peut être transitoire
-  var _useState19 = useState(null),
-    _useState20 = _slicedToArray$b(_useState19, 2),
-    editValue = _useState20[0],
-    setEditValue = _useState20[1];
   var openEdit = function openEdit() {
     if (!editable) return;
-    setEditValue(savedValue);
     setEditing(true);
   };
 
   // Sync avec le mode row edit : auto-ouvrir / fermer
   useEffect(function () {
     if (isRowEditing && !editing) {
-      setEditValue(savedValue);
       setEditing(true);
     } else if (!isRowEditing && editing) {
       setEditing(false);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isRowEditing]);
-  var handleChange = function handleChange(e) {
-    var val = e.value;
-    // Permettre null pour le vidage explicite (showClear)
-    var isEmpty = val !== null && val !== undefined && val !== '' && _typeof$e(val) === 'object' && Object.keys(val).length === 0;
-    if (isEmpty) return;
-    setEditValue(val !== null && val !== void 0 ? val : null);
-    setSavedValue(val !== null && val !== void 0 ? val : null);
-    onSave(val !== null && val !== void 0 ? val : null);
+
+  // onChange de la maquette reçoit la VALEUR (nœud en `single`, ids sinon), pas un
+  // événement `{ value }` : on la retraduit au format de la colonne avant d'enregistrer.
+  var handleChange = function handleChange(val) {
+    var next = fromTreeSelectValue(val, selectionMode);
+    setSavedValue(next);
+    onSave(next);
   };
+
+  // Retrait d'une valeur depuis la cellule fermée (col.clearable), sans ouvrir
+  // l'éditeur : en `single` la cellule se vide, sinon seule la clé retirée disparaît.
+  var removeValue = function removeValue(key) {
+    var rest = selectedKeysFromCellValue(savedValue).filter(function (k) {
+      return k !== String(key);
+    });
+    var asMaquette = selectionMode === 'single' ? rest[0] ? {
+      id: rest[0]
+    } : null : rest;
+    var next = fromTreeSelectValue(asMaquette, selectionMode);
+    setSavedValue(next);
+    onSave(next);
+  };
+
+  // Clic extérieur → sortie d'édition. Le panneau est porté dans `body` sous
+  // POPIN_THRESHOLD : sans isInPortaledOverlay, chaque clic dedans refermait l'éditeur.
   useEffect(function () {
     if (!editing || isRowEditing) return;
     var handler = function handler(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
-        if (e.target.closest('.p-treeselect-panel')) return;
+        if (isInPortaledOverlay(e.target)) return;
         setEditing(false);
       }
     };
@@ -55589,31 +55789,62 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref1) {
       return document.removeEventListener('mousedown', handler);
     };
   }, [editing, isRowEditing]);
+
+  // Un autre éditeur s'ouvre → fermeture SANS enregistrer, le brouillon n'ayant pas
+  // été validé. Même sémantique que le type `date` dans SelfEditableCell.
+  useSingleOpenCellEditor(editing && !isRowEditing, function () {
+    return setEditing(false);
+  });
   if (editing) {
-    var _col$selectionMode, _col$filter, _col$display, _col$nodeColorField;
     return /*#__PURE__*/React__default.createElement("div", {
       ref: containerRef,
       style: {
         position: 'relative'
       }
-    }, /*#__PURE__*/React__default.createElement(TreeSelectMaquette, {
+    }, /*#__PURE__*/React__default.createElement(TreeSelectMaquette
+    // 1. Défauts propres à la cellule, là où ils diffèrent de la maquette :
+    //    chrome inutile dans un <td>, et coloration en opt-in par colonne.
+    , _extends$G({
       label: null,
       showExpand: false,
+      filter: false,
+      display: "comma",
+      nodeColorField: null,
+      showClear: true
+      // Sorties explicites Annuler / Appliquer, donc une seule écriture par
+      // édition (et non une par case cochée). `col.validate: false` = immédiat.
+      ,
+      validate: true,
+      showSelectAll: selectionMode !== 'single'
+
+      // 2. Tout ce que la colonne déclare (cf. TREESELECT_COL_PROPS) écrase
+      //    les défauts ci-dessus. Une nouvelle prop s'expose dans cette liste.
+    }, pickTreeSelectProps(col), {
+      // 3. Câblage de la cellule — placé APRÈS le spread : non surchargeable
+      //    depuis une colonne, sous peine de casser l'édition.
       options: mappedOptions,
-      value: editValue !== null && editValue !== void 0 ? editValue : null,
+      value: toTreeSelectValue(savedValue, selectionMode),
       onChange: handleChange,
-      selectionMode: (_col$selectionMode = col.selectionMode) !== null && _col$selectionMode !== void 0 ? _col$selectionMode : 'single',
-      filter: (_col$filter = col.filter) !== null && _col$filter !== void 0 ? _col$filter : false,
-      display: (_col$display = col.display) !== null && _col$display !== void 0 ? _col$display : 'comma',
-      nodeColorField: (_col$nodeColorField = col.nodeColorField) !== null && _col$nodeColorField !== void 0 ? _col$nodeColorField : null,
-      showClear: true,
-      style: {
-        width: '100%'
-      },
-      autoFocus: true
-    }));
+      selectionMode: selectionMode
+      // Un seul clic pour éditer, comme les autres types. autoOpen mesure
+      // le trigger avant de choisir dropdown ou pop-in.
+      ,
+      autoOpen: !isRowEditing
+      // Modal strict — redondant avec le défaut de la maquette, gardé explicite :
+      // en cellule, un clic à côté de la pop-in centrée jetterait l'édition.
+      ,
+      dismissOnBackdrop: false
+      // Fermeture du panneau = fin d'édition de la cellule. Même contrat que
+      // l'`onPanelHide` du DatePicker dans SelfEditableCell.
+      ,
+      onPanelHide: function onPanelHide() {
+        if (!isRowEditing) setEditing(false);
+      }
+    })));
   }
   var selectedNodes = findTreeNodes(savedValue, mappedOptions);
+  // Croix de retrait : opt-in par colonne, et jamais sur une cellule non éditable.
+  var clearable = ((_col$clearable = col.clearable) !== null && _col$clearable !== void 0 ? _col$clearable : false) && editable;
   if (!selectedNodes.length) return /*#__PURE__*/React__default.createElement("div", {
     style: {
       cursor: editable ? 'pointer' : 'default',
@@ -55625,11 +55856,25 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref1) {
       openEdit();
     }
   });
-  return /*#__PURE__*/React__default.createElement("div", {
+  // Badges bornés à la largeur de la cellule, ellipsis sur l'intitulé + intitulé
+  // complet au survol — même traitement que selectTemplate. Sans lui, le <td>
+  // (overflow: hidden) coupait le libellé en plein milieu d'une lettre.
+  return /*#__PURE__*/React__default.createElement(HoverTooltip, {
+    lines: selectedNodes.map(function (n) {
+      return n.label;
+    }),
+    style: {
+      display: 'block',
+      maxWidth: '100%',
+      minWidth: 0
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       display: 'flex',
       flexWrap: 'wrap',
       gap: '2px',
+      maxWidth: '100%',
+      minWidth: 0,
       cursor: editable ? 'pointer' : 'default'
     },
     onClick: openEdit
@@ -55642,25 +55887,45 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref1) {
       className: "tab_label",
       style: {
         backgroundColor: bg,
-        color: fg
+        color: fg,
+        display: 'inline-flex',
+        alignItems: 'center',
+        maxWidth: '100%',
+        minWidth: 0
       }
-    }, node.label);
-  }));
+    }, /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap'
+      }
+    }, node.label), clearable && /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "tab_label-clear",
+      "aria-label": translate('arengibook.table.action.delete'),
+      title: translate('arengibook.table.action.delete'),
+      onClick: function onClick(e) {
+        var _node$key;
+        e.stopPropagation();
+        removeValue((_node$key = node.key) !== null && _node$key !== void 0 ? _node$key : node.id);
+      }
+    }, /*#__PURE__*/React__default.createElement(IconCellClear, null)));
+  })));
 };
-var DocumentEditorCell = function DocumentEditorCell(_ref10) {
+var DocumentEditorCell = function DocumentEditorCell(_ref11) {
   var _options$value;
-  var options = _ref10.options,
-    col = _ref10.col,
-    onFilePickerOpen = _ref10.onFilePickerOpen,
-    onFilePickerClose = _ref10.onFilePickerClose;
-  var _useState21 = useState(false),
-    _useState22 = _slicedToArray$b(_useState21, 2),
-    uploading = _useState22[0],
-    setUploading = _useState22[1];
+  var options = _ref11.options,
+    col = _ref11.col,
+    onFilePickerOpen = _ref11.onFilePickerOpen,
+    onFilePickerClose = _ref11.onFilePickerClose;
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray$b(_useState19, 2),
+    uploading = _useState20[0],
+    setUploading = _useState20[1];
   var fileInputRef = useRef(null);
   var docs = (_options$value = options.value) !== null && _options$value !== void 0 ? _options$value : [];
   var handleFileChange = /*#__PURE__*/function () {
-    var _ref11 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
+    var _ref12 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
       var file, formData, res, data, _t, _t2;
       return _regenerator().w(function (_context) {
         while (1) switch (_context.n) {
@@ -55715,7 +55980,7 @@ var DocumentEditorCell = function DocumentEditorCell(_ref10) {
       }, _callee, null, [[2,, 7, 8]]);
     }));
     return function handleFileChange(_x) {
-      return _ref11.apply(this, arguments);
+      return _ref12.apply(this, arguments);
     };
   }();
   var handlePickerClick = function handlePickerClick() {
@@ -55798,25 +56063,25 @@ var DocumentEditorCell = function DocumentEditorCell(_ref10) {
     onChange: handleFileChange
   }));
 };
-var SelfEditableCell = function SelfEditableCell(_ref12) {
+var SelfEditableCell = function SelfEditableCell(_ref13) {
   var _col$header;
-  var rowData = _ref12.rowData,
-    col = _ref12.col,
-    editable = _ref12.editable,
-    isRowEditing = _ref12.isRowEditing,
-    onSave = _ref12.onSave,
-    renderDisplay = _ref12.renderDisplay,
-    onCreateTag = _ref12.onCreateTag,
-    onTagCreated = _ref12.onTagCreated,
-    labels = _ref12.labels;
-  var _useState23 = useState(false),
+  var rowData = _ref13.rowData,
+    col = _ref13.col,
+    editable = _ref13.editable,
+    isRowEditing = _ref13.isRowEditing,
+    onSave = _ref13.onSave,
+    renderDisplay = _ref13.renderDisplay,
+    onCreateTag = _ref13.onCreateTag,
+    onTagCreated = _ref13.onTagCreated,
+    labels = _ref13.labels;
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray$b(_useState21, 2),
+    editing = _useState22[0],
+    setEditing = _useState22[1];
+  var _useState23 = useState(rowData[col.field]),
     _useState24 = _slicedToArray$b(_useState23, 2),
-    editing = _useState24[0],
-    setEditing = _useState24[1];
-  var _useState25 = useState(rowData[col.field]),
-    _useState26 = _slicedToArray$b(_useState25, 2),
-    localValue = _useState26[0],
-    setLocalValue = _useState26[1];
+    localValue = _useState24[0],
+    setLocalValue = _useState24[1];
   var containerRef = useRef(null);
   var localValueRef = useRef(localValue);
   var committedRef = useRef(false);
@@ -55876,7 +56141,7 @@ var SelfEditableCell = function SelfEditableCell(_ref12) {
     if (!editing || isRowEditing || col.type === 'date' || col.type === 'html') return;
     var handler = function handler(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
-        if (e.target.closest('.p-dropdown-panel, .p-datepicker, .p-multiselect-panel, .datepickerbook, .p-dialog')) return;
+        if (isInPortaledOverlay(e.target)) return;
         commit(localValueRef.current);
       }
     };
@@ -55892,21 +56157,9 @@ var SelfEditableCell = function SelfEditableCell(_ref12) {
   // clic extérieur) ; la date se FERME sans commit (sinon on enregistrerait une
   // valeur jamais choisie). C'est le correctif du champ date qui restait en
   // édition à l'ouverture d'un autre champ (R57-38.8).
-  useEffect(function () {
-    if (!editing || isRowEditing) return;
-    var myId = ++cellEditorSeq;
-    var onOtherEditorOpen = function onOtherEditorOpen(e) {
-      if (e.detail === myId) return;
-      if (col.type === 'date' || col.type === 'html') setEditing(false);else commit(localValueRef.current);
-    };
-    document.addEventListener('ab-cell-editor-open', onOtherEditorOpen);
-    document.dispatchEvent(new CustomEvent('ab-cell-editor-open', {
-      detail: myId
-    }));
-    return function () {
-      return document.removeEventListener('ab-cell-editor-open', onOtherEditorOpen);
-    };
-  }, [editing, isRowEditing, col.type, commit]);
+  useSingleOpenCellEditor(editing && !isRowEditing, function () {
+    if (col.type === 'date' || col.type === 'html') setEditing(false);else commit(localValueRef.current);
+  });
   if (!editing) {
     var _rowData$col$field;
     return /*#__PURE__*/React__default.createElement("div", {
@@ -56149,21 +56402,21 @@ var SelfEditableCell = function SelfEditableCell(_ref12) {
       }));
   }
 };
-var DocumentBodyCell = function DocumentBodyCell(_ref13) {
+var DocumentBodyCell = function DocumentBodyCell(_ref14) {
   var _rowData$col$field2;
-  var rowData = _ref13.rowData,
-    col = _ref13.col,
-    editable = _ref13.editable,
-    isRowEditing = _ref13.isRowEditing,
-    onSave = _ref13.onSave;
-  var _useState27 = useState(false),
+  var rowData = _ref14.rowData,
+    col = _ref14.col,
+    editable = _ref14.editable,
+    isRowEditing = _ref14.isRowEditing,
+    onSave = _ref14.onSave;
+  var _useState25 = useState(false),
+    _useState26 = _slicedToArray$b(_useState25, 2),
+    editing = _useState26[0],
+    setEditing = _useState26[1];
+  var _useState27 = useState((_rowData$col$field2 = rowData[col.field]) !== null && _rowData$col$field2 !== void 0 ? _rowData$col$field2 : []),
     _useState28 = _slicedToArray$b(_useState27, 2),
-    editing = _useState28[0],
-    setEditing = _useState28[1];
-  var _useState29 = useState((_rowData$col$field2 = rowData[col.field]) !== null && _rowData$col$field2 !== void 0 ? _rowData$col$field2 : []),
-    _useState30 = _slicedToArray$b(_useState29, 2),
-    docs = _useState30[0],
-    setDocs = _useState30[1];
+    docs = _useState28[0],
+    setDocs = _useState28[1];
   var containerRef = useRef(null);
   var filePickerOpenRef = useRef(false);
   useEffect(function () {
@@ -56181,6 +56434,7 @@ var DocumentBodyCell = function DocumentBodyCell(_ref13) {
     var handler = function handler(e) {
       if (filePickerOpenRef.current) return;
       if (containerRef.current && !containerRef.current.contains(e.target)) {
+        if (isInPortaledOverlay(e.target)) return;
         setEditing(false);
       }
     };
@@ -56248,70 +56502,70 @@ var DocumentBodyCell = function DocumentBodyCell(_ref13) {
     }, doc.name));
   })));
 };
-var Table$1 = function Table(_ref14) {
-  var _ref14$value = _ref14.value,
-    value = _ref14$value === void 0 ? [] : _ref14$value,
-    _ref14$columns = _ref14.columns,
-    columns = _ref14$columns === void 0 ? [] : _ref14$columns,
-    _ref14$paginator = _ref14.paginator,
-    paginator = _ref14$paginator === void 0 ? true : _ref14$paginator,
-    _ref14$rows = _ref14.rows,
-    rows = _ref14$rows === void 0 ? 25 : _ref14$rows,
-    _ref14$loading = _ref14.loading,
-    loading = _ref14$loading === void 0 ? false : _ref14$loading,
-    _ref14$stripedRows = _ref14.stripedRows,
-    stripedRows = _ref14$stripedRows === void 0 ? false : _ref14$stripedRows,
-    _ref14$selectionMode = _ref14.selectionMode,
-    selectionMode = _ref14$selectionMode === void 0 ? null : _ref14$selectionMode,
-    selection = _ref14.selection,
-    onSelectionChange = _ref14.onSelectionChange,
-    _ref14$editable = _ref14.editable,
-    editable = _ref14$editable === void 0 ? false : _ref14$editable,
-    _ref14$lockable = _ref14.lockable,
-    lockable = _ref14$lockable === void 0 ? false : _ref14$lockable,
-    _ref14$rowEdit = _ref14.rowEdit,
-    rowEdit = _ref14$rowEdit === void 0 ? false : _ref14$rowEdit,
-    _ref14$columnFilter = _ref14.columnFilter,
-    columnFilter = _ref14$columnFilter === void 0 ? true : _ref14$columnFilter,
-    onChange = _ref14.onChange,
-    onCellChange = _ref14.onCellChange,
-    onLoad = _ref14.onLoad,
-    tableId = _ref14.tableId,
-    onAdd = _ref14.onAdd,
-    _ref14$showAdd = _ref14.showAdd,
-    showAdd = _ref14$showAdd === void 0 ? true : _ref14$showAdd,
-    _ref14$addLabel = _ref14.addLabel,
-    addLabel = _ref14$addLabel === void 0 ? '+' : _ref14$addLabel,
-    addTooltip = _ref14.addTooltip,
-    _ref14$addRowPosition = _ref14.addRowPosition,
-    addRowPosition = _ref14$addRowPosition === void 0 ? 'end' : _ref14$addRowPosition,
-    _ref14$defaultRowHeig = _ref14.defaultRowHeight,
-    defaultRowHeight = _ref14$defaultRowHeig === void 0 ? 'small' : _ref14$defaultRowHeig,
-    onReorderClick = _ref14.onReorderClick,
-    labels = _ref14.labels,
-    _ref14$lazy = _ref14.lazy,
-    lazy = _ref14$lazy === void 0 ? false : _ref14$lazy,
-    totalRecords = _ref14.totalRecords,
-    onLazyLoad = _ref14.onLazyLoad,
-    _ref14$deletableRows = _ref14.deletableRows,
-    deletableRows = _ref14$deletableRows === void 0 ? false : _ref14$deletableRows,
-    onDeleteRow = _ref14.onDeleteRow,
-    _ref14$confirmDelete = _ref14.confirmDelete,
-    confirmDelete = _ref14$confirmDelete === void 0 ? true : _ref14$confirmDelete,
-    _ref14$editableRows = _ref14.editableRows,
-    editableRows = _ref14$editableRows === void 0 ? false : _ref14$editableRows,
-    onEditRow = _ref14.onEditRow,
-    onCreateTag = _ref14.onCreateTag,
-    _ref14$rowSelection = _ref14.rowSelection,
-    rowSelection = _ref14$rowSelection === void 0 ? false : _ref14$rowSelection,
-    _ref14$selectionFilte = _ref14.selectionFilter,
-    selectionFilter = _ref14$selectionFilte === void 0 ? false : _ref14$selectionFilte,
-    onButtonClick = _ref14.onButtonClick,
-    onCellClick = _ref14.onCellClick;
-  var _useState31 = useState(true),
-    _useState32 = _slicedToArray$b(_useState31, 2),
-    locked = _useState32[0],
-    setLocked = _useState32[1];
+var Table$1 = function Table(_ref15) {
+  var _ref15$value = _ref15.value,
+    value = _ref15$value === void 0 ? [] : _ref15$value,
+    _ref15$columns = _ref15.columns,
+    columns = _ref15$columns === void 0 ? [] : _ref15$columns,
+    _ref15$paginator = _ref15.paginator,
+    paginator = _ref15$paginator === void 0 ? true : _ref15$paginator,
+    _ref15$rows = _ref15.rows,
+    rows = _ref15$rows === void 0 ? 25 : _ref15$rows,
+    _ref15$loading = _ref15.loading,
+    loading = _ref15$loading === void 0 ? false : _ref15$loading,
+    _ref15$stripedRows = _ref15.stripedRows,
+    stripedRows = _ref15$stripedRows === void 0 ? false : _ref15$stripedRows,
+    _ref15$selectionMode = _ref15.selectionMode,
+    selectionMode = _ref15$selectionMode === void 0 ? null : _ref15$selectionMode,
+    selection = _ref15.selection,
+    onSelectionChange = _ref15.onSelectionChange,
+    _ref15$editable = _ref15.editable,
+    editable = _ref15$editable === void 0 ? false : _ref15$editable,
+    _ref15$lockable = _ref15.lockable,
+    lockable = _ref15$lockable === void 0 ? false : _ref15$lockable,
+    _ref15$rowEdit = _ref15.rowEdit,
+    rowEdit = _ref15$rowEdit === void 0 ? false : _ref15$rowEdit,
+    _ref15$columnFilter = _ref15.columnFilter,
+    columnFilter = _ref15$columnFilter === void 0 ? true : _ref15$columnFilter,
+    onChange = _ref15.onChange,
+    onCellChange = _ref15.onCellChange,
+    onLoad = _ref15.onLoad,
+    tableId = _ref15.tableId,
+    onAdd = _ref15.onAdd,
+    _ref15$showAdd = _ref15.showAdd,
+    showAdd = _ref15$showAdd === void 0 ? true : _ref15$showAdd,
+    _ref15$addLabel = _ref15.addLabel,
+    addLabel = _ref15$addLabel === void 0 ? '+' : _ref15$addLabel,
+    addTooltip = _ref15.addTooltip,
+    _ref15$addRowPosition = _ref15.addRowPosition,
+    addRowPosition = _ref15$addRowPosition === void 0 ? 'end' : _ref15$addRowPosition,
+    _ref15$defaultRowHeig = _ref15.defaultRowHeight,
+    defaultRowHeight = _ref15$defaultRowHeig === void 0 ? 'small' : _ref15$defaultRowHeig,
+    onReorderClick = _ref15.onReorderClick,
+    labels = _ref15.labels,
+    _ref15$lazy = _ref15.lazy,
+    lazy = _ref15$lazy === void 0 ? false : _ref15$lazy,
+    totalRecords = _ref15.totalRecords,
+    onLazyLoad = _ref15.onLazyLoad,
+    _ref15$deletableRows = _ref15.deletableRows,
+    deletableRows = _ref15$deletableRows === void 0 ? false : _ref15$deletableRows,
+    onDeleteRow = _ref15.onDeleteRow,
+    _ref15$confirmDelete = _ref15.confirmDelete,
+    confirmDelete = _ref15$confirmDelete === void 0 ? true : _ref15$confirmDelete,
+    _ref15$editableRows = _ref15.editableRows,
+    editableRows = _ref15$editableRows === void 0 ? false : _ref15$editableRows,
+    onEditRow = _ref15.onEditRow,
+    onCreateTag = _ref15.onCreateTag,
+    _ref15$rowSelection = _ref15.rowSelection,
+    rowSelection = _ref15$rowSelection === void 0 ? false : _ref15$rowSelection,
+    _ref15$selectionFilte = _ref15.selectionFilter,
+    selectionFilter = _ref15$selectionFilte === void 0 ? false : _ref15$selectionFilte,
+    onButtonClick = _ref15.onButtonClick,
+    onCellClick = _ref15.onCellClick;
+  var _useState29 = useState(true),
+    _useState30 = _slicedToArray$b(_useState29, 2),
+    locked = _useState30[0],
+    setLocked = _useState30[1];
   var effectiveEditable = lockable ? editable && !locked : editable;
   var buildAttributeData = useCallback(function () {
     var result = {};
@@ -56342,12 +56596,12 @@ var Table$1 = function Table(_ref14) {
       return out;
     });
   }, [buildAttributeData, columns]);
-  var _useState33 = useState(function () {
+  var _useState31 = useState(function () {
       return enrichRows(value);
     }),
-    _useState34 = _slicedToArray$b(_useState33, 2),
-    data = _useState34[0],
-    setData = _useState34[1];
+    _useState32 = _slicedToArray$b(_useState31, 2),
+    data = _useState32[0],
+    setData = _useState32[1];
   useEffect(function () {
     var enriched = enrichRows(value);
     setData(enriched);
@@ -56357,14 +56611,14 @@ var Table$1 = function Table(_ref14) {
   // Picking v0 (R57-38.5) : filtre sur l'état de sélection. 'all' | 'checked' | 'unchecked'.
   // On pré-filtre le jeu de lignes AVANT de le passer au DataTable → les filtres colonnes
   // de PrimeReact s'appliquent par-dessus (combinaison ET, « combinatoire »).
-  var _useState35 = useState('all'),
+  var _useState33 = useState('all'),
+    _useState34 = _slicedToArray$b(_useState33, 2),
+    selectionFilterMode = _useState34[0],
+    setSelectionFilterMode = _useState34[1];
+  var _useState35 = useState(false),
     _useState36 = _slicedToArray$b(_useState35, 2),
-    selectionFilterMode = _useState36[0],
-    setSelectionFilterMode = _useState36[1];
-  var _useState37 = useState(false),
-    _useState38 = _slicedToArray$b(_useState37, 2),
-    selectionFilterOpen = _useState38[0],
-    setSelectionFilterOpen = _useState38[1];
+    selectionFilterOpen = _useState36[0],
+    setSelectionFilterOpen = _useState36[1];
   var selectionFilterRef = useRef(null);
   var selectionMenuRef = useRef(null);
   var displayData = useMemo(function () {
@@ -56378,10 +56632,10 @@ var Table$1 = function Table(_ref14) {
   // Options créées à la volée (colonne `tag`, cf. `onCreateTag`) : conservées en state par
   // champ pour être immédiatement visibles de TOUS les consommateurs (cellule, éditeur ET
   // filtre colonne) sans recharger la page — les `options` passées en props ne les portent pas.
-  var _useState39 = useState({}),
-    _useState40 = _slicedToArray$b(_useState39, 2),
-    createdOptions = _useState40[0],
-    setCreatedOptions = _useState40[1];
+  var _useState37 = useState({}),
+    _useState38 = _slicedToArray$b(_useState37, 2),
+    createdOptions = _useState38[0],
+    setCreatedOptions = _useState38[1];
   var registerCreatedOption = useCallback(function (field, option) {
     if (!field || !option || option.value == null) return;
     setCreatedOptions(function (prev) {
@@ -56422,17 +56676,17 @@ var Table$1 = function Table(_ref14) {
   // que customRestoreState (page 1 par défaut, first restauré seulement s'il reste dans
   // la plage de données) — la clé dt-state est recalculée ici car DT_STATE_KEY est
   // déclaré plus bas.
-  var _useState41 = useState(function () {
+  var _useState39 = useState(function () {
       try {
         var s = JSON.parse(localStorage.getItem(tableId ? "dt-state:".concat(tableId) : 'dt-state') || '{}');
         if (typeof s.rows === 'number' && s.rows > 0) return s.rows;
       } catch (_unused2) {/* noop */}
       return rows;
     }),
-    _useState42 = _slicedToArray$b(_useState41, 2),
-    pageRows = _useState42[0],
-    setPageRows = _useState42[1];
-  var _useState43 = useState(function () {
+    _useState40 = _slicedToArray$b(_useState39, 2),
+    pageRows = _useState40[0],
+    setPageRows = _useState40[1];
+  var _useState41 = useState(function () {
       try {
         var s = JSON.parse(localStorage.getItem(tableId ? "dt-state:".concat(tableId) : 'dt-state') || '{}');
         var len = Array.isArray(data) ? data.length : 0;
@@ -56440,19 +56694,19 @@ var Table$1 = function Table(_ref14) {
       } catch (_unused3) {/* noop */}
       return 0;
     }),
-    _useState44 = _slicedToArray$b(_useState43, 2),
-    first = _useState44[0],
-    setFirst = _useState44[1];
+    _useState42 = _slicedToArray$b(_useState41, 2),
+    first = _useState42[0],
+    setFirst = _useState42[1];
   // Scroll différé du viewport vers le point d'insertion après un ajout de ligne.
+  var _useState43 = useState(null),
+    _useState44 = _slicedToArray$b(_useState43, 2),
+    pendingScroll = _useState44[0],
+    setPendingScroll = _useState44[1];
+  // Ligne en attente de confirmation de suppression (prop confirmDelete).
   var _useState45 = useState(null),
     _useState46 = _slicedToArray$b(_useState45, 2),
-    pendingScroll = _useState46[0],
-    setPendingScroll = _useState46[1];
-  // Ligne en attente de confirmation de suppression (prop confirmDelete).
-  var _useState47 = useState(null),
-    _useState48 = _slicedToArray$b(_useState47, 2),
-    deleteCandidate = _useState48[0],
-    setDeleteCandidate = _useState48[1];
+    deleteCandidate = _useState46[0],
+    setDeleteCandidate = _useState46[1];
   var dtRef = useRef(null);
   useEffect(function () {
     var _dtRef$current, _dtRef$current$getEle;
@@ -56470,10 +56724,10 @@ var Table$1 = function Table(_ref14) {
     onButtonClickRef.current = onButtonClick;
   }, [onButtonClick]);
   var onCellClickRef = useRef(onCellClick);
-  var _useState49 = useState(!!onCellClick),
-    _useState50 = _slicedToArray$b(_useState49, 2),
-    cellClickEnabled = _useState50[0],
-    setCellClickEnabled = _useState50[1];
+  var _useState47 = useState(!!onCellClick),
+    _useState48 = _slicedToArray$b(_useState47, 2),
+    cellClickEnabled = _useState48[0],
+    setCellClickEnabled = _useState48[1];
   useEffect(function () {
     onCellClickRef.current = onCellClick;
     setCellClickEnabled(!!onCellClick);
@@ -56538,10 +56792,10 @@ var Table$1 = function Table(_ref14) {
     }
     setPendingScroll(addRowPosition === 'start' ? 'top' : 'bottom');
   }, [columns, data, onChange, onAdd, buildAttributeData, addRowPosition, paginator, pageRows, lazy]);
-  var _useState51 = useState({}),
-    _useState52 = _slicedToArray$b(_useState51, 2),
-    editingRows = _useState52[0],
-    setEditingRows = _useState52[1];
+  var _useState49 = useState({}),
+    _useState50 = _slicedToArray$b(_useState49, 2),
+    editingRows = _useState50[0],
+    setEditingRows = _useState50[1];
   var onRowEditChange = useCallback(function (e) {
     setEditingRows(e.data);
   }, []);
@@ -56654,9 +56908,9 @@ var Table$1 = function Table(_ref14) {
       return [c, lastKnownRank + 0.5, natIdx];
     }).sort(function (a, b) {
       return a[1] - b[1] || a[2] - b[2];
-    }).map(function (_ref15) {
-      var _ref16 = _slicedToArray$b(_ref15, 1),
-        c = _ref16[0];
+    }).map(function (_ref16) {
+      var _ref17 = _slicedToArray$b(_ref16, 1),
+        c = _ref17[0];
       return c;
     });
     return [].concat(_toConsumableArray$8(pinned), _toConsumableArray$8(sortedRest));
@@ -56680,12 +56934,12 @@ var Table$1 = function Table(_ref14) {
   // Init synchrone (préférences + fusion des nouveautés + ordre sauvegardé) :
   // le premier montage du DataTable se fait directement avec les bonnes colonnes,
   // donc customRestoreState reconstruit les largeurs sur la bonne structure.
-  var _useState53 = useState(function () {
+  var _useState51 = useState(function () {
       return applySavedColumnOrder(computeVisibleColumns());
     }),
-    _useState54 = _slicedToArray$b(_useState53, 2),
-    visibleColumns = _useState54[0],
-    setVisibleColumns = _useState54[1];
+    _useState52 = _slicedToArray$b(_useState51, 2),
+    visibleColumns = _useState52[0],
+    setVisibleColumns = _useState52[1];
   // Colonnes de tête (frozen) rendues AVANT les colonnes de données : sélection,
   // suppression, actions. PrimeReact applique les largeurs sauvegardées par
   // nth-child(index) sur l'ensemble des <th> — il faut donc que le tableau de
@@ -56693,22 +56947,22 @@ var Table$1 = function Table(_ref14) {
   var leadingColCount = (rowSelection ? 1 : 0) + (deletableRows || onDeleteRow ? 1 : 0) + (editableRows || onEditRow ? 1 : 0) + (columns.some(function (c) {
     return c.actionsField;
   }) ? 1 : 0);
-  var _useState55 = useState(''),
+  var _useState53 = useState(''),
+    _useState54 = _slicedToArray$b(_useState53, 2),
+    globalFilter = _useState54[0],
+    setGlobalFilter = _useState54[1];
+  var _useState55 = useState(false),
     _useState56 = _slicedToArray$b(_useState55, 2),
-    globalFilter = _useState56[0],
-    setGlobalFilter = _useState56[1];
-  var _useState57 = useState(false),
+    settingsOpen = _useState56[0],
+    setSettingsOpen = _useState56[1];
+  var _useState57 = useState(0),
     _useState58 = _slicedToArray$b(_useState57, 2),
-    settingsOpen = _useState58[0],
-    setSettingsOpen = _useState58[1];
-  var _useState59 = useState(0),
+    tableKey = _useState58[0],
+    setTableKey = _useState58[1];
+  var _useState59 = useState(false),
     _useState60 = _slicedToArray$b(_useState59, 2),
-    tableKey = _useState60[0],
-    setTableKey = _useState60[1];
-  var _useState61 = useState(false),
-    _useState62 = _slicedToArray$b(_useState61, 2),
-    fullscreen = _useState62[0],
-    setFullscreen = _useState62[1];
+    fullscreen = _useState60[0],
+    setFullscreen = _useState60[1];
   useEffect(function () {
     if (!fullscreen) return;
     var onKeyDown = function onKeyDown(e) {
@@ -56725,7 +56979,7 @@ var Table$1 = function Table(_ref14) {
   var FILTERS_VALUES_KEY = useMemo(function () {
     return tableId ? "Table:filters:".concat(tableId) : 'Table:filters';
   }, [tableId]);
-  var _useState63 = useState(function () {
+  var _useState61 = useState(function () {
       try {
         var _JSON$parse;
         return (_JSON$parse = JSON.parse(localStorage.getItem(FILTER_KEY))) !== null && _JSON$parse !== void 0 ? _JSON$parse : false;
@@ -56733,9 +56987,9 @@ var Table$1 = function Table(_ref14) {
         return false;
       }
     }),
-    _useState64 = _slicedToArray$b(_useState63, 2),
-    filterVisible = _useState64[0],
-    setFilterVisible = _useState64[1];
+    _useState62 = _slicedToArray$b(_useState61, 2),
+    filterVisible = _useState62[0],
+    setFilterVisible = _useState62[1];
   var toggleFilter = function toggleFilter() {
     setFilterVisible(function (v) {
       var next = !v;
@@ -56778,16 +57032,16 @@ var Table$1 = function Table(_ref14) {
       rowHeightsRef.current = {};
     }
   }
-  var _useState65 = useState(function () {
+  var _useState63 = useState(function () {
       try {
         var saved = localStorage.getItem(ROW_PRESET_KEY);
         if (saved === 'fit' || ROW_PRESETS[saved]) return saved;
       } catch (_unused9) {/* noop */}
       return defaultRowHeight === 'fit' || ROW_PRESETS[defaultRowHeight] ? defaultRowHeight : 'small';
     }),
-    _useState66 = _slicedToArray$b(_useState65, 2),
-    rowPreset = _useState66[0],
-    setRowPreset = _useState66[1];
+    _useState64 = _slicedToArray$b(_useState63, 2),
+    rowPreset = _useState64[0],
+    setRowPreset = _useState64[1];
   var tableWrapperRef = useRef(null);
   var applyRowHeights = useCallback(function () {
     if (!tableWrapperRef.current) return;
@@ -56954,10 +57208,10 @@ var Table$1 = function Table(_ref14) {
   var persistFilters = useCallback(function (f) {
     try {
       var values = {};
-      Object.entries(f || {}).forEach(function (_ref17) {
-        var _ref18 = _slicedToArray$b(_ref17, 2),
-          field = _ref18[0],
-          meta = _ref18[1];
+      Object.entries(f || {}).forEach(function (_ref18) {
+        var _ref19 = _slicedToArray$b(_ref18, 2),
+          field = _ref19[0],
+          meta = _ref19[1];
         if (meta && meta.value != null && meta.value !== '') {
           // Filtre date : persiste en 'yyyy-MM-dd' local (JSON.stringify(Date) donnerait
           // un ISO horodaté UTC que parseDateAuto ne relit pas — et J±1 selon le fuseau).
@@ -56967,12 +57221,12 @@ var Table$1 = function Table(_ref14) {
       if (Object.keys(values).length) localStorage.setItem(FILTERS_VALUES_KEY, JSON.stringify(values));else localStorage.removeItem(FILTERS_VALUES_KEY);
     } catch (_unused10) {}
   }, [FILTERS_VALUES_KEY]);
-  var _useState67 = useState(function () {
+  var _useState65 = useState(function () {
       return hydrateFilters(initialFilters);
     }),
-    _useState68 = _slicedToArray$b(_useState67, 2),
-    filters = _useState68[0],
-    setFilters = _useState68[1];
+    _useState66 = _slicedToArray$b(_useState65, 2),
+    filters = _useState66[0],
+    setFilters = _useState66[1];
   useEffect(function () {
     setFilters(hydrateFilters(initialFilters));
   }, [initialFilters, columnFilter, hydrateFilters]);
@@ -56980,16 +57234,16 @@ var Table$1 = function Table(_ref14) {
   // Tri actif (pour griser le bouton « Réordonner » : réordonner sous un tri
   // corromprait les positions). Initialisé depuis l'état persisté (le tri restauré
   // au montage ne déclenche pas onSort), mis à jour ensuite via onSort.
-  var _useState69 = useState(function () {
+  var _useState67 = useState(function () {
       var s = readDTState();
       return s.sortField ? {
         field: s.sortField,
         order: s.sortOrder
       } : null;
     }),
-    _useState70 = _slicedToArray$b(_useState69, 2),
-    activeSort = _useState70[0],
-    setActiveSort = _useState70[1];
+    _useState68 = _slicedToArray$b(_useState67, 2),
+    activeSort = _useState68[0],
+    setActiveSort = _useState68[1];
   // Un filtre est actif si un filtre de colonne porte une valeur, ou la recherche globale.
   var hasActiveFilter = useMemo(function () {
     if (globalFilter && String(globalFilter).trim() !== '') return true;
@@ -57012,13 +57266,13 @@ var Table$1 = function Table(_ref14) {
   // onLazyLoad({first, rows, sortField, sortOrder, filters, globalFilter}) :
   // l'app requête son endpoint puis re-render avec la nouvelle page.
   // Le tri devient contrôlé en lazy (sinon PrimeReact trierait la page seule).
-  var _useState71 = useState({
+  var _useState69 = useState({
       sortField: null,
       sortOrder: null
     }),
-    _useState72 = _slicedToArray$b(_useState71, 2),
-    lazySort = _useState72[0],
-    setLazySort = _useState72[1];
+    _useState70 = _slicedToArray$b(_useState69, 2),
+    lazySort = _useState70[0],
+    setLazySort = _useState70[1];
   var onLazyLoadRef = useRef(onLazyLoad);
   onLazyLoadRef.current = onLazyLoad;
   var fireLazy = useCallback(function () {
@@ -57292,7 +57546,7 @@ var Table$1 = function Table(_ref14) {
 
   var linkTemplate = useCallback(function (col) {
     return function (rowData) {
-      var _ref19, _col$href;
+      var _ref20, _col$href;
       var label = rowData[col.field];
       if (col.type === 'titleLink') {
         return /*#__PURE__*/React__default.createElement("div", {
@@ -57306,7 +57560,7 @@ var Table$1 = function Table(_ref14) {
           className: "table-item-title cell-text"
         }, label));
       }
-      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref19 = (_col$href = col.href) !== null && _col$href !== void 0 ? _col$href : rowData[col.field + 'Url']) !== null && _ref19 !== void 0 ? _ref19 : '#';
+      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref20 = (_col$href = col.href) !== null && _col$href !== void 0 ? _col$href : rowData[col.field + 'Url']) !== null && _ref20 !== void 0 ? _ref20 : '#';
       return /*#__PURE__*/React__default.createElement("div", {
         className: "arengi-table-grey-title-box",
         style: {
@@ -57385,13 +57639,13 @@ var Table$1 = function Table(_ref14) {
   }, []);
   var lienFormulaireTemplate = useCallback(function (col) {
     return function (rowData) {
-      var _col$options5, _ref20, _opt$label, _ref21, _col$href2;
+      var _col$options5, _ref21, _opt$label, _ref22, _col$href2;
       var val = rowData[col.field];
       var opt = (_col$options5 = col.options) === null || _col$options5 === void 0 ? void 0 : _col$options5.find(function (o) {
         return o.value === val;
       });
-      var label = (_ref20 = (_opt$label = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _opt$label !== void 0 ? _opt$label : val) !== null && _ref20 !== void 0 ? _ref20 : '';
-      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref21 = (_col$href2 = col.href) !== null && _col$href2 !== void 0 ? _col$href2 : opt === null || opt === void 0 ? void 0 : opt.href) !== null && _ref21 !== void 0 ? _ref21 : null;
+      var label = (_ref21 = (_opt$label = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _opt$label !== void 0 ? _opt$label : val) !== null && _ref21 !== void 0 ? _ref21 : '';
+      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref22 = (_col$href2 = col.href) !== null && _col$href2 !== void 0 ? _col$href2 : opt === null || opt === void 0 ? void 0 : opt.href) !== null && _ref22 !== void 0 ? _ref22 : null;
       if (!label) return '';
       return /*#__PURE__*/React__default.createElement("div", {
         style: {
@@ -57761,16 +58015,22 @@ var Table$1 = function Table(_ref14) {
         rowData: rowData,
         col: col,
         editable: effectiveEditable || rowEdit && col.editable !== false,
-        isRowEditing: rowEdit && !!editingRows[rowData.id],
+        isRowEditing: rowEdit && !!editingRows[rowData.id]
+        // Une seule écriture : updateRow (état + onChange) puis onCellChange
+        // (persistance côté app). onCellEditComplete ignore ce type.
+        ,
         onSave: function onSave(newVal) {
-          return updateRow(rowData.id, col.field, newVal);
+          var _onCellChangeRef$curr;
+          updateRow(rowData.id, col.field, newVal);
+          (_onCellChangeRef$curr = onCellChangeRef.current) === null || _onCellChangeRef$curr === void 0 || _onCellChangeRef$curr.call(onCellChangeRef, {
+            rowData: rowData,
+            field: col.field,
+            newValue: newVal
+          });
         }
       });
     };
   }, [effectiveEditable, rowEdit, editingRows, updateRow]);
-  var deviseEditor = useCallback(function () {
-    return undefined;
-  }, []);
   var selectMultipleTemplate = useCallback(function (col) {
     return function (rowData) {
       var vals = rowData[col.field];
@@ -57840,9 +58100,8 @@ var Table$1 = function Table(_ref14) {
   }, []);
 
   // --- Cell editors by type ---
-  // NB : seuls devise / treeSelect / documents ont un éditeur PrimeReact dédié
-  // (cf. getEditorTemplate). Tous les autres types éditables (text, select,
-  // selectMultiple, date, numeric, html) sont gérés par SelfEditableCell.
+  // NB : `documents` en cellule est le SEUL type sur l'éditeur PrimeReact. Les autres
+  // s'auto-gèrent : SelfEditableCell, TreeSelectBodyCell, DeviseBodyCell, DocumentBodyCell.
 
   var treeSelectTemplate = useCallback(function (col) {
     return function (rowData) {
@@ -57851,37 +58110,41 @@ var Table$1 = function Table(_ref14) {
         rowData: rowData,
         col: col,
         editable: colEditable || rowEdit && col.editable !== false,
-        isRowEditing: rowEdit && !!editingRows[rowData.id],
+        isRowEditing: rowEdit && !!editingRows[rowData.id]
+        // Une seule écriture : updateRow (état + onChange) puis onCellChange
+        // (persistance côté app). onCellEditComplete ignore ce type.
+        ,
         onSave: function onSave(newVal) {
-          return updateRow(rowData.id, col.field, newVal);
+          var _onCellChangeRef$curr2;
+          updateRow(rowData.id, col.field, newVal);
+          (_onCellChangeRef$curr2 = onCellChangeRef.current) === null || _onCellChangeRef$curr2 === void 0 || _onCellChangeRef$curr2.call(onCellChangeRef, {
+            rowData: rowData,
+            field: col.field,
+            newValue: newVal
+          });
         }
       });
     };
   }, [lockable, effectiveEditable, rowEdit, editingRows, updateRow]);
-  var treeSelectEditor = useCallback(function () {
-    return undefined;
-  }, []);
   var getEditorTemplate = useCallback(function (col) {
     var colEditable = lockable ? effectiveEditable && col.editable === true : effectiveEditable ? col.editable !== false : col.editable === true;
     if (!colEditable) return undefined;
-    // devise and treeSelect always use their PrimeReact editor (not handled by SelfEditableCell)
-    if (col.type === 'devise') return deviseEditor(col);
-    if (col.type === 'treeSelect') return treeSelectEditor(col);
     // documents in cell mode keeps its native editor; in rowEdit it's wrapped by DocumentBodyCell
     if (!rowEdit && col.type === 'documents') return documentEditor(col);
-    // All other editable types (text, select, selectMultiple, date, numeric) are
-    // handled by SelfEditableCell — no PrimeReact editor to avoid click conflict.
+    // Aucun autre type : le cycle de vie PrimeReact ferme la cellule sur tout mousedown
+    // hors du <td>, incompatible avec un panneau porté dans `body`.
     return undefined;
-  }, [effectiveEditable, rowEdit, deviseEditor, treeSelectEditor, documentEditor]);
+  }, [lockable, effectiveEditable, rowEdit, documentEditor]);
   var onCellEditComplete = useCallback(function (e) {
-    var _onCellChangeRef$curr;
+    var _onCellChangeRef$curr3;
     var rowData = e.rowData,
       newRowData = e.newRowData,
       field = e.field;
     var col = columns.find(function (c) {
       return c.field === field;
     });
-    // treeSelect and devise manage their own save — skip to avoid overwrite
+    // treeSelect et devise enregistrent eux-mêmes (updateRow). Ce chemin n'est plus câblé
+    // que pour `documents` ; garde-fou conservé : une seule écriture par changement.
     if ((col === null || col === void 0 ? void 0 : col.type) === 'treeSelect' || (col === null || col === void 0 ? void 0 : col.type) === 'devise') return;
     var enrichedRow = newRowData;
     if (col !== null && col !== void 0 && col.updates) {
@@ -57891,10 +58154,10 @@ var Table$1 = function Table(_ref14) {
       });
       if (option) {
         var extra = {};
-        Object.entries(col.updates).forEach(function (_ref22) {
-          var _ref23 = _slicedToArray$b(_ref22, 2),
-            targetField = _ref23[0],
-            optionProp = _ref23[1];
+        Object.entries(col.updates).forEach(function (_ref23) {
+          var _ref24 = _slicedToArray$b(_ref23, 2),
+            targetField = _ref24[0],
+            optionProp = _ref24[1];
           if (option[optionProp] !== undefined) extra[targetField] = option[optionProp];
         });
         enrichedRow = _objectSpread2(_objectSpread2({}, newRowData), extra);
@@ -57905,7 +58168,7 @@ var Table$1 = function Table(_ref14) {
     });
     setData(updated);
     onChange === null || onChange === void 0 || onChange(updated);
-    (_onCellChangeRef$curr = onCellChangeRef.current) === null || _onCellChangeRef$curr === void 0 || _onCellChangeRef$curr.call(onCellChangeRef, {
+    (_onCellChangeRef$curr3 = onCellChangeRef.current) === null || _onCellChangeRef$curr3 === void 0 || _onCellChangeRef$curr3.call(onCellChangeRef, {
       rowData: rowData,
       field: field,
       newValue: newRowData[field]
@@ -58046,7 +58309,7 @@ var Table$1 = function Table(_ref14) {
           col: col,
           editable: colEditable,
           onSave: function onSave(v) {
-            var _onCellChangeRef$curr2;
+            var _onCellChangeRef$curr4;
             var enrichedFields = _defineProperty$e({}, col.field, v);
             if (col.updates) {
               var _col$options8;
@@ -58054,10 +58317,10 @@ var Table$1 = function Table(_ref14) {
                 return opt.value === v;
               });
               if (option) {
-                Object.entries(col.updates).forEach(function (_ref24) {
-                  var _ref25 = _slicedToArray$b(_ref24, 2),
-                    tf = _ref25[0],
-                    op = _ref25[1];
+                Object.entries(col.updates).forEach(function (_ref25) {
+                  var _ref26 = _slicedToArray$b(_ref25, 2),
+                    tf = _ref26[0],
+                    op = _ref26[1];
                   if (option[op] !== undefined) enrichedFields[tf] = option[op];
                 });
               }
@@ -58069,7 +58332,7 @@ var Table$1 = function Table(_ref14) {
               onChange === null || onChange === void 0 || onChange(updated);
               return updated;
             });
-            (_onCellChangeRef$curr2 = onCellChangeRef.current) === null || _onCellChangeRef$curr2 === void 0 || _onCellChangeRef$curr2.call(onCellChangeRef, {
+            (_onCellChangeRef$curr4 = onCellChangeRef.current) === null || _onCellChangeRef$curr4 === void 0 || _onCellChangeRef$curr4.call(onCellChangeRef, {
               rowData: rowData,
               field: col.field,
               newValue: v
@@ -58362,10 +58625,10 @@ var Table$1 = function Table(_ref14) {
       setRowPreset(defaultRowHeight === 'fit' || ROW_PRESETS[defaultRowHeight] ? defaultRowHeight : 'small');
       setSettingsOpen(false);
     }
-  }].map(function (_ref26) {
-    var icon = _ref26.icon,
-      label = _ref26.label,
-      action = _ref26.action;
+  }].map(function (_ref27) {
+    var icon = _ref27.icon,
+      label = _ref27.label,
+      action = _ref27.action;
     return /*#__PURE__*/React__default.createElement("button", {
       key: label,
       type: "button",
@@ -58430,9 +58693,9 @@ var Table$1 = function Table(_ref14) {
   }, {
     key: 'fit',
     label: translate('arengibook.table.settings.rowHeightFit', labels)
-  }].map(function (_ref27) {
-    var key = _ref27.key,
-      label = _ref27.label;
+  }].map(function (_ref28) {
+    var key = _ref28.key,
+      label = _ref28.label;
     return /*#__PURE__*/React__default.createElement("button", {
       key: key,
       type: "button",
@@ -58944,7 +59207,7 @@ var Table$1 = function Table(_ref14) {
       columnKey: "__row_actions__",
       header: inline ? actionsCol.actionsHeader || '' : '',
       body: function body(rowData) {
-        var _ref28, _linkCol$href;
+        var _ref29, _linkCol$href;
         var rowActions = rowData[actionsCol.actionsField] || [];
         if (inline) {
           return /*#__PURE__*/React__default.createElement(RowActionsInlineCell, {
@@ -58958,7 +59221,7 @@ var Table$1 = function Table(_ref14) {
         var linkCol = columns.find(function (c) {
           return c.type === 'titleLink' || c.type === 'link';
         });
-        var linkHref = linkCol ? typeof linkCol.href === 'function' ? linkCol.href(rowData) : (_ref28 = (_linkCol$href = linkCol.href) !== null && _linkCol$href !== void 0 ? _linkCol$href : rowData[linkCol.field + 'Url']) !== null && _ref28 !== void 0 ? _ref28 : null : null;
+        var linkHref = linkCol ? typeof linkCol.href === 'function' ? linkCol.href(rowData) : (_ref29 = (_linkCol$href = linkCol.href) !== null && _linkCol$href !== void 0 ? _linkCol$href : rowData[linkCol.field + 'Url']) !== null && _ref29 !== void 0 ? _ref29 : null : null;
         return /*#__PURE__*/React__default.createElement(RowActionsCell, {
           actions: rowActions,
           rowData: rowData,
@@ -60243,7 +60506,7 @@ var TreeSelectMaquettePresets = {
   }
 };
 
-var css_248z$1 = ".expression-editor {\n  width: 100%;\n}\n.expression-editor__field.tagify {\n  width: 100%;\n  min-height: 42px;\n  margin-bottom: 10px;\n}\n.expression-editor__hint {\n  font-size: 12px;\n  color: #5a6b85;\n  font-style: italic;\n  margin-bottom: 6px;\n}\n.expression-editor__palette {\n  display: flex;\n  justify-content: flex-start;\n  gap: 12px;\n}\n\n.ee-palette-col {\n  display: flex;\n  flex-direction: column;\n}\n.ee-palette-col--refs {\n  flex: 0 1 320px;\n}\n.ee-palette-col--ops {\n  flex: 0 0 180px;\n}\n.ee-palette-col__title {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  color: #5a6b85;\n  margin-bottom: 4px;\n}\n\n.ee-palette-select {\n  width: 100%;\n  border: 1px solid #c6d4e8;\n  border-radius: 6px;\n  padding: 4px;\n  font-size: 13px;\n  background: #fff;\n}\n.ee-palette-select optgroup {\n  font-weight: 600;\n  color: #344054;\n}\n.ee-palette-select option {\n  padding: 3px 8px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.ee-opt--field {\n  color: #187a41;\n}\n\n.ee-opt--echelle {\n  color: #1c4f9e;\n}\n\n.ee-opt--evalglobal {\n  color: #6b21a8;\n}\n\n.tagify__tag.tag-field {\n  --tag-bg: #d9f2e1;\n  --tag-text-color: #187a41;\n  --tag-hover: #c2eacf;\n}\n.tagify__tag.tag-echelle {\n  --tag-bg: #d8e6fb;\n  --tag-text-color: #1c4f9e;\n  --tag-hover: #c3d9f7;\n}\n.tagify__tag.tag-echelle.tag-editing {\n  --tag-bg: #9fc2f4;\n  box-shadow: 0 0 0 2px #1c4f9e inset;\n}\n.tagify__tag.tag-evalglobal {\n  --tag-bg: #ecdcfb;\n  --tag-text-color: #6b21a8;\n  --tag-hover: #e1c9f7;\n}\n\n.tagify__dropdown__item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.ee-sugg-badge {\n  font-size: 11px;\n  padding: 1px 7px;\n  border-radius: 8px;\n  white-space: nowrap;\n}\n.ee-sugg-badge--field {\n  background: #d9f2e1;\n  color: #187a41;\n}\n.ee-sugg-badge--echelle {\n  background: #d8e6fb;\n  color: #1c4f9e;\n}\n.ee-sugg-badge--evalglobal {\n  background: #ecdcfb;\n  color: #6b21a8;\n}\n\n.ee-scores-popover {\n  position: fixed;\n  z-index: 99999;\n  background: #fff;\n  border: 1px solid #c6d4e8;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(13, 59, 138, 0.18);\n  padding: 12px 14px;\n  min-width: 230px;\n}\n.ee-scores-popover__title {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1c4f9e;\n  margin-bottom: 8px;\n}\n.ee-scores-popover__inputs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 10px;\n}\n.ee-scores-popover__inputs label {\n  display: flex;\n  flex-direction: column;\n  font-size: 11px;\n  color: #5a6b85;\n}\n.ee-scores-popover__inputs input {\n  width: 64px;\n  padding: 3px 6px;\n  border: 1px solid #c6d4e8;\n  border-radius: 4px;\n}\n.ee-scores-popover__actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.ee-scores-popover__actions button {\n  padding: 4px 12px;\n  border-radius: 4px;\n  border: 1px solid #c6d4e8;\n  background: #fff;\n  cursor: pointer;\n}\n.ee-scores-popover__actions button.ee-ok {\n  background: #1c4f9e;\n  border-color: #1c4f9e;\n  color: #fff;\n}";
+var css_248z$1 = ".expression-editor {\n  width: 100%;\n  font-family: \"Roboto\", Arial, sans-serif !important;\n}\n.expression-editor .tagify {\n  width: 100%;\n  min-height: 42px;\n  margin-bottom: 10px;\n  background-color: #ffffff !important;\n  font-family: \"Roboto\", Arial, sans-serif !important;\n}\n.expression-editor .tagify .tagify__input {\n  background-color: #ffffff !important;\n  font-family: \"Roboto\", Arial, sans-serif !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n}\n.expression-editor .tagify .tagify__tag {\n  margin: 3px 6px 3px 0 !important;\n  font-family: \"Roboto\", Arial, sans-serif !important;\n}\n.expression-editor__error {\n  font-size: 12px;\n  color: #9a3b3b;\n  background: #fbeaea;\n  border: 1px solid #e3b8b8;\n  border-radius: 6px;\n  padding: 6px 10px;\n  margin-bottom: 8px;\n}\n.expression-editor__field-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n.expression-editor__field-row .tagify {\n  flex: 1 1 auto;\n}\n.expression-editor__add-btn {\n  flex: 0 0 auto;\n  width: 30px;\n  height: 30px;\n  margin-top: 1px;\n  border: none;\n  border-radius: 50%;\n  background: #d8e6fb;\n  color: #1c4f9e;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  transition: background-color 0.13s ease-out, color 0.13s ease-out;\n}\n.expression-editor__add-btn:hover {\n  background: #1c4f9e;\n  color: #fff;\n}\n.expression-editor__hint {\n  font-size: 12px;\n  color: #5a6b85;\n  font-style: italic;\n  margin-bottom: 6px;\n}\n.expression-editor__palette {\n  display: flex;\n  justify-content: flex-start;\n  gap: 12px;\n}\n\n.ee-palette-col {\n  display: flex;\n  flex-direction: column;\n}\n.ee-palette-col--refs {\n  flex: 0 1 320px;\n}\n.ee-palette-col--ops {\n  flex: 0 0 200px;\n}\n.ee-palette-col__title {\n  font-family: \"Roboto\", Arial, sans-serif !important;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  color: #5a6b85;\n  margin-bottom: 4px;\n}\n\n.ee-list {\n  width: 100%;\n  max-height: 220px;\n  overflow-y: auto;\n  border: 1px solid #c6d4e8;\n  border-radius: 6px;\n  padding: 4px;\n  background: #fff;\n  box-sizing: border-box;\n}\n\n.ee-list-group__label {\n  font-family: \"Roboto\", Arial, sans-serif !important;\n  font-weight: 600;\n  color: #344054;\n  font-size: 12px;\n  padding: 4px 8px 2px;\n}\n.ee-list-group__label--sub {\n  padding-left: 16px;\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n\n.ee-list-item {\n  display: flex;\n  align-items: center;\n  padding: 4px 6px 4px 8px;\n  margin: 1px 0;\n  border-radius: 4px;\n  cursor: pointer;\n  font-family: \"Roboto\", Arial, sans-serif !important;\n  font-size: 13px;\n  color: #344054 !important;\n  user-select: none;\n}\n.ee-list-item:hover {\n  background: #eef3fc !important;\n  color: #344054 !important;\n}\n.ee-list-item__label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: inherit !important;\n}\n.ee-list-item__label--op {\n  font-family: \"Roboto\", Arial, sans-serif !important;\n  font-size: 14px !important;\n  font-weight: 700 !important;\n}\n\n.ee-opt--field, .ee-opt--field:hover {\n  color: #187a41 !important;\n}\n\n.ee-opt--echelle, .ee-opt--echelle:hover {\n  color: #1c4f9e !important;\n}\n\n.ee-opt--evalglobal, .ee-opt--evalglobal:hover {\n  color: #6b21a8 !important;\n}\n\n.tagify__tag.tag-field {\n  --tag-bg: #d9f2e1;\n  --tag-text-color: #187a41;\n  --tag-hover: #c2eacf;\n}\n.tagify__tag.tag-echelle {\n  --tag-bg: #d8e6fb;\n  --tag-text-color: #1c4f9e;\n  --tag-hover: #c3d9f7;\n}\n.tagify__tag.tag-echelle.tag-editing {\n  --tag-bg: #9fc2f4;\n  box-shadow: 0 0 0 2px #1c4f9e inset;\n}\n.tagify__tag.tag-evalglobal {\n  --tag-bg: #ecdcfb;\n  --tag-text-color: #6b21a8;\n  --tag-hover: #e1c9f7;\n}\n\n.tagify__dropdown__item.ee-list-item {\n  margin: 1px;\n}\n\n.expression-editor__menu {\n  position: fixed;\n  z-index: 99999;\n  background: #fff;\n  border: 1px solid #c6d4e8;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(13, 59, 138, 0.18);\n  padding: 8px;\n  width: 300px;\n  max-height: 360px;\n  overflow-y: auto;\n  font-family: \"Roboto\", Arial, sans-serif !important;\n}\n.expression-editor__menu .ee-list-group:not(:first-child) {\n  margin-top: 6px;\n  border-top: 1px solid #eef1f6;\n  padding-top: 4px;\n}\n\n.ee-scores-popover {\n  position: absolute;\n  z-index: 99999;\n  background: #fff;\n  border: 1px solid #c6d4e8;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(13, 59, 138, 0.18);\n  padding: 12px 14px;\n  min-width: 230px;\n  font-family: \"Roboto\", Arial, sans-serif !important;\n}\n.ee-scores-popover__title {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1c4f9e;\n  margin-bottom: 8px;\n}\n.ee-scores-popover__inputs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 10px;\n}\n.ee-scores-popover__inputs label {\n  display: flex;\n  flex-direction: column;\n  font-size: 11px;\n  color: #5a6b85;\n}\n.ee-scores-popover__inputs input {\n  width: 64px;\n  padding: 3px 6px;\n  border: 1px solid #c6d4e8;\n  border-radius: 4px;\n}\n.ee-scores-popover__actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.ee-scores-popover__actions button {\n  padding: 4px 12px;\n  border-radius: 4px;\n  border: 1px solid #c6d4e8;\n  background: #fff;\n  cursor: pointer;\n}\n.ee-scores-popover__actions button.ee-ok {\n  background: #1c4f9e;\n  border-color: #1c4f9e;\n  color: #fff;\n}";
 styleInject(css_248z$1);
 
 var css_248z = "@charset \"UTF-8\";:root{--tagify-dd-color-primary:rgb(53,149,246);--tagify-dd-text-color:black;--tagify-dd-bg-color:white;--tagify-dd-item-pad:.3em .5em;--tagify-dd-max-height:300px}.tagify{--tags-disabled-bg:#F1F1F1;--tags-border-color:#DDD;--tags-hover-border-color:#CCC;--tags-focus-border-color:#3595f6;--tag-border-radius:3px;--tag-bg:#E5E5E5;--tag-hover:#D3E2E2;--tag-text-color:black;--tag-text-color--edit:black;--tag-pad:0.3em 0.5em;--tag-inset-shadow-size:1.2em;--tag-invalid-color:#D39494;--tag-invalid-bg:rgba(211, 148, 148, 0.5);--tag--min-width:1ch;--tag--max-width:100%;--tag-hide-transition:0.3s;--tag-remove-bg:rgba(211, 148, 148, 0.3);--tag-remove-btn-color:black;--tag-remove-btn-bg:none;--tag-remove-btn-bg--hover:#c77777;--input-color:inherit;--placeholder-color:rgba(0, 0, 0, 0.4);--placeholder-color-focus:rgba(0, 0, 0, 0.25);--loader-size:.8em;--readonly-striped:1;display:inline-flex;align-items:flex-start;align-content:baseline;flex-wrap:wrap;border:1px solid var(--tags-border-color);padding:0;line-height:0;outline:0;position:relative;box-sizing:border-box;transition:.1s}@keyframes tags--bump{30%{transform:scale(1.2)}}@keyframes rotateLoader{to{transform:rotate(1turn)}}.tagify:has([contenteditable=true]){cursor:text}.tagify:hover:not(.tagify--focus):not(.tagify--invalid){--tags-border-color:var(--tags-hover-border-color)}.tagify[disabled]{background:var(--tags-disabled-bg);filter:saturate(0);opacity:.5;pointer-events:none}.tagify[disabled].tagify--empty>.tagify__input::before{position:relative}.tagify[disabled].tagify--select,.tagify[readonly].tagify--select{pointer-events:none}.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty),.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty){cursor:default}.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)>.tagify__input{visibility:hidden;width:0;margin:5px 0}.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div{padding:var(--tag-pad)}.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{display:none}.tagify--loading .tagify__input>br:last-child{display:none}.tagify--loading .tagify__input::before{content:none}.tagify--loading .tagify__input::after{content:\"\";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;content:\"\"!important;margin:-2px 0 -2px .5em}.tagify--loading .tagify__input:empty::after{margin-left:0}.tagify+input,.tagify+textarea{position:absolute!important;left:-9999em!important;transform:scale(0)!important}.tagify__tag{display:inline-flex;align-items:center;max-width:var(--tag--max-width);margin-inline:5px 0;margin-block:5px;position:relative;z-index:1;outline:0;line-height:normal;cursor:default;transition:.13s ease-out}.tagify__tag:last-child{margin-right:5px}.tagify__tag>div{display:flex;flex:1;vertical-align:top;box-sizing:border-box;max-width:100%;padding:var(--tag-pad);color:var(--tag-text-color);line-height:inherit;border-radius:var(--tag-border-radius);white-space:nowrap;transition:.13s ease-out}.tagify__tag>div>*{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;min-width:var(--tag--min-width);max-width:var(--tag--max-width);transition:.8s ease,.1s color}.tagify__tag>div>[contenteditable]{display:block;outline:0;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text;margin:-2px;padding:2px;max-width:350px}.tagify__tag>div>:only-child{width:100%}.tagify__tag>div::before{content:\"\";position:absolute;border-radius:inherit;inset:var(--tag-bg-inset,0);z-index:-1;pointer-events:none;transition:120ms ease;animation:tags--bump .3s ease-out 1;box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset}.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{--tag-bg-inset:-2.5px;--tag-bg:var(--tag-hover)}.tagify__tag--loading{pointer-events:none}.tagify__tag--loading .tagify__tag__removeBtn{display:none}.tagify__tag--loading::after{--loader-size:.4em;content:\"\";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;margin:0 .5em 0 -.1em}.tagify__tag--flash div::before{animation:none}.tagify__tag--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;transform:scale(0);transition:var(--tag-hide-transition);pointer-events:none}.tagify__tag--hide>div>*{white-space:nowrap}.tagify__tag.tagify--noAnim>div::before{animation:none}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{opacity:.5}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{--tag-bg:var(--tag-invalid-bg);transition:.2s}.tagify__tag[readonly] .tagify__tag__removeBtn{display:none}.tagify__tag[readonly]>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify__tag--editable>div{color:var(--tag-text-color--edit)}.tagify__tag--editable>div::before{box-shadow:0 0 0 2px var(--tag-hover) inset!important}.tagify__tag--editable>.tagify__tag__removeBtn{pointer-events:none;opacity:0;transform:translateX(100%) translateX(5px)}.tagify__tag--editable.tagify--invalid>div::before{box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important}.tagify__tag__removeBtn{order:5;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer;font:14px/1 Arial;background:var(--tag-remove-btn-bg);color:var(--tag-remove-btn-color);width:14px;height:14px;margin-inline:auto 4.6666666667px;overflow:hidden;transition:.2s ease-out}.tagify__tag__removeBtn::after{content:\"×\";transition:.3s,color 0s}.tagify__tag__removeBtn:hover{color:#fff;background:var(--tag-remove-btn-bg--hover)}.tagify__tag__removeBtn:hover+div>span{opacity:.5}.tagify__tag__removeBtn:hover+div::before{box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;transition:box-shadow .2s}.tagify:not(.tagify--mix) .tagify__input br{display:none}.tagify:not(.tagify--mix) .tagify__input *{display:inline;white-space:nowrap}.tagify__input{display:inline-block;margin:5px;padding:var(--tag-pad);line-height:normal;min-width:-moz-fit-content;min-width:fit-content;min-height:1.5lh;position:relative;white-space:pre-wrap;color:var(--input-color);box-sizing:inherit;overflow:hidden}.tagify__input:focus{outline:0}.tagify__input:last-child{flex-grow:1;min-width:110px}.tagify__input:last-child:focus::before{transition:.2s ease-out;opacity:0;transform:translateX(6px)}@supports (-ms-ime-align:auto){.tagify__input:last-child:focus::before{display:none}}.tagify__input:last-child:focus:empty::before{transition:.2s ease-out;opacity:1;transform:none;color:rgba(0,0,0,.25);color:var(--placeholder-color-focus)}@-moz-document url-prefix(){.tagify__input:last-child:focus:empty::after{display:none}}.tagify__input:last-child::before{content:attr(data-placeholder)}.tagify__input::before{width:100%;height:100%;margin:auto 0;z-index:1;color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none;opacity:0;position:absolute}.tagify__input::after{content:attr(data-suggest);display:inline-block;vertical-align:middle;position:absolute;min-width:calc(100% - 1.5em);text-overflow:ellipsis;overflow:hidden;white-space:pre;color:var(--tag-text-color);opacity:.3;pointer-events:none;max-width:100px}.tagify__input .tagify__tag{margin:0 1px}.tagify--mix{display:block}.tagify--mix .tagify__input{padding:5px;margin:0;width:100%;height:100%;line-height:1.5;display:block}.tagify--mix .tagify__input::before{height:auto;display:none;line-height:inherit}.tagify--mix .tagify__input::after{content:none}.tagify--select{cursor:default}.tagify--select::after{content:\">\";opacity:.5;position:absolute;top:50%;right:0;bottom:0;font:16px monospace;line-height:8px;height:8px;pointer-events:none;transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transition:.2s ease-in-out}.tagify--select[aria-expanded=true]::after{transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)}.tagify--select[aria-expanded=true] .tagify__tag__removeBtn{pointer-events:none;opacity:0;transform:translateX(100%) translateX(5px)}.tagify--select .tagify__tag{flex:1;max-width:none;margin-inline-end:2em;margin-block:0;padding-block:5px;cursor:text}.tagify--select .tagify__tag div::before{display:none}.tagify--select .tagify__tag+.tagify__input{display:none}.tagify--empty .tagify__input::before{transition:.2s ease-out;opacity:1;transform:none;display:inline-block;width:auto}.tagify--mix .tagify--empty .tagify__input::before{display:inline-block}.tagify--focus{--tags-border-color:var(--tags-focus-border-color);transition:0s}.tagify--invalid{--tags-border-color:#D39494}.tagify__dropdown{position:absolute;z-index:9999;transform:translateY(-1px);border-top:1px solid var(--tagify-dd-color-primary);overflow:hidden}.tagify__dropdown[dir=rtl]{transform:translate(-100%,-1px)}.tagify__dropdown[placement=top]{margin-top:0;transform:translateY(-100%)}.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{border-top-width:1.1px;border-bottom-width:0}.tagify__dropdown[position=text]{box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);font-size:.9em}.tagify__dropdown[position=text] .tagify__dropdown__wrapper{border-width:1px}.tagify__dropdown__wrapper{scroll-behavior:auto;max-height:var(--tagify-dd-max-height);overflow:hidden;overflow-x:hidden;color:var(--tagify-dd-text-color);background:var(--tagify-dd-bg-color);border:1px solid;border-color:var(--tagify-dd-color-primary);border-bottom-width:1.5px;border-top-width:0;box-shadow:0 2px 4px -2px rgba(0,0,0,.2);transition:.3s cubic-bezier(.5,0,.3,1),transform .15s;animation:dd-wrapper-show 0s .3s forwards}@keyframes dd-wrapper-show{to{overflow-y:auto}}.tagify__dropdown__header:empty{display:none}.tagify__dropdown__footer{display:inline-block;margin-top:.5em;padding:var(--tagify-dd-item-pad);font-size:.7em;font-style:italic;opacity:.5}.tagify__dropdown__footer:empty{display:none}.tagify__dropdown--initial .tagify__dropdown__wrapper{max-height:20px;transform:translateY(-1em)}.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{transform:translateY(2em)}.tagify__dropdown__item{box-sizing:border-box;padding:var(--tagify-dd-item-pad);margin:1px;white-space:pre-wrap;cursor:pointer;border-radius:2px;position:relative;outline:0;max-height:60px;max-width:100%;line-height:normal;position:relative}.tagify__dropdown__item--active{background:var(--tagify-dd-color-primary);color:#fff}.tagify__dropdown__item:active{filter:brightness(105%)}.tagify__dropdown__item--hidden{padding-top:0;padding-bottom:0;margin:0 1px;pointer-events:none;overflow:hidden;max-height:0;transition:var(--tagify-dd-item--hidden-duration,.3s)!important}.tagify__dropdown__item--hidden>*{transform:translateY(-100%);opacity:0;transition:inherit}.tagify__dropdown__item--selected::before{content:\"✓\";font-family:monospace;position:absolute;inset-inline-start:6px;text-indent:0;line-height:1.1}.tagify__dropdown:has(.tagify__dropdown__item--selected) .tagify__dropdown__item{text-indent:1em}";
@@ -62536,19 +62799,6 @@ N.prototype = {
   }
 }, N.prototype.removeTag = N.prototype.removeTags;
 
-/**
- * Éditeur d'expression de calcul en mode mixte texte + tags (Tagify).
- *
- * Les références au modèle (échelles complémentaires « field » et grilles « echelle ») sont
- * des TAGS insécables ; le reste (opérateurs, fonctions, nombres) est du texte libre.
- *
- * Le composant ne connaît QUE le format moteur en entrée/sortie :
- *   - value    : "field(42) + echelle(main, 'abs', [1, 2, 3, 4])"
- *   - onChange : rappelé avec l'expression au même format à chaque modification.
- * La conversion vers/depuis les tags Tagify ([[{json}]]) est interne.
- */
-
-// --- Sérialisation d'un tag -> fragment d'expression au format moteur ---
 var serializeTagData = function serializeTagData(d) {
   if (d.refType === 'field') {
     return "field(".concat(d.refId, ")");
@@ -62561,9 +62811,6 @@ var serializeTagData = function serializeTagData(d) {
   }
   return d.value || '';
 };
-
-// --- Valeur mixte Tagify ([[{json}]] + texte) -> expression moteur ---
-// Parse incrémental : un JSON de tag peut contenir "]]", qui casserait un regex non-greedy.
 var tagifyMixToExpression = function tagifyMixToExpression(mix) {
   var out = '';
   var i = 0;
@@ -62593,12 +62840,23 @@ var tagifyMixToExpression = function tagifyMixToExpression(mix) {
     out += serializeTagData(parsed);
     i = end + 2;
   }
-
-  // Retire les espaces insécables ( ) ajoutés par Tagify et le zero-width space (​)
-  return out.replace(/ /g, ' ').replace(/​/g, '').trim();
+  return out.replace(/ /g, ' ').replace(/​/g, '').trim();
+};
+var getCaretRangeAtVisualEnd = function getCaretRangeAtVisualEnd(tagify) {
+  var input = tagify.DOM.input;
+  var range = document.createRange();
+  var last = input.lastChild;
+  if (last && last.nodeName === 'BR') {
+    last = last.previousSibling;
+  }
+  if (last) {
+    range.setStartAfter(last);
+  } else {
+    range.setStart(input, 0);
+  }
+  range.collapse(true);
+  return range;
 };
-
-// --- Expression moteur -> valeur mixte Tagify (les références deviennent des [[{json}]]) ---
 var expressionToTagifyMix = function expressionToTagifyMix(expr, whitelist) {
   expr = expr || '';
   expr = expr.replace(/field\(\s*(\d+)\s*\)/g, function (m, id) {
@@ -62635,30 +62893,51 @@ var ExpressionEditor = function ExpressionEditor(_ref) {
   var _ref$references = _ref.references,
     references = _ref$references === void 0 ? [] : _ref$references,
     _ref$operators = _ref.operators,
-    operators = _ref$operators === void 0 ? ['+', '-', '*', '/', '%', 'min(  ,  )', 'max(  ,  )', 'avg(  ,  )', 'sum(  ,  )', 'round(  )', 'ceil(  )', 'floor(  )'] : _ref$operators,
+    operators = _ref$operators === void 0 ? ['+', '-', '*', '/', '%', 'min(a, b)', 'max(a, b)', 'avg(a, b)', 'sum(a, b)', 'round(x)', 'ceil(x)', 'floor(x)'] : _ref$operators,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? '' : _ref$value,
     onChange = _ref.onChange,
     _ref$targetInputId = _ref.targetInputId,
     targetInputId = _ref$targetInputId === void 0 ? null : _ref$targetInputId,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? "Tapez @ pour insérer une référence…" : _ref$placeholder;
+    placeholder = _ref$placeholder === void 0 ? "Cliquez sur « + » ou tapez « @ » pour insérer une référence…" : _ref$placeholder;
   var textareaRef = useRef(null);
   var tagifyRef = useRef(null);
+  var addBtnRef = useRef(null);
+  var menuRef = useRef(null);
   var onChangeRef = useRef(onChange);
   onChangeRef.current = onChange;
   var _useState = useState(null),
     _useState2 = _slicedToArray$b(_useState, 2),
     popover = _useState2[0],
-    setPopover = _useState2[1]; // { tag, data, scores, pos }
-
-  // La whitelist alimente à la fois les suggestions et les deux traducteurs
+    setPopover = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray$b(_useState3, 2),
+    initError = _useState4[0],
+    setInitError = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray$b(_useState5, 2),
+    menuPos = _useState6[0],
+    setMenuPos = _useState6[1];
   var whitelist = useMemo(function () {
     return references;
   }, [references]);
+  var tagifyWhitelist = useMemo(function () {
+    return [].concat(_toConsumableArray$8(whitelist.map(function (ref) {
+      return _objectSpread2(_objectSpread2({}, ref), {}, {
+        section: 'refs'
+      });
+    })), _toConsumableArray$8(operators.map(function (op) {
+      return {
+        value: op,
+        refType: 'operator',
+        "class": 'tag-operator',
+        section: 'ops'
+      };
+    })));
+  }, [whitelist, operators]);
   var emitChange = useCallback(function (mixValue) {
     var expression = tagifyMixToExpression(mixValue);
-    // Intégration Symfony : on alimente l'input caché du formulaire (champ réellement soumis)
     if (targetInputId) {
       var target = document.getElementById(targetInputId);
       if (target) {
@@ -62669,85 +62948,163 @@ var ExpressionEditor = function ExpressionEditor(_ref) {
       onChangeRef.current(expression);
     }
   }, [targetInputId]);
-
-  // Instanciation de Tagify core sur le textarea (le wrapper React officiel est cassé en v4.33)
   useEffect(function () {
     var el = textareaRef.current;
     if (!el) {
       return undefined;
     }
-
-    // Valeur initiale au format mixte : Tagify convertit les [[{json}]] en tags au montage
-    el.value = expressionToTagifyMix(value, whitelist);
-    var tagify = new N(el, {
-      mode: 'mix',
-      pattern: '@',
-      duplicates: true,
-      editTags: false,
-      mixMode: {
-        insertAfterTag: ' '
-      },
-      whitelist: whitelist,
-      dropdown: {
-        enabled: 0,
-        maxItems: 100,
-        fuzzySearch: true,
-        highlightFirst: true,
-        searchKeys: ['value', 'groupe'],
-        includeSelectedTags: true // une même référence peut être réinsérée via @ (sinon Tagify la masque)
-      },
-      templates: {
-        dropdownItem: function dropdownItem(item) {
-          return "<div ".concat(this.getAttributes(item), " class=\"").concat(this.settings.classNames.dropdownItem, "\" tabindex=\"0\" role=\"option\">\n                        <span>").concat(item.value, "</span>\n                        <span class=\"ee-sugg-badge ee-sugg-badge--").concat(item.refType, "\">").concat(item.groupe || '', "</span>\n                    </div>");
+    var tagify;
+    var operatorTagObserver;
+    try {
+      el.value = expressionToTagifyMix(value, whitelist);
+      tagify = new N(el, {
+        mode: 'mix',
+        pattern: '@',
+        duplicates: true,
+        editTags: false,
+        mixMode: {
+          insertAfterTag: ' '
+        },
+        whitelist: tagifyWhitelist,
+        dropdown: {
+          enabled: 0,
+          maxItems: 200,
+          fuzzySearch: true,
+          highlightFirst: true,
+          searchKeys: ['value', 'groupe'],
+          includeSelectedTags: true
+        },
+        templates: {
+          dropdownItem: function dropdownItem(item) {
+            var list = this.suggestedListItems || [];
+            var itemKey = function itemKey(it) {
+              return "".concat(it.section || '', "|").concat(it.groupe || '', "|").concat(it.value);
+            };
+            var idx = list.findIndex(function (it) {
+              return itemKey(it) === itemKey(item);
+            });
+            var prev = idx > 0 ? list[idx - 1] : null;
+            var headers = '';
+            if (!prev || prev.section !== item.section) {
+              headers += "<div class=\"ee-list-group__label\">".concat(item.section === 'ops' ? 'Opérateurs &amp; fonctions' : 'Échelles &amp; grilles', "</div>");
+            }
+            if (item.section === 'refs') {
+              var groupe = item.groupe || '';
+              var prevGroupe = prev && prev.section === 'refs' ? prev.groupe || '' : null;
+              if (groupe && prevGroupe !== groupe) {
+                headers += "<div class=\"ee-list-group__label ee-list-group__label--sub\">".concat(groupe, "</div>");
+              }
+            }
+            var labelClass = item.refType === 'operator' ? 'ee-list-item__label ee-list-item__label--op' : 'ee-list-item__label';
+            return "".concat(headers, "<div ").concat(this.getAttributes(item), " class=\"").concat(this.settings.classNames.dropdownItem, " ee-list-item ee-opt--").concat(item.refType, "\" tabindex=\"0\" role=\"option\">\n                            <span class=\"").concat(labelClass, "\">").concat(item.value, "</span>\n                        </div>");
+          }
         }
-      }
-    });
-    tagify.on('change', function (e) {
-      return emitChange(e.detail.value);
-    });
-
-    // Clic sur un tag échelle -> ouverture du popover de scores
-    tagify.on('click', function (e) {
-      var data = e.detail.data;
-      if (!data || data.refType !== 'echelle') {
-        return;
-      }
-      var rect = e.detail.tag.getBoundingClientRect();
-      setPopover({
-        tag: e.detail.tag,
-        data: data,
-        scores: (data.scores && data.scores.length ? data.scores : Array.from({
-          length: data.niveaux
-        }, function (_, k) {
-          return k + 1;
-        })).slice(),
-        pos: {
-          top: rect.bottom + 6,
-          left: rect.left
+      });
+      tagify.on('change', function (e) {
+        return emitChange(e.detail.value);
+      });
+      operatorTagObserver = new MutationObserver(function (mutations) {
+        var converted = false;
+        mutations.forEach(function (m) {
+          m.addedNodes.forEach(function (node) {
+            if (node.nodeType !== 1) {
+              return;
+            }
+            var tagElms = node.classList && node.classList.contains('tagify__tag') ? [node] : Array.from(node.querySelectorAll ? node.querySelectorAll('.tagify__tag') : []);
+            tagElms.forEach(function (tagElm) {
+              var data = tagElm.__tagifyTagData;
+              if (!data || data.refType !== 'operator') {
+                return;
+              }
+              var textNode = document.createTextNode("".concat(data.value, " "));
+              tagElm.replaceWith(textNode);
+              var range = document.createRange();
+              range.setStartAfter(textNode);
+              range.collapse(true);
+              var sel = window.getSelection();
+              sel.removeAllRanges();
+              sel.addRange(range);
+              converted = true;
+            });
+          });
+        });
+        if (converted) {
+          tagify.updateValueByDOMTags();
+          tagify.update();
         }
       });
-    });
-    tagifyRef.current = tagify;
+      operatorTagObserver.observe(tagify.DOM.input, {
+        childList: true,
+        subtree: true
+      });
+      tagify.on('click', function (e) {
+        var data = e.detail.data;
+        if (!data || data.refType !== 'echelle') {
+          return;
+        }
+        var rect = e.detail.tag.getBoundingClientRect();
+        setPopover({
+          tag: e.detail.tag,
+          data: data,
+          scores: (data.scores && data.scores.length ? data.scores : Array.from({
+            length: data.niveaux
+          }, function (_, k) {
+            return k + 1;
+          })).slice(),
+          pos: {
+            top: rect.bottom + 6,
+            left: rect.left
+          }
+        });
+      });
+      tagifyRef.current = tagify;
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.error('[ExpressionEditor] échec d\'initialisation Tagify :', err);
+      setInitError(err && err.message ? err.message : String(err));
+    }
     return function () {
-      tagify.destroy();
+      if (operatorTagObserver) {
+        operatorTagObserver.disconnect();
+      }
+      if (tagify) {
+        tagify.destroy();
+      }
       tagifyRef.current = null;
     };
-    // Monté une seule fois : whitelist/valeur figées au montage (comme un champ de formulaire)
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-
-  // Insertion depuis la palette (références = tags ; opérateurs = texte libre)
   var insertReference = useCallback(function (ref) {
     var tagify = tagifyRef.current;
-    if (tagify) {
-      tagify.addMixTags([_objectSpread2({}, ref)]);
+    if (!tagify) {
+      return;
     }
+    tagify.state.tag = null;
+    var range = getCaretRangeAtVisualEnd(tagify);
+    tagify.state.selection = {
+      anchorOffset: range.startOffset,
+      anchorNode: range.startContainer,
+      range: range
+    };
+    tagify.addMixTags([_objectSpread2({}, ref)]);
+    tagify.state.selection = null;
+    tagify.state.tag = null;
   }, []);
   var insertOperator = useCallback(function (op) {
     var tagify = tagifyRef.current;
-    if (tagify) {
-      tagify.injectAtCaret("".concat(op, " "));
+    if (!tagify) {
+      return;
     }
+    tagify.state.tag = null;
+    var range = getCaretRangeAtVisualEnd(tagify);
+    tagify.state.selection = {
+      anchorOffset: range.startOffset,
+      anchorNode: range.startContainer,
+      range: range
+    };
+    tagify.injectAtCaret("".concat(op, " "));
+    tagify.state.selection = null;
+    tagify.state.tag = null;
   }, []);
   var validatePopoverScores = useCallback(function () {
     var tagify = tagifyRef.current;
@@ -62763,13 +63120,35 @@ var ExpressionEditor = function ExpressionEditor(_ref) {
       scores: popover.scores
     }));
     setPopover(null);
-    // Tagify ne déclenche pas toujours change sur replaceTag : on force la synchro
     setTimeout(function () {
       return emitChange(tagify.DOM.originalInput.value);
     }, 0);
   }, [popover, emitChange]);
-
-  // Regroupement de la palette par "groupe" pour s'y repérer visuellement
+  useEffect(function () {
+    if (!menuPos) {
+      return undefined;
+    }
+    var onDocMouseDown = function onDocMouseDown(e) {
+      if (menuRef.current && menuRef.current.contains(e.target)) {
+        return;
+      }
+      if (addBtnRef.current && addBtnRef.current.contains(e.target)) {
+        return;
+      }
+      setMenuPos(null);
+    };
+    var onKeyDown = function onKeyDown(e) {
+      if (e.key === 'Escape') {
+        setMenuPos(null);
+      }
+    };
+    document.addEventListener('mousedown', onDocMouseDown);
+    document.addEventListener('keydown', onKeyDown);
+    return function () {
+      document.removeEventListener('mousedown', onDocMouseDown);
+      document.removeEventListener('keydown', onKeyDown);
+    };
+  }, [menuPos]);
   var groupedReferences = useMemo(function () {
     var groups = {};
     whitelist.forEach(function (ref) {
@@ -62778,68 +63157,131 @@ var ExpressionEditor = function ExpressionEditor(_ref) {
     });
     return groups;
   }, [whitelist]);
-
-  // Double-clic sur une option d'un <select> : on retrouve la référence via son index
-  var handleReferenceDblClick = useCallback(function (e) {
-    if (e.target.tagName !== 'OPTION') {
-      return;
-    }
-    var ref = whitelist[Number(e.target.value)];
-    if (ref) {
-      insertReference(ref);
-    }
-  }, [whitelist, insertReference]);
-  var handleOperatorDblClick = useCallback(function (e) {
-    if (e.target.tagName !== 'OPTION') {
-      return;
-    }
-    insertOperator(e.target.value);
-  }, [insertOperator]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "expression-editor"
+  }, initError && /*#__PURE__*/React__default.createElement("div", {
+    className: "expression-editor__error"
+  }, "L'\xE9diteur d'expression n'a pas pu s'initialiser (", initError, "). Le champ texte brut reste utilisable."), /*#__PURE__*/React__default.createElement("div", {
+    className: "expression-editor__field-row"
   }, /*#__PURE__*/React__default.createElement("textarea", {
     ref: textareaRef,
     className: "expression-editor__field",
     placeholder: placeholder
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("button", {
+    ref: addBtnRef,
+    type: "button",
+    className: "expression-editor__add-btn",
+    title: "Ins\xE9rer une r\xE9f\xE9rence, un op\xE9rateur ou une fonction",
+    onClick: function onClick() {
+      if (!tagifyRef.current) {
+        return;
+      }
+      if (menuPos) {
+        setMenuPos(null);
+        return;
+      }
+      var rect = addBtnRef.current.getBoundingClientRect();
+      setMenuPos({
+        top: rect.bottom + 6,
+        left: Math.max(8, rect.right - 300)
+      });
+    }
+  }, "+")), /*#__PURE__*/React__default.createElement("div", {
     className: "expression-editor__hint"
-  }, "Double-cliquez un \xE9l\xE9ment pour l'ins\xE9rer, ou tapez \xAB @ \xBB dans l'expression."), /*#__PURE__*/React__default.createElement("div", {
+  }, "Cliquez sur \xAB + \xBB, double-cliquez un \xE9l\xE9ment des listes, ou tapez \xAB @ \xBB dans l'expression."), /*#__PURE__*/React__default.createElement("div", {
     className: "expression-editor__palette"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "ee-palette-col ee-palette-col--refs"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "ee-palette-col__title"
-  }, "\xC9chelles & grilles"), /*#__PURE__*/React__default.createElement("select", {
-    className: "ee-palette-select",
-    multiple: true,
-    size: 8,
-    onDoubleClick: handleReferenceDblClick
+  }, "\xC9chelles & grilles"), /*#__PURE__*/React__default.createElement("div", {
+    className: "ee-list",
+    role: "listbox"
   }, Object.keys(groupedReferences).map(function (groupe) {
-    return /*#__PURE__*/React__default.createElement("optgroup", {
-      label: groupe,
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "ee-list-group",
       key: groupe
-    }, groupedReferences[groupe].map(function (ref) {
-      return /*#__PURE__*/React__default.createElement("option", {
-        key: "".concat(ref.refType, "-").concat(ref.value),
-        value: whitelist.indexOf(ref),
-        className: "ee-opt ee-opt--".concat(ref.refType)
-      }, ref.value);
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "ee-list-group__label"
+    }, groupe), groupedReferences[groupe].map(function (ref) {
+      return /*#__PURE__*/React__default.createElement("div", {
+        key: "".concat(ref.refType, "-").concat(ref.value, "-").concat(ref.refId || '', "-").concat(ref.axe || ''),
+        className: "ee-list-item ee-opt--".concat(ref.refType),
+        onMouseDown: function onMouseDown(e) {
+          return e.preventDefault();
+        },
+        onClick: function onClick() {
+          return insertReference(ref);
+        }
+      }, /*#__PURE__*/React__default.createElement("span", {
+        className: "ee-list-item__label"
+      }, ref.value));
     }));
   }))), /*#__PURE__*/React__default.createElement("div", {
     className: "ee-palette-col ee-palette-col--ops"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "ee-palette-col__title"
-  }, "Op\xE9rateurs & fonctions"), /*#__PURE__*/React__default.createElement("select", {
-    className: "ee-palette-select",
-    multiple: true,
-    size: 8,
-    onDoubleClick: handleOperatorDblClick
+  }, "Op\xE9rateurs & fonctions"), /*#__PURE__*/React__default.createElement("div", {
+    className: "ee-list",
+    role: "listbox"
   }, operators.map(function (op) {
-    return /*#__PURE__*/React__default.createElement("option", {
+    return /*#__PURE__*/React__default.createElement("div", {
       key: op,
-      value: op
-    }, op.replace(/\(\s*,?\s*\)/, '()').trim());
-  })))), popover && /*#__PURE__*/React__default.createElement("div", {
+      className: "ee-list-item",
+      onMouseDown: function onMouseDown(e) {
+        return e.preventDefault();
+      },
+      onClick: function onClick() {
+        return insertOperator(op);
+      }
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "ee-list-item__label ee-list-item__label--op"
+    }, op));
+  })))), menuPos && /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement("div", {
+    ref: menuRef,
+    className: "expression-editor__menu",
+    style: {
+      top: menuPos.top,
+      left: menuPos.left
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "ee-list-group"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "ee-list-group__label"
+  }, "\xC9chelles & grilles"), Object.keys(groupedReferences).map(function (groupe) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "ee-list-group",
+      key: groupe
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "ee-list-group__label ee-list-group__label--sub"
+    }, groupe), groupedReferences[groupe].map(function (ref) {
+      return /*#__PURE__*/React__default.createElement("div", {
+        key: "menu-".concat(ref.refType, "-").concat(ref.value, "-").concat(ref.refId || '', "-").concat(ref.axe || ''),
+        className: "ee-list-item ee-opt--".concat(ref.refType),
+        onClick: function onClick() {
+          insertReference(ref);
+          setMenuPos(null);
+        }
+      }, /*#__PURE__*/React__default.createElement("span", {
+        className: "ee-list-item__label"
+      }, ref.value));
+    }));
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "ee-list-group"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "ee-list-group__label"
+  }, "Op\xE9rateurs & fonctions"), operators.map(function (op) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: "menu-".concat(op),
+      className: "ee-list-item",
+      onClick: function onClick() {
+        insertOperator(op);
+        setMenuPos(null);
+      }
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "ee-list-item__label ee-list-item__label--op"
+    }, op));
+  }))), document.body), popover && /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement("div", {
     className: "ee-scores-popover",
     style: {
       top: popover.pos.top,
@@ -62875,23 +63317,21 @@ var ExpressionEditor = function ExpressionEditor(_ref) {
     type: "button",
     className: "ee-ok",
     onClick: validatePopoverScores
-  }, "OK"))));
+  }, "OK"))), document.body));
 };
 
-// Références d'exemple (mockées) : reproduisent ce que le back Symfony injecte
-// (échelles complémentaires « field » + grilles « echelle » avec leurs métadonnées).
 var REFERENCES_DEMO = [{
   value: 'Chiffre d\'affaires',
   refType: 'field',
   refId: 42,
   "class": 'tag-field',
-  groupe: 'Échelles complémentaires'
+  groupe: 'Evaluation Complémentaire'
 }, {
   value: 'Exposition',
   refType: 'field',
   refId: 43,
   "class": 'tag-field',
-  groupe: 'Échelles complémentaires'
+  groupe: 'Evaluation Complémentaire'
 }, {
   value: 'Impact',
   refType: 'echelle',
@@ -62919,6 +63359,15 @@ var REFERENCES_DEMO = [{
   scores: [1, 2, 3, 4],
   "class": 'tag-echelle',
   groupe: 'Évaluation nette (main)'
+}, {
+  value: 'Évaluation brute',
+  refType: 'echelle',
+  matrice: '24',
+  axe: 'abs',
+  niveaux: 4,
+  scores: [1, 2, 3, 4],
+  "class": 'tag-echelle',
+  groupe: 'Évaluation brute'
 }, {
   value: 'Niveau de maîtrise calculé',
   refType: 'evalglobal',