imio.smartweb.common 1.2.42__py3-none-any.whl → 1.2.44__py3-none-any.whl

imio/smartweb/common/browser/tiny/process.py

@@ -1,5 +1,5 @@
 # src/your.pkg/browser/process.py
-from imio.smartweb.common.browser.ia import BaseIAView
+from imio.smartweb.common.ia.browser.views import BaseIAView
 from imio.smartweb.common.config import IPA_URL
 
 import json

imio/smartweb/common/configure.zcml

@@ -25,6 +25,7 @@
   <include package=".behaviors" />
   <include package=".browser" />
   <include package=".faceted" />
+  <include package=".ia" />
   <include package=".rest" />
   <includeOverrides file="utility_overrides.zcml" />
   <include package=".serializers" />

imio/smartweb/common/ia/behaviors/configure.zcml

@@ -0,0 +1,15 @@
+<configure
+  xmlns="http://namespaces.zope.org/zope"
+  xmlns:plone="http://namespaces.plone.org/plone"
+  i18n_domain="imio.smartweb">
+
+  <include package="plone.behavior" file="meta.zcml"/>
+
+  <plone:behavior
+      name="imio.smartweb.ia.titles"
+      title="Title"
+      description="Add suggested IA titles."
+      provides=".title.IIASmartTitle"
+      />
+
+</configure>

imio/smartweb/common/ia/behaviors/title.py

@@ -0,0 +1,17 @@
+# -*- coding: utf-8 -*-
+
+from imio.smartweb.common.ia.widgets.widget import SuggestedIATitlesFieldWidget
+from imio.smartweb.locales import SmartwebMessageFactory as _
+from plone.app.dexterity.behaviors.metadata import IBasic
+from plone.autoform import directives
+from plone.autoform.interfaces import IFormFieldProvider
+from zope import schema
+from zope.interface import provider
+
+
+@provider(IFormFieldProvider)
+class IIASmartTitle(IBasic):
+    """Behavior qui remplace le titre standard par un titre avec IA"""
+
+    directives.widget(title=SuggestedIATitlesFieldWidget)
+    title = schema.TextLine(title=_("Title"), required=True)

imio/smartweb/common/ia/browser/categorization_button_add.py

@@ -0,0 +1,63 @@
+from imio.smartweb.common.browser.forms import CustomAddForm
+from imio.smartweb.common.ia.widgets.html_snippet_widget import AddHtmlSnippetWidget
+from plone.dexterity.browser.add import DefaultAddView
+from z3c.form.interfaces import HIDDEN_MODE, DISPLAY_MODE
+from z3c.form.widget import FieldWidget
+from zope import schema
+
+FIELD_NAME = "categorization_ia_link"
+
+
+class IACategorizeAddForm(CustomAddForm):
+
+    def update(self):
+        super(IACategorizeAddForm, self).update()
+
+        for group in self.groups:
+            if getattr(group, "__name__", "") == "layout":
+                if "hide_title" in group.widgets:
+                    group.widgets["hide_title"].mode = HIDDEN_MODE
+                    group.widgets["hide_title"].value = ["selected"]
+
+        # 2) Inject HTML button in "categorization" group
+        if not getattr(self, "groups", None):
+            self.updateGroups()
+
+        cat = next(
+            (g for g in self.groups if getattr(g, "__name__", "") == "categorization"),
+            None,
+        )
+        if not cat or not getattr(cat, "widgets", None):
+            return
+
+        # Avoid doublons (refresh)
+        for k in getattr(cat.widgets, "keys", lambda: [])():
+            if k.endswith(FIELD_NAME) or k == FIELD_NAME:
+                return
+
+        # Create dummy field + FieldWidget(HtmlSnippetWidget)
+        zfield = schema.Text(__name__=FIELD_NAME, title="", description="")
+        w = FieldWidget(zfield, AddHtmlSnippetWidget(self.request))
+        w.mode = DISPLAY_MODE
+        w.context = self.context  # conteneur du futur objet
+        w.form = self
+        w.ignoreContext = True
+        w.label = ""
+        w.update()
+
+        try:
+            cat.widgets[f"form.widgets.{FIELD_NAME}"] = w
+        except Exception:
+            try:
+                cat.widgets[FIELD_NAME] = w
+            except Exception:
+                # Fallback bas niveau si nécessaire
+                if hasattr(cat.widgets, "_data_keys") and hasattr(
+                    cat.widgets, "_widgets"
+                ):
+                    cat.widgets._data_keys.append(FIELD_NAME)
+                    cat.widgets._widgets.append(w)
+
+
+class IACategorizeAddView(DefaultAddView):
+    form = IACategorizeAddForm

