@ourlu/assistant-sdk 0.2.4 → 0.2.5

package/dist/iife/signalement.v1.js

@@ -0,0 +1,518 @@
+(function() {
+"use strict";
+var runtime = window.__OurluWidgetRuntimeV1 || (window.__OurluWidgetRuntimeV1 = {});
+
+function SignalementCssBuilder() {}
+
+SignalementCssBuilder.prototype.build = function() {
+  return [
+    this.buildTabsBar(),
+    this.buildTabContent(),
+    this.buildFormSections(),
+    this.buildCategories(),
+    this.buildPhotos(),
+    this.buildLocation(),
+    this.buildSignalementButton(),
+    this.buildMobileOverrides()
+  ].join("\n");
+};
+
+SignalementCssBuilder.prototype.buildTabsBar = function() {
+  return [
+    "#cm-tabs-bar{display:none;gap:0;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:0 4px}",
+    "#cm-tabs-bar.visible{display:flex}",
+    ".cm-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 8px;border:none;background:none;color:#94a3b8;font-size:13.5px;font-weight:500;cursor:pointer;position:relative;transition:color .2s;border-bottom:2.5px solid transparent;font-family:inherit}",
+    ".cm-tab svg{width:16px;height:16px;flex-shrink:0}",
+    ".cm-tab:hover{color:#475569}",
+    ".cm-tab.active{color:#0066ff;border-bottom-color:#0066ff;font-weight:600}",
+    ".cm-tab-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:inherit;cursor:pointer;opacity:.5;transition:all .15s;padding:0;margin-left:4px}",
+    ".cm-tab-close svg{width:12px;height:12px}",
+    ".cm-tab-close:hover{opacity:1;background:rgba(0,0,0,.08)}",
+    ".cm-tab[data-tab='signalement'].hidden{display:none}"
+  ].join("\n");
+};
+
+SignalementCssBuilder.prototype.buildTabContent = function() {
+  return [
+    "#cm-signalement-content{display:none;flex-direction:column;flex:1;overflow:hidden}",
+    "#cm-signalement-content.active{display:flex}",
+    ".cm-signalement-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:18px;min-width:0;width:100%}",
+    ".cm-signalement-scroll::-webkit-scrollbar{width:6px}",
+    ".cm-signalement-scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:3px}"
+  ].join("\n");
+};
+
+SignalementCssBuilder.prototype.buildFormSections = function() {
+  return [
+    ".cm-sig-section{display:flex;flex-direction:column;min-width:0;padding-bottom:14px;border-bottom:1px solid #e2e8f0}",
+    ".cm-sig-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}",
+    ".cm-sig-label-opt{font-weight:400;text-transform:none;letter-spacing:0;color:#94a3b8;font-size:11px}"
+  ].join("\n");
+};
+
+SignalementCssBuilder.prototype.buildCategories = function() {
+  return [
+    ".cm-sig-cats{display:flex;gap:6px;overflow-x:scroll;overflow-y:hidden;flex-wrap:nowrap;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}",
+    ".cm-sig-cats::-webkit-scrollbar{display:none}",
+    ".cm-sig-cat{display:flex;align-items:center;gap:5px;padding:10px 18px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;font-family:inherit}",
+    ".cm-sig-cat svg{width:18px;height:18px}",
+    ".cm-sig-cat:hover{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}",
+    ".cm-sig-cat.active{border-color:#0066ff;background:#eff6ff;color:#0066ff;font-weight:600;box-shadow:0 0 0 2px rgba(0,102,255,.12)}"
+  ].join("\n");
+};
+
+SignalementCssBuilder.prototype.buildPhotos = function() {
+  return [
+    ".cm-sig-photo-actions{display:flex;gap:8px;margin-bottom:5px}",
+    ".cm-sig-photo-btn{display:flex;align-items:center;gap:5px;padding:8px 16px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}",
+    ".cm-sig-photo-btn svg{width:18px;height:18px}",
+    ".cm-sig-photo-btn:hover{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}",
+    ".cm-sig-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px}",
+    ".cm-sig-thumb{width:88px;height:88px;border-radius:12px;overflow:hidden;position:relative;border:1.5px solid #e2e8f0;box-shadow:0 2px 6px rgba(0,0,0,.06)}",
+    ".cm-sig-thumb img{width:100%;height:100%;object-fit:cover}",
+    ".cm-sig-thumb-rm{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;border:none;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}",
+    ".cm-sig-thumb-rm:hover{background:rgba(220,38,38,.9)}",
+    ".cm-sig-add{width:88px;height:88px;border-radius:12px;border:2px dashed #cbd5e1;background:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;color:#94a3b8}",
+    ".cm-sig-add svg{width:28px;height:28px}",
+    ".cm-sig-add:hover{border-color:#0066ff;background:#eff6ff;color:#0066ff}"
+  ].join("\n");
+};
+
+SignalementCssBuilder.prototype.buildLocation = function() {
+  return [
+    ".cm-sig-loc-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:#f0fdf4;border:1.5px solid #bbf7d0;transition:background .25s,border-color .25s}",
+    ".cm-sig-loc-row.denied{background:#fef2f2;border-color:#fecaca}",
+    ".cm-sig-loc-status{display:flex;align-items:center;gap:10px}",
+    ".cm-sig-loc-globe{position:relative;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#dcfce7;border-radius:50%;transition:background .25s}",
+    ".cm-sig-loc-row.denied .cm-sig-loc-globe{background:#fee2e2}",
+    ".cm-sig-loc-check{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:#16a34a;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .25s}",
+    ".cm-sig-loc-row.denied .cm-sig-loc-check{background:#dc2626}",
+    ".cm-sig-loc-info{display:flex;flex-direction:column;gap:1px}",
+    ".cm-sig-loc-text{font-size:13px;font-weight:600;color:#15803d;transition:color .25s}",
+    ".cm-sig-loc-row.denied .cm-sig-loc-text{color:#dc2626}",
+    ".cm-sig-loc-addr{font-size:12px;color:#4ade80;font-weight:400;transition:color .25s}",
+    ".cm-sig-loc-row.denied .cm-sig-loc-addr{color:#fca5a5}",
+    ".cm-sig-toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0;cursor:pointer}",
+    ".cm-sig-toggle input{opacity:0;width:0;height:0}",
+    ".cm-sig-toggle-slider{position:absolute;inset:0;background:#cbd5e1;border-radius:28px;transition:background .25s}",
+    ".cm-sig-toggle-slider::before{content:'';position:absolute;width:22px;height:22px;border-radius:50%;left:3px;bottom:3px;background:#fff;transition:transform .25s;box-shadow:0 1px 3px rgba(0,0,0,.15)}",
+    ".cm-sig-toggle input:checked+.cm-sig-toggle-slider{background:#16a34a}",
+    ".cm-sig-toggle input:checked+.cm-sig-toggle-slider::before{transform:translateX(24px)}"
+  ].join("\n");
+};
+
+SignalementCssBuilder.prototype.buildSignalementButton = function() {
+  return [
+    ".cm-sig-open-btn{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 18px;border-radius:12px;border:1.5px solid #0066ff;background:#eff6ff;color:#0066ff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}",
+    ".cm-sig-open-btn svg{width:18px;height:18px;flex-shrink:0}",
+    ".cm-sig-open-btn:hover{background:#0066ff;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,102,255,.3)}",
+    ".cm-sig-open-btn:active{transform:scale(0.97)}"
+  ].join("\n");
+};
+
+SignalementCssBuilder.prototype.buildMobileOverrides = function() {
+  return [
+    "@media(max-width:600px){",
+    ".cm-sig-cat{padding:8px 14px;font-size:13px}",
+    ".cm-sig-thumb,.cm-sig-add{width:72px;height:72px}",
+    ".cm-sig-photo-btn{padding:6px 12px;font-size:13px}",
+    "}"
+  ].join("\n");
+};
+
+function GeoLocationManager() {
+  this.latitude = null;
+  this.longitude = null;
+  this.accuracy = null;
+  this.status = "unknown";
+  this.watchId = null;
+}
+
+GeoLocationManager.prototype.isSupported = function() {
+  return typeof navigator !== "undefined" && "geolocation" in navigator;
+};
+
+GeoLocationManager.prototype.request = function(onUpdate) {
+  if (!this.isSupported()) {
+    this.status = "unsupported";
+    if (onUpdate) onUpdate(this);
+    return;
+  }
+  var self = this;
+  navigator.geolocation.getCurrentPosition(
+    function(pos) {
+      self.latitude = pos.coords.latitude;
+      self.longitude = pos.coords.longitude;
+      self.accuracy = pos.coords.accuracy;
+      self.status = "granted";
+      if (onUpdate) onUpdate(self);
+    },
+    function() {
+      self.status = "denied";
+      if (onUpdate) onUpdate(self);
+    },
+    { enableHighAccuracy: true, timeout: 10000, maximumAge: 60000 }
+  );
+};
+
+GeoLocationManager.prototype.stop = function() {
+  if (this.watchId !== null && this.isSupported()) {
+    navigator.geolocation.clearWatch(this.watchId);
+    this.watchId = null;
+  }
+};
+
+GeoLocationManager.prototype.toPayload = function() {
+  return {
+    latitude: this.latitude,
+    longitude: this.longitude,
+    accuracy: this.accuracy,
+    geo_status: this.status
+  };
+};
+
+var CATEGORIES = [
+  { id: "voirie", label: "Voirie", icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 21h18"/><path d="M5 21V7l8-4v18"/><path d="M19 21V11l-6-4"/></svg>' },
+  { id: "espaces_verts", label: "Espaces verts", icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9.5 2A2.5 2.5 0 0112 4.5v15a2.5 2.5 0 01-4.96.44 2.5 2.5 0 01-2.96-3.08 3 3 0 01-.34-5.58 2.5 2.5 0 011.32-4.24 2.5 2.5 0 013.54-.94"/><path d="M14.5 2A2.5 2.5 0 0012 4.5v15a2.5 2.5 0 004.96.44 2.5 2.5 0 002.96-3.08 3 3 0 00.34-5.58 2.5 2.5 0 00-1.32-4.24 2.5 2.5 0 00-3.54-.94"/></svg>' },
+  { id: "bruit", label: "Bruit", icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 01-3.46 0"/></svg>' },
+  { id: "proprete", label: "Propreté", icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" y1="22" x2="4" y2="15"/></svg>' },
+  { id: "autre", label: "Autre", icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>' }
+];
+
+var MAX_PHOTOS = 5;
+var ICON_PIN = '<svg viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" style="width:22px;height:22px"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>';
+var ICON_PIN_DENIED = '<svg viewBox="0 0 24 24" fill="none" stroke="#dc2626" stroke-width="2" style="width:22px;height:22px"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>';
+
+function SignalementModuleManager(rootEl, events, apiManager, uiManager) {
+  this.root = rootEl;
+  this.events = events;
+  this.api = apiManager;
+  this.ui = uiManager;
+  this.geo = new GeoLocationManager();
+  this.selectedCategory = "";
+  this.photoFiles = [];
+  this.photoPreviewUrls = [];
+  this.contentEl = null;
+  this.gridEl = null;
+  this.locRow = null;
+  this.locGlobe = null;
+  this.locCheck = null;
+  this.locText = null;
+  this.locAddr = null;
+  this.gpsToggle = null;
+  this.mounted = false;
+}
+
+SignalementModuleManager.prototype.injectCSS = function() {
+  var builder = new SignalementCssBuilder();
+  var styleEl = document.createElement("style");
+  styleEl.id = "cm-signalement-css";
+  styleEl.textContent = builder.build();
+  this.root.appendChild(styleEl);
+};
+
+SignalementModuleManager.prototype.mount = function(panelEl, headerEl) {
+  if (this.mounted) return;
+  this.injectCSS();
+
+  var tabsBar = document.createElement("div");
+  tabsBar.id = "cm-tabs-bar";
+  tabsBar.innerHTML = [
+    '<button class="cm-tab active" data-tab="chat" type="button">',
+    '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>',
+    'Chat</button>',
+    '<button class="cm-tab hidden" data-tab="signalement" type="button">',
+    '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 9v4"/><path d="M12 17h.01"/><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/></svg>',
+    'Signalement',
+    '<button class="cm-tab-close" type="button" aria-label="Fermer l\'onglet signalement">',
+    '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',
+    '</button></button>'
+  ].join("");
+  headerEl.insertAdjacentElement("afterend", tabsBar);
+  this.tabsBar = tabsBar;
+
+  var content = document.createElement("div");
+  content.id = "cm-signalement-content";
+  content.innerHTML = this.buildFormHTML();
+  panelEl.appendChild(content);
+  this.contentEl = content;
+
+  this.gridEl = content.querySelector(".cm-sig-grid");
+  this.locRow = content.querySelector(".cm-sig-loc-row");
+  this.locGlobe = content.querySelector(".cm-sig-loc-globe");
+  this.locCheck = content.querySelector(".cm-sig-loc-check");
+  this.locText = content.querySelector(".cm-sig-loc-text");
+  this.locAddr = content.querySelector(".cm-sig-loc-addr");
+  this.gpsToggle = content.querySelector(".cm-sig-toggle input");
+
+  this.bindEvents(tabsBar, content);
+  this.mounted = true;
+};
+
+SignalementModuleManager.prototype.buildFormHTML = function() {
+  var catsHtml = CATEGORIES.map(function(cat) {
+    return '<button class="cm-sig-cat" data-cat="' + cat.id + '" type="button">' + cat.icon + cat.label + '</button>';
+  }).join("");
+
+  return [
+    '<div class="cm-signalement-scroll">',
+    '<div class="cm-sig-section"><label class="cm-sig-label">Catégorie <span class="cm-sig-label-opt">(optionnel)</span></label>',
+    '<div class="cm-sig-cats">' + catsHtml + '</div></div>',
+    '<div class="cm-sig-section"><label class="cm-sig-label">Photos</label>',
+    '<div class="cm-sig-photo-actions">',
+    '<button class="cm-sig-photo-btn" data-action="photo" type="button"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>Photo</button>',
+    '<button class="cm-sig-photo-btn" data-action="camera" type="button"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2z"/><circle cx="12" cy="13" r="4"/></svg>Caméra</button>',
+    '</div>',
+    '<div class="cm-sig-grid">',
+    '<button class="cm-sig-add" type="button" aria-label="Ajouter une photo"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></button>',
+    '</div></div>',
+    '<div class="cm-sig-section"><div class="cm-sig-loc-row">',
+    '<div class="cm-sig-loc-status"><div class="cm-sig-loc-globe">' + ICON_PIN + '<span class="cm-sig-loc-check">\u2713</span></div>',
+    '<div class="cm-sig-loc-info"><span class="cm-sig-loc-text">Position GPS en attente…</span><span class="cm-sig-loc-addr"></span></div></div>',
+    '<label class="cm-sig-toggle"><input type="checkbox" checked><span class="cm-sig-toggle-slider"></span></label>',
+    '</div></div>',
+    '</div>'
+  ].join("");
+};
+
+SignalementModuleManager.prototype.bindEvents = function(tabsBar, content) {
+  var self = this;
+
+  tabsBar.querySelectorAll(".cm-tab").forEach(function(tab) {
+    tab.addEventListener("click", function() {
+      if (tab.classList.contains("hidden")) return;
+      self.switchTab(tab.getAttribute("data-tab"));
+    });
+  });
+
+  var closeBtn = tabsBar.querySelector(".cm-tab-close");
+  if (closeBtn) closeBtn.addEventListener("click", function(e) {
+    e.stopPropagation();
+    self.close();
+  });
+
+  content.querySelectorAll(".cm-sig-cat").forEach(function(cat) {
+    cat.addEventListener("click", function() {
+      content.querySelectorAll(".cm-sig-cat").forEach(function(c) { c.classList.remove("active"); });
+      cat.classList.add("active");
+      self.selectedCategory = cat.getAttribute("data-cat");
+    });
+  });
+
+  this.bindDragScroll(content.querySelector(".cm-sig-cats"));
+
+  content.querySelector('[data-action="photo"]').addEventListener("click", function() { self.triggerFileInput(false); });
+  content.querySelector('[data-action="camera"]').addEventListener("click", function() { self.triggerFileInput(true); });
+  content.querySelector(".cm-sig-add").addEventListener("click", function() { self.triggerFileInput(false); });
+
+  if (this.gpsToggle) {
+    this.gpsToggle.addEventListener("change", function() {
+      if (self.gpsToggle.checked) {
+        self.requestGPS();
+      } else {
+        self.geo.stop();
+        self.geo.status = "denied";
+        self.updateGPSDisplay();
+      }
+    });
+  }
+};
+
+SignalementModuleManager.prototype.bindDragScroll = function(el) {
+  if (!el) return;
+  var isDown = false, startX, scrollLeft;
+  el.style.cursor = "grab";
+  el.addEventListener("mousedown", function(e) {
+    isDown = true; el.style.cursor = "grabbing";
+    startX = e.pageX - el.offsetLeft; scrollLeft = el.scrollLeft;
+    e.preventDefault();
+  });
+  el.addEventListener("mouseleave", function() { isDown = false; el.style.cursor = "grab"; });
+  el.addEventListener("mouseup", function() { isDown = false; el.style.cursor = "grab"; });
+  el.addEventListener("mousemove", function(e) {
+    if (!isDown) return;
+    el.scrollLeft = scrollLeft - ((e.pageX - el.offsetLeft) - startX);
+  });
+};
+
+SignalementModuleManager.prototype.switchTab = function(tabName) {
+  var isSignalement = tabName === "signalement";
+  this.tabsBar.querySelectorAll(".cm-tab").forEach(function(t) {
+    t.classList.toggle("active", t.getAttribute("data-tab") === tabName);
+  });
+
+  var chatElements = this.root.querySelectorAll("#cm-messages, #cm-typing, #cm-error, #cm-disclaimer, #cm-transparency");
+  chatElements.forEach(function(el) { el.style.display = isSignalement ? "none" : ""; });
+
+  var form = this.root.querySelector("#cm-form");
+  if (form) {
+    var input = form.querySelector("#cm-input");
+    if (input) input.placeholder = isSignalement ? "Décrivez votre signalement\u2026" : "Posez votre question\u2026";
+  }
+
+  this.contentEl.classList.toggle("active", isSignalement);
+  this.contentEl.style.display = isSignalement ? "flex" : "none";
+};
+
+SignalementModuleManager.prototype.open = function(prefill) {
+  var sigTab = this.tabsBar.querySelector('[data-tab="signalement"]');
+  sigTab.classList.remove("hidden");
+  this.tabsBar.classList.add("visible");
+  this.switchTab("signalement");
+
+  if (prefill) {
+    if (prefill.category) this.preselectCategory(prefill.category);
+    if (prefill.description) {
+      var input = this.root.querySelector("#cm-input");
+      if (input) { input.value = prefill.description; input.dispatchEvent(new Event("input", { bubbles: true })); }
+    }
+  }
+
+  this.requestGPS();
+  this.events.emit("module:signalement:open", prefill || {});
+};
+
+SignalementModuleManager.prototype.close = function() {
+  var sigTab = this.tabsBar.querySelector('[data-tab="signalement"]');
+  sigTab.classList.add("hidden");
+  this.switchTab("chat");
+  this.events.emit("module:signalement:closed", {});
+};
+
+SignalementModuleManager.prototype.preselectCategory = function(categoryId) {
+  var normalized = String(categoryId || "").toLowerCase().replace(/\s+/g, "_")
+    .replace(/é/g, "e").replace(/ê/g, "e");
+  this.contentEl.querySelectorAll(".cm-sig-cat").forEach(function(cat) {
+    var match = cat.getAttribute("data-cat") === normalized;
+    cat.classList.toggle("active", match);
+  });
+  this.selectedCategory = normalized;
+};
+
+SignalementModuleManager.prototype.requestGPS = function() {
+  var self = this;
+  this.geo.request(function() { self.updateGPSDisplay(); });
+};
+
+SignalementModuleManager.prototype.updateGPSDisplay = function() {
+  var denied = this.geo.status === "denied" || this.geo.status === "unsupported";
+  this.locRow.classList.toggle("denied", denied);
+  this.locGlobe.innerHTML = denied ? ICON_PIN_DENIED : ICON_PIN;
+  this.locCheck.textContent = denied ? "\u2717" : "\u2713";
+  this.locText.textContent = denied ? "Position GPS indisponible" : "Position GPS active";
+  this.locAddr.textContent = denied ? "Activez la localisation" : "";
+  if (this.gpsToggle) this.gpsToggle.checked = !denied;
+};
+
+SignalementModuleManager.prototype.triggerFileInput = function(useCamera) {
+  if (this.photoFiles.length >= MAX_PHOTOS) return;
+  var input = document.createElement("input");
+  input.type = "file";
+  input.accept = "image/*";
+  if (useCamera) input.setAttribute("capture", "environment");
+  input.style.display = "none";
+  var self = this;
+  input.addEventListener("change", function() {
+    if (input.files && input.files[0]) self.addPhoto(input.files[0]);
+    input.remove();
+  });
+  document.body.appendChild(input);
+  input.click();
+};
+
+SignalementModuleManager.prototype.addPhoto = function(file) {
+  if (this.photoFiles.length >= MAX_PHOTOS) return;
+  this.photoFiles.push(file);
+  var url = URL.createObjectURL(file);
+  this.photoPreviewUrls.push(url);
+  this.renderPhotoGrid();
+};
+
+SignalementModuleManager.prototype.removePhoto = function(index) {
+  URL.revokeObjectURL(this.photoPreviewUrls[index]);
+  this.photoFiles.splice(index, 1);
+  this.photoPreviewUrls.splice(index, 1);
+  this.renderPhotoGrid();
+};
+
+SignalementModuleManager.prototype.renderPhotoGrid = function() {
+  var self = this;
+  var html = this.photoPreviewUrls.map(function(url, idx) {
+    return '<div class="cm-sig-thumb"><img src="' + url + '" alt="Photo ' + (idx + 1) + '"/>' +
+      '<button class="cm-sig-thumb-rm" data-idx="' + idx + '" type="button" aria-label="Supprimer">\u00d7</button></div>';
+  }).join("");
+
+  if (this.photoFiles.length < MAX_PHOTOS) {
+    html += '<button class="cm-sig-add" type="button" aria-label="Ajouter une photo"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></button>';
+  }
+  this.gridEl.innerHTML = html;
+
+  this.gridEl.querySelectorAll(".cm-sig-thumb-rm").forEach(function(btn) {
+    btn.addEventListener("click", function() { self.removePhoto(Number(btn.getAttribute("data-idx"))); });
+  });
+  var addBtn = this.gridEl.querySelector(".cm-sig-add");
+  if (addBtn) addBtn.addEventListener("click", function() { self.triggerFileInput(false); });
+};
+
+SignalementModuleManager.prototype.submit = async function() {
+  var input = this.root.querySelector("#cm-input");
+  var message = input ? input.value.trim() : "";
+
+  if (!message && this.photoFiles.length === 0) return;
+
+  var formData = new FormData();
+  formData.append("session_id", this.api.state.sessionId || "");
+  formData.append("message", message);
+  formData.append("category", this.selectedCategory);
+
+  var geoPayload = this.geo.toPayload();
+  if (geoPayload.latitude !== null) formData.append("latitude", String(geoPayload.latitude));
+  if (geoPayload.longitude !== null) formData.append("longitude", String(geoPayload.longitude));
+  if (geoPayload.accuracy !== null) formData.append("accuracy", String(geoPayload.accuracy));
+  formData.append("geo_status", geoPayload.geo_status);
+
+  for (var i = 0; i < this.photoFiles.length; i++) {
+    formData.append("images[]", this.photoFiles[i]);
+  }
+
+  var url = this.api.resolveRuntimeUrl("/v1/modules/signalements/submit");
+  var headers = this.api.buildHeaders();
+  delete headers["Content-Type"];
+
+  var response = await fetch(url, { method: "POST", headers: headers, body: formData });
+  if (!response.ok) {
+    var errBody = await response.text().catch(function() { return ""; });
+    throw new Error(errBody || "HTTP " + response.status);
+  }
+  var result = await response.json();
+
+  this.resetForm(input);
+  this.close();
+  this.events.emit("module:signalement:submitted", result);
+  return result;
+};
+
+SignalementModuleManager.prototype.resetForm = function(input) {
+  if (input) { input.value = ""; input.dispatchEvent(new Event("input", { bubbles: true })); }
+  this.selectedCategory = "";
+  this.contentEl.querySelectorAll(".cm-sig-cat").forEach(function(c) { c.classList.remove("active"); });
+  this.photoPreviewUrls.forEach(function(url) { URL.revokeObjectURL(url); });
+  this.photoFiles = [];
+  this.photoPreviewUrls = [];
+  this.renderPhotoGrid();
+};
+
+SignalementModuleManager.prototype.createOpenButton = function() {
+  var btn = document.createElement("button");
+  btn.className = "cm-sig-open-btn";
+  btn.type = "button";
+  btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 9v4"/><path d="M12 17h.01"/><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/></svg>Mon signalement';
+  var self = this;
+  btn.addEventListener("click", function() { self.open(); });
+  return btn;
+};
+
+runtime.SignalementModuleManager = SignalementModuleManager;
+runtime.SignalementCssBuilder = SignalementCssBuilder;
+runtime.GeoLocationManager = GeoLocationManager;
+})();