feat: inspecteur droit pour le tableau de bord XLSX #154

tests/frontend/xlsx-viewer.test.mjs

@@ -719,6 +719,34 @@ await test("the dashboard button fetches the metadata and renders named ranges +
   assert.equal(area.querySelector(".xlsx-dashboard"), null, "panel toggles closed");
 });
 
+await test("the dashboard opens in the right-hand inspector, not inline in the grid", async () => {
+  const area = mount();
+  apiQueue.push({
+    ok: true, status: 200,
+    body: { vault: "V", path: "data.xlsx", named_ranges: [], objects: { charts: 0, pivots: 0 }, sheets: [{ name: "Feuille1", cells: 1, rows: 1, cols: 1, formulas: 0, numeric: 0, kpi: [] }] },
+  });
+  area.querySelector("#xlsx-dashboard-btn").click();
+  await new Promise((r) => setTimeout(r, 5));
+  const inspector = area.querySelector("#xlsx-inspector");
+  assert.equal(inspector.classList.contains("open"), true, "the inspector opens");
+  assert.equal(inspector.getAttribute("aria-hidden"), "false");
+  assert.ok(inspector.querySelector("#xlsx-inspector-body .xlsx-dashboard"), "the dashboard lives in the inspector");
+  // The grid is still present beside it (not replaced).
+  assert.ok(area.querySelector(".xlsx-main .xlsx-table"), "the grid stays visible");
+  // Closing removes the panel and closes the inspector.
+  area.querySelector("#xlsx-inspector-close").click();
+  assert.equal(area.querySelector(".xlsx-dashboard"), null);
+  assert.equal(inspector.classList.contains("open"), false);
+  assert.equal(inspector.getAttribute("aria-hidden"), "true");
+});
+
+await test("the inspector exposes an AI assistant entry point", () => {
+  const area = mount();
+  assert.ok(area.querySelector("#xlsx-inspector-ai"), "AI button in the inspector head");
+  const title = area.querySelector("#xlsx-inspector .xlsx-inspector-title");
+  assert.equal(title.textContent, FR["xlsx.inspector_title"]);
+});
+
 await test("a csv mounts without the dashboard button", () => {
   const area = document.getElementById("content-area");
   area.innerHTML = "";