imio/smartweb/common/ia/browser/categorization_button_edit.py

@@ -0,0 +1,87 @@
+# -*- coding: utf-8 -*-
+from imio.smartweb.common.browser.forms import CustomEditForm
+from imio.smartweb.common.ia.widgets.html_snippet_widget import EditHtmlSnippetWidget
+from plone.z3cform import layout
+from zope import schema
+from z3c.form.interfaces import DISPLAY_MODE
+from z3c.form.widget import FieldWidget
+
+
+FIELD_NAME = "categorization_ia_link"  # Internal id for dummy field
+
+
+class IACategorizeEditForm(CustomEditForm):
+    """Vue edit custom, avec bouton 'Catégoriser' injecté en haut de 'categorization'."""
+
+    def update(self):
+        super(IACategorizeEditForm, self).update()
+
+        # Inject button on top of 'categorization' fieldset
+        if not getattr(self, "groups", None):
+            return
+
+        # Find 'categorization' group
+        cat = next(
+            (g for g in self.groups if getattr(g, "__name__", "") == "categorization"),
+            None,
+        )
+        if not cat or not getattr(cat, "widgets", None):
+            return
+
+        # Avoid doublons (refresh) if already here => stop
+        existing_keys = list(getattr(cat.widgets, "keys", lambda: [])())
+        for k in existing_keys:
+            if (
+                k.endswith(FIELD_NAME)
+                or k == FIELD_NAME
+                or k.endswith(f"form.widgets.{FIELD_NAME}")
+            ):
+                return
+
+        # Create dummy field + FieldWidget(HtmlSnippetWidget)
+        zfield = schema.Text(__name__=FIELD_NAME, title="", description="")
+        w = FieldWidget(zfield, EditHtmlSnippetWidget(self.request))
+        w.mode = DISPLAY_MODE
+        w.context = self.context
+        w.form = self
+        w.ignoreContext = True
+        w.label = ""
+        w.update()  # prépare endpoint/wid
+
+        key = f"form.widgets.{FIELD_NAME}"
+
+        if hasattr(cat.widgets, "_data_keys") and hasattr(cat.widgets, "_widgets"):
+            # Remove residual occurrences
+            try:
+                while key in cat.widgets._data_keys:
+                    idx = cat.widgets._data_keys.index(key)
+                    cat.widgets._data_keys.pop(idx)
+                    cat.widgets._widgets.pop(idx)
+            except Exception:
+                pass
+            cat.widgets._data_keys.insert(0, key)
+            cat.widgets._widgets.insert(0, w)
+            return
+
+        # fallback : rebuild mapping with our with our widget
+        try:
+            existing = [(k, cat.widgets[k]) for k in list(cat.widgets.keys())]
+            try:
+                cat.widgets.clear()
+            except Exception:
+                pass
+            # Firstly, our widget
+            cat.widgets[key] = w
+            # Next...
+            for k, ww in existing:
+                if k != key:
+                    cat.widgets[k] = ww
+        except Exception:
+            # Last resort: If nothing else worked
+            try:
+                cat.widgets[key] = w
+            except Exception:
+                pass
+
+
+IACategorizeEditView = layout.wrap_form(IACategorizeEditForm)

imio/smartweb/common/ia/browser/configure.zcml

@@ -0,0 +1,43 @@
+<configure
+    xmlns="http://namespaces.zope.org/zope"
+    xmlns:browser="http://namespaces.zope.org/browser"
+    xmlns:plone="http://namespaces.plone.org/plone"
+    xmlns:z3c="http://namespaces.zope.org/z3c"
+    >
+
+  <plone:static
+      directory="static"
+      name="imio.smartweb.common.ia"
+      type="plone"
+  />    
+
+  <browser:page
+      name="processsuggestedtitles"
+      for="*"
+      class=".views.ProcessSuggestedTitlesView"
+      permission="cmf.ModifyPortalContent"
+      />
+
+  <browser:page
+      name="ProcessCategorizeContent"
+      for="*"
+      class=".views.BaseProcessCategorizeContentView"
+      permission="cmf.ModifyPortalContent"
+      />
+
+  <browser:page
+      for="plone.dexterity.interfaces.IDexterityContainer"
+      name="edit"
+      class=".categorization_button_edit.IACategorizeEditForm"
+      permission="cmf.ModifyPortalContent"
+      layer="imio.smartweb.common.interfaces.IImioSmartwebCommonLayer"
+      />
+
+  <class class=".categorization_button_add.IACategorizeAddView">
+      <require
+          permission="cmf.AddPortalContent"
+          interface="zope.publisher.interfaces.browser.IBrowserPage"
+          />
+  </class>
+
+</configure>

imio/smartweb/common/ia/browser/static/Makefile

@@ -0,0 +1,12 @@
+#!/usr/bin/make
+
+help:
+	@awk 'BEGIN {FS = ":.*##"; printf "\nUsage:\n  make \033[36m<target>\033[0m\n\nTargets:\n"} /^[a-zA-Z_-]+:.*?##/ { printf "  \033[36m%-10s\033[0m %s\n", $$1, $$2 }' $(MAKEFILE_LIST)
+
+.PHONY: install
+install: ## Install webcomponents dependencies
+	npm install
+
+.PHONY: build
+build: ## Build the production bundle
+	npm run build

imio/smartweb/common/ia/browser/static/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "imio.smartweb.common",
+  "version": "1.0.0",
+  "description": "imio smartweb common ia static",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/IMIO/imio.smartweb.common"
+  },
+  "author": "iMio",
+  "license": "GPLv2",
+  "dependencies": {
+    "webpack": "^5.75.0"
+  },
+  "scripts": {
+    "build": "webpack --mode=production --progress --stats"
+  },
+  "devDependencies": {
+    "babel-loader": "^8.2.2",
+    "css-loader": "^6.7.2",
+    "css-minimizer-webpack-plugin": "^3.4.1",
+    "less": "^4.1.3",
+    "less-loader": "^11.1.0",
+    "mini-css-extract-plugin": "^2.7.2",
+    "style-loader": "^3.3.1",
+    "terser-webpack-plugin": "^5.3.6",
+    "webpack-cli": "^5.0.1"
+  }
+}

imio/smartweb/common/ia/browser/static/smartweb-common-ia_suggested_titles-compiled.js

@@ -0,0 +1 @@
+(()=>{"use strict";let t=null,e=null;function o(t,e=24){const n=document.querySelectorAll(".modal.show .ia-suggest-list, .plone-modal .ia-suggest-list, .plone-modal-container .ia-suggest-list");n.length?n.forEach(e=>e.innerHTML=t):e>0&&requestAnimationFrame(()=>o(t,e-1))}function n(t){if(!t)return!1;const e=t.getClientRects?.();return null!==t.offsetParent||e&&e.length>0}function r(o,r){const i=e||t?.dataset.sourceSelector||"#form-widgets-title",s=document.querySelector(i)||t?.querySelector('input[type="text"]');s&&(s.value=o,s.dispatchEvent(new Event("input",{bubbles:!0})),s.dispatchEvent(new Event("change",{bubbles:!0})),s.focus()),function(t){const e=t?.closest(".modal")||document.querySelector(".modal.show")||document.querySelector(".modal");if(!e)return;const o=e.closest(".modal-wrapper");let r=e.querySelector(".modal-close, .plone-modal-close")||e.querySelector('[data-bs-dismiss="modal"], [data-dismiss="modal"]');r&&r.click();try{window.bootstrap?.Modal&&(window.bootstrap.Modal.getInstance(e)||new window.bootstrap.Modal(e)).hide()}catch{}setTimeout(()=>{(e.classList.contains("show")||n(e))&&document.dispatchEvent(new KeyboardEvent("keydown",{key:"Escape",bubbles:!0}))},50),setTimeout(()=>{(e.classList.contains("show")||n(e))&&(e.classList.remove("show"),e.style.display="none",e.setAttribute("aria-hidden","true")),o&&o.parentNode&&o.remove(),(o&&o.parentNode||document.body).querySelectorAll(".modal-backdrop, .plone-modal-backdrop, .plone-modal-overlay, .backdrop, .backdrop-active").forEach(t=>t.remove()),document.body.classList.remove("modal-open"),document.body.style.removeProperty("padding-right"),document.querySelectorAll("[inert]").forEach(t=>t.removeAttribute("inert"))},150)}(r||document.body)}function i(t){const e=t.target.closest(".ia-suggest-item");if(!e)return;"click"!==t.type&&"pointerup"!==t.type||t.stopPropagation();const o=e.getAttribute("data-title")||e.textContent.trim();o&&r(o,e)}document.addEventListener("click",n=>{const r=n.target.closest("a.suggestedtitles-generate-button.pat-plone-modal");if(!r)return;t=r.closest(".suggestedtitles-with-button")||null,e=t?.dataset.sourceSelector||"#form-widgets-title";const i=t?.dataset.slugUrl;if(!i)return;const s=r.getAttribute("href"),a=s?document.querySelector(s):null,c=a?a.querySelector(".ia-suggest-list"):null;c&&(c.textContent="Loading…"),async function(t,e){const o={Accept:"application/json"},n=document.querySelector('input[name="_authenticator"]')?.value||"",r=new URLSearchParams({text:e});try{const e=await fetch(t,{method:"POST",credentials:"same-origin",headers:{...o,"Content-Type":"application/x-www-form-urlencoded; charset=UTF-8",...n?{"X-CSRF-TOKEN":n}:{}},body:r.toString()});if(!e.ok)throw new Error(`HTTP ${e.status}`);return await e.json()}catch(n){const r=t+(t.includes("?")?"&":"?")+"text="+encodeURIComponent(e),i=await fetch(r,{credentials:"same-origin",headers:o});if(!i.ok)throw n;return await i.json()}}(i,function(){try{if(window.tinymce){const t=tinymce.get("form-widgets-IRichTextBehavior-text")||tinymce.editors&&tinymce.editors.find(t=>t?.id?.includes("IRichTextBehavior"))||tinymce.activeEditor,e=t?.getContent?.();if(e)return e}}catch{}const t=document.querySelector("#form-widgets-IRichTextBehavior-text")||document.querySelector('textarea[name="form.widgets.IRichTextBehavior.text"]');return t?.value||""}()).then(t=>{const e=function(t){if("string"==typeof t)try{t=JSON.parse(t)}catch{return[t.trim()].filter(Boolean)}if(Array.isArray(t))return Array.from(new Set(t.map(t=>String(t).trim()).filter(Boolean)));if(t&&"object"==typeof t){let e=[];if(Array.isArray(t.suggested_titles))e=t.suggested_titles;else if(Array.isArray(t.titles))e=t.titles;else{const o=Object.values(t).find(t=>Array.isArray(t));o&&(e=o)}return Array.from(new Set(e.map(t=>String(t).trim()).filter(Boolean)))}return[]}(t),n=function(t){if(!t.length)return"<p>No suggestion.</p>";const e=document.createElement("ul");e.className="list-group ia-suggest-ul",e.setAttribute("role","listbox"),e.setAttribute("aria-label","Title suggestions");for(const o of t){const t=document.createElement("li");t.className="list-group-item list-group-item-action ia-suggest-item",t.setAttribute("role","option"),t.setAttribute("tabindex","0"),t.setAttribute("data-title",o),t.textContent=o,e.appendChild(t)}const o=document.createElement("div");return o.appendChild(e),o.innerHTML}(e);c&&(c.innerHTML=n),o(n)}).catch(t=>{const e='<div class="alert alert-warning">Not possible to get suggestions.</div>';c&&(c.innerHTML=e),o(e)})},!0),document.addEventListener("click",i,!0),document.addEventListener("pointerup",i,!0),document.addEventListener("keydown",function(t){if("Enter"!==t.key&&" "!==t.key)return;const e=t.target.closest(".ia-suggest-item");if(!e)return;t.preventDefault(),t.stopPropagation();const o=e.getAttribute("data-title")||e.textContent.trim();o&&r(o,e)},!0),document.addEventListener("hidden.bs.modal",()=>{t=null,e=null},!0)})();

imio/smartweb/common/ia/browser/static/src/ia_suggested_titles.js

@@ -0,0 +1,247 @@
+(() => {
+  'use strict';
+
+  let activeContainer = null;
+  let activeSourceSelector = null;
+
+  // ---------- Utils ---------------------------------------------------------
+
+  function getRichTextHtml() {
+    try {
+      if (window.tinymce) {
+        const ed =
+          tinymce.get('form-widgets-IRichTextBehavior-text') ||
+          (tinymce.editors && tinymce.editors.find(e => e?.id?.includes('IRichTextBehavior'))) ||
+          tinymce.activeEditor;
+        const html = ed?.getContent?.();
+        if (html) return html;
+      }
+    } catch {}
+    const ta =
+      document.querySelector('#form-widgets-IRichTextBehavior-text') ||
+      document.querySelector('textarea[name="form.widgets.IRichTextBehavior.text"]');
+    return ta?.value || '';
+  }
+
+  function normalizeTitles(data) {
+    if (typeof data === 'string') {
+      try { data = JSON.parse(data); } catch { return [data.trim()].filter(Boolean); }
+    }
+    if (Array.isArray(data)) {
+      return Array.from(new Set(data.map(t => String(t).trim()).filter(Boolean)));
+    }
+    if (data && typeof data === 'object') {
+      let arr = [];
+      if (Array.isArray(data.suggested_titles)) {
+        arr = data.suggested_titles;
+      } else if (Array.isArray(data.titles)) {
+        arr = data.titles;
+      } else {
+        const firstArray = Object.values(data).find(v => Array.isArray(v));
+        if (firstArray) arr = firstArray;
+      }
+      return Array.from(new Set(arr.map(t => String(t).trim()).filter(Boolean)));
+    }
+    return [];
+  }
+
+  function buildListHTML(titles) {
+    if (!titles.length) return '<p>No suggestion.</p>';
+
+    const ul = document.createElement('ul');
+    ul.className = 'list-group ia-suggest-ul';
+    ul.setAttribute('role', 'listbox');
+    ul.setAttribute('aria-label', 'Title suggestions');
+
+    for (const t of titles) {
+      const li = document.createElement('li');
+      li.className = 'list-group-item list-group-item-action ia-suggest-item';
+      li.setAttribute('role', 'option');
+      li.setAttribute('tabindex', '0');
+      li.setAttribute('data-title', t);
+      li.textContent = t;
+      ul.appendChild(li);
+    }
+
+    const wrap = document.createElement('div');
+    wrap.appendChild(ul);
+    return wrap.innerHTML;
+  }
+
+  function mirrorIntoOpenModal(listHTML, tries = 24) {
+    const lists = document.querySelectorAll(
+      '.modal.show .ia-suggest-list, .plone-modal .ia-suggest-list, .plone-modal-container .ia-suggest-list'
+    );
+    if (lists.length) {
+      lists.forEach(el => (el.innerHTML = listHTML));
+      return;
+    }
+    if (tries > 0) requestAnimationFrame(() => mirrorIntoOpenModal(listHTML, tries - 1));
+  }
+
+  async function fetchSuggestions(slugUrl, textHtml) {
+    const headers = { Accept: 'application/json' };
+    const token = document.querySelector('input[name="_authenticator"]')?.value || '';
+    const body = new URLSearchParams({ text: textHtml });
+
+    try {
+      const res = await fetch(slugUrl, {
+        method: 'POST',
+        credentials: 'same-origin',
+        headers: {
+          ...headers,
+          'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
+          ...(token ? { 'X-CSRF-TOKEN': token } : {}),
+        },
+        body: body.toString(),
+      });
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      return await res.json();
+    } catch (e) {
+      const url = slugUrl + (slugUrl.includes('?') ? '&' : '?') + 'text=' + encodeURIComponent(textHtml);
+      const res = await fetch(url, { credentials: 'same-origin', headers });
+      if (!res.ok) throw e;
+      return await res.json();
+    }
+  }
+
+  // ---------- Fermeture locale ciblant .modal et .modal-wrapper --------------
+
+  function isVisible(el) {
+    if (!el) return false;
+    const rects = el.getClientRects?.();
+    return (el.offsetParent !== null) || (rects && rects.length > 0);
+  }
+
+  function closeModal(fromEl) {
+    // Modale et wrapper les plus proches de l'élément qui a été cliqué
+    const modal =
+      fromEl?.closest('.modal') ||
+      document.querySelector('.modal.show') ||
+      document.querySelector('.modal');
+
+    if (!modal) return;
+    const wrapper = modal.closest('.modal-wrapper');
+
+    // 1) Fermer via les contrôles internes
+    let closer =
+      modal.querySelector('.modal-close, .plone-modal-close') ||
+      modal.querySelector('[data-bs-dismiss="modal"], [data-dismiss="modal"]');
+
+    if (closer) closer.click();
+
+    // 2) API Bootstrap si dispo
+    try {
+      if (window.bootstrap?.Modal) {
+        const inst = window.bootstrap.Modal.getInstance(modal) || new window.bootstrap.Modal(modal);
+        inst.hide();
+      }
+    } catch {}
+
+    // 3) Coup d'ESC pour aider certains thèmes
+    setTimeout(() => {
+      if (modal.classList.contains('show') || isVisible(modal)) {
+        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+      }
+    }, 50);
+
+    // 4) Si encore visible → masquer juste cette modale + retirer son wrapper
+    setTimeout(() => {
+      if (modal.classList.contains('show') || isVisible(modal)) {
+        modal.classList.remove('show');
+        modal.style.display = 'none';
+        modal.setAttribute('aria-hidden', 'true');
+      }
+      if (wrapper && wrapper.parentNode) {
+        wrapper.remove(); // <- ton cas : .modal-wrapper restait en place
+      }
+      // Nettoyage léger (local)
+      const parent = (wrapper && wrapper.parentNode) || document.body;
+      parent.querySelectorAll('.modal-backdrop, .plone-modal-backdrop, .plone-modal-overlay, .backdrop, .backdrop-active')
+        .forEach(n => n.remove());
+      document.body.classList.remove('modal-open');
+      document.body.style.removeProperty('padding-right');
+      document.querySelectorAll('[inert]').forEach(n => n.removeAttribute('inert'));
+    }, 150);
+  }
+
+  function fillInputAndClose(title, fromEl) {
+    const selector = activeSourceSelector || activeContainer?.dataset.sourceSelector || '#form-widgets-title';
+    const input = document.querySelector(selector) || activeContainer?.querySelector('input[type="text"]');
+    if (input) {
+      input.value = title;
+      input.dispatchEvent(new Event('input',  { bubbles: true }));
+      input.dispatchEvent(new Event('change', { bubbles: true }));
+      input.focus();
+    }
+    closeModal(fromEl || document.body);
+  }
+
+  // ---------- 1) Trigger: mémoriser + fetch + afficher ----------------------
+
+  document.addEventListener('click', (ev) => {
+    const trigger = ev.target.closest('a.suggestedtitles-generate-button.pat-plone-modal');
+    if (!trigger) return;
+
+    activeContainer = trigger.closest('.suggestedtitles-with-button') || null;
+    activeSourceSelector = activeContainer?.dataset.sourceSelector || '#form-widgets-title';
+
+    const slugUrl = activeContainer?.dataset.slugUrl;
+    if (!slugUrl) return;
+
+    const targetSel    = trigger.getAttribute('href'); // "#ia-suggest-modal"
+    const templateRoot = targetSel ? document.querySelector(targetSel) : null;
+    const templateList = templateRoot ? templateRoot.querySelector('.ia-suggest-list') : null;
+
+    if (templateList) templateList.textContent = 'Loading…';
+
+    const textHtml = getRichTextHtml();
+
+    fetchSuggestions(slugUrl, textHtml)
+      .then((data) => {
+        const titles   = normalizeTitles(data);
+        const listHTML = buildListHTML(titles);
+        if (templateList) templateList.innerHTML = listHTML;
+        mirrorIntoOpenModal(listHTML);
+      })
+      .catch((err) => {
+        // (${String(err)})
+        const errorHTML = `<div class="alert alert-warning">Not possible to get suggestions.</div>`;
+        if (templateList) templateList.innerHTML = errorHTML;
+        mirrorIntoOpenModal(errorHTML);
+      });
+  }, true); // capture pour précéder l'ouverture pat-plone-modal
+
+  // ---------- 2) Sélection d’un titre (clic/pointer + clavier) --------------
+
+  function handlePickEvent(ev) {
+    const item = ev.target.closest('.ia-suggest-item');
+    if (!item) return;
+    if (ev.type === 'click' || ev.type === 'pointerup') ev.stopPropagation();
+    const title = item.getAttribute('data-title') || item.textContent.trim();
+    if (!title) return;
+    fillInputAndClose(title, item);
+  }
+  document.addEventListener('click', handlePickEvent, true);
+  document.addEventListener('pointerup', handlePickEvent, true);
+
+  function handleKey(ev) {
+    if (ev.key !== 'Enter' && ev.key !== ' ') return;
+    const item = ev.target.closest('.ia-suggest-item');
+    if (!item) return;
+    ev.preventDefault();
+    ev.stopPropagation();
+    const title = item.getAttribute('data-title') || item.textContent.trim();
+    if (!title) return;
+    fillInputAndClose(title, item);
+  }
+  document.addEventListener('keydown', handleKey, true);
+
+  // ---------- 3) Nettoyage à la fermeture (si event dispo) ------------------
+
+  document.addEventListener('hidden.bs.modal', () => {
+    activeContainer = null;
+    activeSourceSelector = null;
+  }, true);
+
+})();

imio/smartweb/common/ia/browser/static/webpack.config.js

@@ -0,0 +1,41 @@
+const path = require('path');
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
+
+
+module.exports = {
+    mode: 'development',   
+    entry: {
+        ia_suggested_titles: './src/ia_suggested_titles.js',
+    },
+    output: {
+        filename: 'smartweb-common-[name]-compiled.js',
+        path: path.resolve(__dirname, ''),
+    },
+    module: {
+        rules: [
+            {
+                test: /\.less$/,
+                use: [
+                    MiniCssExtractPlugin.loader,
+                    'css-loader',
+                    'less-loader'
+                ],
+            },
+        ]
+    },
+    plugins: [
+        new MiniCssExtractPlugin({
+            filename: 'smartweb-common-[name]-compiled.css',
+        }),
+    ],
+    optimization: {
+        usedExports: true,
+        minimize: true,
+        minimizer: [
+          new CssMinimizerPlugin(),
+          new TerserPlugin()
+        ],
+      },
+};