@reportwright/viewer 0.13.0 → 0.13.2-rc.1

package/dist/designer.js

@@ -13,7 +13,7 @@ import {
   setShadowStyles,
   t,
   uiFontCss
-} from "./chunk-L6YEIVVD.js";
+} from "./chunk-2KNQVFKW.js";
 import {
   customFonts,
   fontsBase,
@@ -24,7 +24,7 @@ import {
   setAssetBase,
   setFetchPolicy,
   setStandalone
-} from "./chunk-CNDUJ7IV.js";
+} from "./chunk-DVJYE7HZ.js";
 import {
   BASE_STYLE,
   DEFAULT_THEME,
@@ -69,7 +69,7 @@ import {
   validate,
   withPartProps,
   xmlRowPaths
-} from "./chunk-EK5CJY22.js";
+} from "./chunk-OMCWZYRI.js";
 import {
   PAGE_SIZES,
   fromPt,
@@ -77,23 +77,23 @@ import {
   resolvePage,
   toPt
 } from "./chunk-BR5K6SBL.js";
-import "./chunk-72S6DETS.js";
-import {
-  currencyOf
-} from "./chunk-GJS242RR.js";
 import "./chunk-F6RMRXIN.js";
 import {
   fontFaceCss,
   fontFamilyCss,
   pageToSvg
-} from "./chunk-UJL7C2AS.js";
+} from "./chunk-U2ZY2NPQ.js";
+import "./chunk-72S6DETS.js";
 import {
   BUNDLED_FAMILIES,
   FONT_FAMILIES,
   allFontKeys,
   fallbackKeys,
   resolveFontKey
-} from "./chunk-QFLVVM3H.js";
+} from "./chunk-MS2LQC2O.js";
+import {
+  currencyOf
+} from "./chunk-GJS242RR.js";
 import {
   __toESM
 } from "./chunk-OLLMACWA.js";
@@ -113,13 +113,13 @@ function toPt2(v, fallback = 0) {
     (m[2] || "pt").toLowerCase()
   ]) : fallback;
 }
-var NAMED = Object.fromEntries("aliceblue:f0f8ff,antiquewhite:faebd7,aqua:00ffff,aquamarine:7fffd4,azure:f0ffff,beige:f5f5dc,bisque:ffe4c4,black:000000,blanchedalmond:ffebcd,blue:0000ff,blueviolet:8a2be2,brown:a52a2a,burlywood:deb887,cadetblue:5f9ea0,chartreuse:7fff00,chocolate:d2691e,coral:ff7f50,cornflowerblue:6495ed,cornsilk:fff8dc,crimson:dc143c,cyan:00ffff,darkblue:00008b,darkcyan:008b8b,dark\
-goldenrod:b8860b,darkgray:a9a9a9,darkgreen:006400,darkgrey:a9a9a9,darkkhaki:bdb76b,darkmagenta:8b008b,darkolivegreen:556b2f,darkorange:ff8c00,darkorchid:9932cc,darkred:8b0000,darksalmon:e9967a,darkseagreen:8fbc8f,darkslateblue:483d8b,darkslategray:2f4f4f,darkslategrey:2f4f4f,darkturquoise:00ced1,darkviolet:9400d3,deeppink:ff1493,deepskyblue:00bfff,dimgray:696969,dimgrey:696969,dodgerblue:1e90ff,fi\
-rebrick:b22222,floralwhite:fffaf0,forestgreen:228b22,fuchsia:ff00ff,gainsboro:dcdcdc,ghostwhite:f8f8ff,gold:ffd700,goldenrod:daa520,gray:808080,green:008000,greenyellow:adff2f,grey:808080,honeydew:f0fff0,hotpink:ff69b4,indianred:cd5c5c,indigo:4b0082,ivory:fffff0,khaki:f0e68c,lavender:e6e6fa,lavenderblush:fff0f5,lawngreen:7cfc00,lemonchiffon:fffacd,lightblue:add8e6,lightcoral:f08080,lightcyan:e0fff\
-f,lightgoldenrodyellow:fafad2,lightgray:d3d3d3,lightgreen:90ee90,lightgrey:d3d3d3,lightpink:ffb6c1,lightsalmon:ffa07a,lightseagreen:20b2aa,lightskyblue:87cefa,lightslategray:778899,lightslategrey:778899,lightsteelblue:b0c4de,lightyellow:ffffe0,lime:00ff00,limegreen:32cd32,linen:faf0e6,magenta:ff00ff,maroon:800000,mediumaquamarine:66cdaa,mediumblue:0000cd,mediumorchid:ba55d3,mediumpurple:9370db,med\
-iumseagreen:3cb371,mediumslateblue:7b68ee,mediumspringgreen:00fa9a,mediumturquoise:48d1cc,mediumvioletred:c71585,midnightblue:191970,mintcream:f5fffa,mistyrose:ffe4e1,moccasin:ffe4b5,navajowhite:ffdead,navy:000080,oldlace:fdf5e6,olive:808000,olivedrab:6b8e23,orange:ffa500,orangered:ff4500,orchid:da70d6,palegoldenrod:eee8aa,palegreen:98fb98,paleturquoise:afeeee,palevioletred:db7093,papayawhip:ffefd\
-5,peachpuff:ffdab9,peru:cd853f,pink:ffc0cb,plum:dda0dd,powderblue:b0e0e6,purple:800080,rebeccapurple:663399,red:ff0000,rosybrown:bc8f8f,royalblue:4169e1,saddlebrown:8b4513,salmon:fa8072,sandybrown:f4a460,seagreen:2e8b57,seashell:fff5ee,sienna:a0522d,silver:c0c0c0,skyblue:87ceeb,slateblue:6a5acd,slategray:708090,slategrey:708090,snow:fffafa,springgreen:00ff7f,steelblue:4682b4,tan:d2b48c,teal:008080\
-,thistle:d8bfd8,tomato:ff6347,turquoise:40e0d0,violet:ee82ee,wheat:f5deb3,white:ffffff,whitesmoke:f5f5f5,yellow:ffff00,yellowgreen:9acd32".split(",").map((p) => p.split(":")));
+var NAMED = Object.fromEntries(("aliceblue:f0f8ff,antiquewhite:faebd7,aqua:00ffff,aquamarine:7fffd4,azure:f0ffff,beige:f5f5dc,bisque:ffe4c4,black:000000,blanchedalmond:ffebcd,blue:0000ff,blueviolet:8a2be2,brown:a52a2a,burlywood:deb887,cadetblue:5f9ea0,chartreuse:7fff00,chocolate:d2691e,coral:ff7f50,cornflowerblue:6495ed,cornsilk:fff8dc,crimson:dc143c,cyan:00ffff,darkblue:00008b,darkcyan:008b8b,dark"+
+"goldenrod:b8860b,darkgray:a9a9a9,darkgreen:006400,darkgrey:a9a9a9,darkkhaki:bdb76b,darkmagenta:8b008b,darkolivegreen:556b2f,darkorange:ff8c00,darkorchid:9932cc,darkred:8b0000,darksalmon:e9967a,darkseagreen:8fbc8f,darkslateblue:483d8b,darkslategray:2f4f4f,darkslategrey:2f4f4f,darkturquoise:00ced1,darkviolet:9400d3,deeppink:ff1493,deepskyblue:00bfff,dimgray:696969,dimgrey:696969,dodgerblue:1e90ff,fi"+
+"rebrick:b22222,floralwhite:fffaf0,forestgreen:228b22,fuchsia:ff00ff,gainsboro:dcdcdc,ghostwhite:f8f8ff,gold:ffd700,goldenrod:daa520,gray:808080,green:008000,greenyellow:adff2f,grey:808080,honeydew:f0fff0,hotpink:ff69b4,indianred:cd5c5c,indigo:4b0082,ivory:fffff0,khaki:f0e68c,lavender:e6e6fa,lavenderblush:fff0f5,lawngreen:7cfc00,lemonchiffon:fffacd,lightblue:add8e6,lightcoral:f08080,lightcyan:e0fff"+
+"f,lightgoldenrodyellow:fafad2,lightgray:d3d3d3,lightgreen:90ee90,lightgrey:d3d3d3,lightpink:ffb6c1,lightsalmon:ffa07a,lightseagreen:20b2aa,lightskyblue:87cefa,lightslategray:778899,lightslategrey:778899,lightsteelblue:b0c4de,lightyellow:ffffe0,lime:00ff00,limegreen:32cd32,linen:faf0e6,magenta:ff00ff,maroon:800000,mediumaquamarine:66cdaa,mediumblue:0000cd,mediumorchid:ba55d3,mediumpurple:9370db,med"+
+"iumseagreen:3cb371,mediumslateblue:7b68ee,mediumspringgreen:00fa9a,mediumturquoise:48d1cc,mediumvioletred:c71585,midnightblue:191970,mintcream:f5fffa,mistyrose:ffe4e1,moccasin:ffe4b5,navajowhite:ffdead,navy:000080,oldlace:fdf5e6,olive:808000,olivedrab:6b8e23,orange:ffa500,orangered:ff4500,orchid:da70d6,palegoldenrod:eee8aa,palegreen:98fb98,paleturquoise:afeeee,palevioletred:db7093,papayawhip:ffefd"+
+"5,peachpuff:ffdab9,peru:cd853f,pink:ffc0cb,plum:dda0dd,powderblue:b0e0e6,purple:800080,rebeccapurple:663399,red:ff0000,rosybrown:bc8f8f,royalblue:4169e1,saddlebrown:8b4513,salmon:fa8072,sandybrown:f4a460,seagreen:2e8b57,seashell:fff5ee,sienna:a0522d,silver:c0c0c0,skyblue:87ceeb,slateblue:6a5acd,slategray:708090,slategrey:708090,snow:fffafa,springgreen:00ff7f,steelblue:4682b4,tan:d2b48c,teal:008080"+
+",thistle:d8bfd8,tomato:ff6347,turquoise:40e0d0,violet:ee82ee,wheat:f5deb3,white:ffffff,whitesmoke:f5f5f5,yellow:ffff00,yellowgreen:9acd32").split(",").map((p) => p.split(":")));
 function hexColor(c) {
   if (c == null || c === "") return void 0;
   const s = String(c).trim().toLowerCase();
@@ -996,6 +996,8 @@ function newContext() {
     /** @type {Set<string>} part libraries referenced (report ids) */
     libraries: /* @__PURE__ */ new Set(),
     cells: 0,
+    /** @type {any[]} every item tracked, with what happened to it (see items() in importRdlx's result) */
+    items: [],
     warn(msg) {
       if (!cx.warnings.includes(msg)) cx.warnings.push(msg);
     }
@@ -1005,24 +1007,35 @@ function newContext() {
 function track(cx, ar, label) {
   cx.stats.items++;
   const name2 = String(ar?.Name || label || ar?.Type || "item");
+  const say = (kind, msg) => {
+    if (!t3.notes.some((n) => n.message === msg)) t3.notes.push({ kind, message: msg });
+    cx.warn(`${name2}: ${msg}`);
+  };
   const t3 = {
     name: name2,
     state: "mapped",
+    pos: typeof ar?.__pos === "number" ? ar.__pos : void 0,
+    /** @type {{ kind: string, message: string }[]} */
+    notes: [],
+    /** @type {string[]} expressions that could not be translated */
+    exprs: [],
     /** in the report, with something lost or changed */
     approx(msg) {
       if (t3.state === "mapped") t3.state = "approximated";
-      cx.warn(`${name2}: ${msg}`);
+      say("approximated", msg);
     },
     /** for information only */
     note(msg) {
-      cx.warn(`${name2}: ${msg}`);
+      say("info", msg);
     },
     /** not in the report */
     drop(msg) {
       t3.state = "dropped";
-      cx.warn(`${name2}: ${msg}`);
+      say("dropped", msg);
     }
   };
+  cx.items.push(t3);
+  for (const x of Array.isArray(ar?.__exprs) ? ar.__exprs : []) if (typeof x === "string" && !t3.exprs.includes(x)) t3.exprs.push(x);
   for (const n of Array.isArray(ar?.__notes) ? ar.__notes : []) t3.approx(n);
   for (const n of Array.isArray(ar?.__info) ? ar.__info : []) t3.note(n);
   return t3;
@@ -1040,6 +1053,7 @@ function uniq(cx, base2, generated = false) {
 }
 function ex(cx, t3, v, ctx, opt = {}) {
   const r = translateExpression(v, { text: opt.text, fields: opt.fields, lit: opt.lit, region: ctx.region, scopes: cx.scopes, runScopes: cx.runScopes });
+  if (!r.ok && typeof v === "string" && !t3.exprs.includes(v)) t3.exprs.push(v);
   if (!r.ok) t3.approx(`${r.notes.join("; ")}; ${opt.text ? "the expression is shown as text" : `${opt.what || "that setting"} is left out`}.`);
   else for (const n of r.notes) t3.approx(`${n}.`);
   return r.value;
@@ -1276,12 +1290,13 @@ function convertItem(ar, cx, ctx) {
     dropInside(ar, cx);
     return finish(cx, t3, null);
   }
-  const snap = { ...cx.stats };
+  const snap = { ...cx.stats }, tracked = cx.items.length;
   try {
     return conv(ar, cx, ctx);
   } catch (e) {
     if (e instanceof ImportBudgetError) throw e;
     Object.assign(cx.stats, snap);
+    cx.items.length = tracked;
     const t3 = track(cx, ar);
     t3.drop(`it could not be converted (${e instanceof Error ? e.message : e}), so it was left out.`);
     dropInside(ar, cx);
@@ -3313,7 +3328,7 @@ function convertReport(ar, cx, opts) {
   if (cx.columns) body.columns = cx.columns;
   if (more.length) body.name = sec0?.Name || "Section1";
   return {
-    $schema: "pagewright/report@1",
+    $schema: "reportwright/report@1",
     name: name2,
     locale: lang2,
     ...currencyOf(lang2) ? { currency: currencyOf(lang2) } : {},
@@ -3354,13 +3369,15 @@ function importRdlx(input, opts = {}) {
   } catch (e) {
     if (e instanceof ImportBudgetError) {
       const error = `The report is too large to import: ${e.message}`;
-      return { definition: convertReport({}, newContext(), opts), warnings: [`${error}.`], stats: { items: 0, mapped: 0, approximated: 0, dropped: 0 }, error };
+      return { definition: convertReport({}, newContext(), opts), warnings: [`${error}.`], stats: { items: 0, mapped: 0, approximated: 0, dropped: 0 }, items: [], error };
     }
     cx.warn(`The import stopped early (${e instanceof Error ? e.message : e}), so parts of the report are missing.`);
     definition = convertReport({}, newContext(), opts);
   }
-  return { definition, warnings: cx.warnings, stats: cx.stats };
+  return { definition, warnings: cx.warnings, stats: cx.stats, items: importedItems(cx.items) };
 }
+var importedItems = (items) => items.filter((t3) => t3.state !== "mapped" || t3.notes.length || t3.exprs.length).map((t3) => ({ name: t3.name, state: t3.state, ...t3.pos != null ? { pos: t3.pos } : {}, notes: t3.notes, exprs: t3.exprs }));
+var rewordItems = (items, f) => (items || []).map((i2) => ({ ...i2, notes: i2.notes.map((n) => ({ ...n, message: f(n.message) })) }));
 
 // src/importers/rdl.js
 var RDL_NS = /^http:\/\/schemas\.microsoft\.com\/sqlserver\/reporting\/(\d{4})\/\d{2}\/reportdefinition$/i;
@@ -3388,7 +3405,7 @@ function importRdl(input, opts = {}) {
   const notes = [];
   let ar;
   try {
-    ar = toRdlx(root, notes, m ? Number(m[1]) : 2016);
+    ar = toRdlx(root, notes, m ? Number(m[1]) : 2016, opts.resolve);
   } catch (e) {
     if (e instanceof ImportBudgetError) {
       const error = `The report is too large to import: ${e.message}`;
@@ -3402,10 +3419,12 @@ function importRdl(input, opts = {}) {
   const def = r.definition;
   for (const p of def.parameters || []) if (ar.__hidden?.has(p.name)) p.hidden = true;
   if (ar.__code) def.customCode = ar.__code;
-  const warnings = [...notes, ...r.warnings.filter((w) => !/is hidden in ActiveReports; ReportWright shows it/.test(w))].map((w) => w.replace(/ActiveReports/g, "SSRS"));
-  return { definition: def, warnings: [...new Set(warnings)], stats: r.stats };
+  const hiddenNote = /is hidden in ActiveReports; ReportWright shows it/;
+  const warnings = [...notes, ...r.warnings.filter((w) => !hiddenNote.test(w))].map((w) => w.replace(/ActiveReports/g, "SSRS"));
+  const items = rewordItems(r.items.map((i2) => ({ ...i2, notes: i2.notes.filter((n) => !hiddenNote.test(n.message)) })), (w) => w.replace(/ActiveReports/g, "SSRS"));
+  return { definition: def, warnings: [...new Set(warnings)], stats: r.stats, items };
 }
-function toRdlx(root, notes, year) {
+function toRdlx(root, notes, year, resolve2) {
   const NS = root.ns;
   const kids = (e, name2) => e ? e.children.filter((c) => c.ns === NS && (name2 == null || c.name === name2)) : [];
   const kid = (e, name2) => e?.children.find((c) => c.ns === NS && c.name === name2);
@@ -3572,6 +3591,7 @@ function toRdlx(root, notes, year) {
       Name: e.attrs.Name,
       __notes: itemNotes,
       __info: itemInfo,
+      __pos: e.pos,
       Left: raw(e, "Left"),
       Top: raw(e, "Top"),
       Width: raw(e, "Width"),
@@ -4107,17 +4127,46 @@ function toRdlx(root, notes, year) {
     const r = e.name === "Tablix" || e.name === "Chart" ? e.attrs.Name || reg : reg;
     for (const c of e.children) prepass(c, r);
   })(root, null);
+  function sharedSource(ref) {
+    let text;
+    try {
+      text = resolve2?.("datasource", ref);
+    } catch {
+      text = null;
+    }
+    if (typeof text !== "string") return null;
+    let doc2;
+    try {
+      doc2 = parseXml(text);
+    } catch (e) {
+      notes.push(`The shared data source "${ref}" could not be read (${e instanceof Error ? e.message : e}); it is treated as SQL Server.`);
+      return null;
+    }
+    const sub = (e, n) => e?.children.find((c) => c.name === n);
+    const props = doc2.name === "RptDataSource" ? sub(doc2, "ConnectionProperties") : doc2.name === "DataSourceDefinition" ? doc2 : null;
+    if (!props) {
+      notes.push(`The shared data source "${ref}" is not an SSRS data source (its root is <${doc2.name}>); it is treated as SQL Server.`);
+      return null;
+    }
+    return { provider: (sub(props, "Extension")?.text || "SQL").trim(), connect: (sub(props, "ConnectString")?.text ?? "").trim() };
+  }
   const TYPE_OF = (t3) => /datetime|date$/i.test(t3) ? "date" : /int|decimal|double|single|byte|float/i.test(t3) ? "number" : /boolean/i.test(t3) ? "boolean" : null;
   const DataSources = list2(root, "DataSources", "DataSource").map((d) => {
     const name2 = d.attrs.Name;
     const cp = kid(d, "ConnectionProperties");
     let provider = raw(cp, "DataProvider") || "";
+    let connect = raw(cp, "ConnectString") ?? "";
     if (!cp && kid(d, "DataSourceReference")) {
-      provider = "SQL";
-      notes.push(`Data source "${name2}" is the shared data source "${raw(d, "DataSourceReference")}", whose connection is not in the file; it is treated as SQL Server.`);
+      const ref = raw(d, "DataSourceReference") ?? "";
+      const shared = sharedSource(ref);
+      if (shared) ({ provider, connect } = shared);
+      else {
+        provider = "SQL";
+        notes.push(`Data source "${name2}" is the shared data source "${ref}", whose connection is not in the file; it is treated as SQL Server.`);
+      }
     }
     if (/^(OLEDB-MD|ESSBASE|SAPBW|SQLAS|HYPERION)/i.test(provider)) provider = `${provider} (MDX)`;
-    return { Name: name2, ConnectionProperties: { DataProvider: provider, ConnectString: raw(cp, "ConnectString") ?? "" } };
+    return { Name: name2, ConnectionProperties: { DataProvider: provider, ConnectString: connect } };
   });
   const entered = /* @__PURE__ */ new Map();
   const providers = new Map(DataSources.map((d) => [d.Name, String(d.ConnectionProperties.DataProvider).toUpperCase()]));
@@ -4958,7 +5007,7 @@ function importJrxml(input, opts = {}) {
   const charts = /* @__PURE__ */ new Map();
   let ar;
   try {
-    ar = toRdlx2(root, notes, charts, opts.name || root.attrs.name);
+    ar = toRdlx2(root, notes, charts, opts.name || root.attrs.name, opts.resolve);
   } catch (e) {
     if (e instanceof ImportBudgetError) {
       const error = `The report is too large to import: ${e.message}`;
@@ -4984,7 +5033,7 @@ function importJrxml(input, opts = {}) {
   r.definition.arithmetic = "double";
   placeCharts(r.definition, charts);
   const warnings = [...notes, ...r.warnings].map((w) => w.replace(/ActiveReports/g, "JasperReports"));
-  return { definition: r.definition, warnings: [...new Set(warnings)], stats: r.stats };
+  return { definition: r.definition, warnings: [...new Set(warnings)], stats: r.stats, items: rewordItems(r.items, (w) => w.replace(/ActiveReports/g, "JasperReports")) };
 }
 function stripJasperDoctype(s) {
   const i2 = s.indexOf("<!DOCTYPE");
@@ -4993,9 +5042,9 @@ function stripJasperDoctype(s) {
   if (e < 0) return s;
   const decl = s.slice(i2, e + 1);
   if (decl.includes("[") || !/^<!DOCTYPE\s+jasperReport\s/.test(decl)) return s;
-  return s.slice(0, i2) + s.slice(e + 1);
+  return s.slice(0, i2) + decl.replace(/[^\n]/g, " ") + s.slice(e + 1);
 }
-function toRdlx2(root, notes, charts, reportName) {
+function toRdlx2(root, notes, charts, reportName, resolve2) {
   const kid = (e, n) => e?.children.find((c) => c.name === n);
   const kids = (e, n) => e ? e.children.filter((c) => n == null || c.name === n) : [];
   const txt = (e, n) => {
@@ -5179,6 +5228,7 @@ function toRdlx2(root, notes, charts, reportName) {
       return "=" + v.s;
     } catch (e) {
       if (!(e instanceof Untranslatable2)) throw e;
+      (item2.__exprs || (item2.__exprs = [])).push(s);
       (item2.__notes || (item2.__notes = [])).push(`${e.message} has no ReportWright equivalent, so the expression ${s.length > 200 ? s.slice(0, 200) + "…" : s} is shown as text.`);
       return s.startsWith("=") ? `="${s.replace(/"/g, '""')}"` : s;
     }
@@ -5188,12 +5238,50 @@ function toRdlx2(root, notes, charts, reportName) {
       return "=" + vb2(String(src).trim(), c);
     } catch (e) {
       if (!(e instanceof Untranslatable2)) throw e;
+      (item2.__exprs || (item2.__exprs = [])).push(String(src).trim());
       (item2.__notes || (item2.__notes = [])).push(`${what} uses ${e.message}, which has no ReportWright equivalent, so it is left out.`);
       return void 0;
     }
   }
   const styles = new Map(kids(root, "style").map((s) => [s.attrs.name, s]));
-  const defStyle = kids(root, "style").find((s) => s.attrs.isDefault === "true" || s.attrs.default === "true");
+  const seenTemplates = /* @__PURE__ */ new Set();
+  (function templates(el, depth) {
+    for (const t3 of kids(el, "template")) {
+      const src = (kid(t3, "expression")?.text ?? t3.text).trim();
+      const lit2 = /^"([^"]+)"$/.exec(src);
+      const ref = lit2 ? lit2[1] : depth > 0 && !/["$(){}+]/.test(src) ? src : null;
+      if (!ref) {
+        if (src) note(`A style template is chosen by an expression (${src.slice(0, 120)}), so its styles are missing.`);
+        continue;
+      }
+      if (seenTemplates.has(ref) || seenTemplates.size >= 32) continue;
+      seenTemplates.add(ref);
+      let text;
+      try {
+        text = resolve2?.("template", ref);
+      } catch {
+        text = null;
+      }
+      if (typeof text !== "string") {
+        note(`The style template "${ref}" is not in the file, so items that use its styles have the default style.`);
+        continue;
+      }
+      let doc2;
+      try {
+        doc2 = parseXml(text);
+      } catch (e) {
+        note(`The style template "${ref}" could not be read (${e instanceof Error ? e.message : e}), so its styles are missing.`);
+        continue;
+      }
+      if (doc2.name !== "jasperTemplate") {
+        note(`The style template "${ref}" is not a JasperReports template (its root is <${doc2.name}>), so its styles are missing.`);
+        continue;
+      }
+      for (const s of kids(doc2, "style")) if (s.attrs.name && !styles.has(s.attrs.name)) styles.set(s.attrs.name, s);
+      if (depth < 8) templates(doc2, depth + 1);
+    }
+  })(root, 0);
+  const defStyle = [...styles.values()].find((s) => s.attrs.isDefault === "true" || s.attrs.default === "true");
   function styleAttrs(name2, seen = 0) {
     const s = styles.get(name2);
     if (!s || seen > 10) return {};
@@ -5348,7 +5436,7 @@ function toRdlx2(root, notes, charts, reportName) {
   }
   function item(n, c) {
     const a = n.a, re = n.re, e = n.el;
-    const base2 = { Name: nameFor(n, n.kind), Left: pt(a.x), Top: pt(a.y), Width: pt(a.width), Height: pt(a.height) };
+    const base2 = { __pos: e.pos, Name: nameFor(n, n.kind), Left: pt(a.x), Top: pt(a.y), Width: pt(a.width), Height: pt(a.height) };
     const it = { ...base2 };
     const st = { ...defStyle ? styleAttrs(defStyle.attrs.name) : {}, ...a.style ? styleAttrs(a.style) : {}, ...stripUndef(normAttrs(re.attrs === e.attrs ? e.attrs : { ...re.attrs, ...e.attrs, ...n.te?.attrs || {}, ...kid(n.te, "font")?.attrs || {} })), ...boxAttrs(kid(e, "box")) };
     if (a.style && !styles.has(a.style)) (it.__notes || (it.__notes = [])).push(`its style "${a.style}" is not in the file (a style template?), so it has the default style.`);
@@ -5954,7 +6042,7 @@ function importBirt(input, opts = {}) {
   r.definition.nullOrder = "low";
   r.definition.arithmetic = "double";
   r.definition.bandRows = "first-last";
-  return { definition: r.definition, warnings: [...new Set(warnings)], stats: r.stats };
+  return { definition: r.definition, warnings: [...new Set(warnings)], stats: r.stats, items: rewordItems(r.items, (w) => w.replace(/ActiveReports/g, "BIRT")) };
 }
 var PROPS = /* @__PURE__ */ new Set(["property", "text-property", "expression", "xml-property", "html-property", "encrypted-property"]);
 var prop = (e, name2) => e?.children.find((c) => PROPS.has(c.name) && c.attrs.name === name2)?.text;
@@ -6177,6 +6265,7 @@ function toRdlx3(root, notes, reportName) {
       return "=" + vb2(s, c);
     } catch (e) {
       if (!(e instanceof Untranslatable2)) throw e;
+      (item2.__exprs || (item2.__exprs = [])).push(s);
       (item2.__notes || (item2.__notes = [])).push(`${e.message} has no ReportWright equivalent, so the expression ${s.length > 200 ? s.slice(0, 200) + "…" : s} is shown as text.`);
       return s.startsWith("=") ? `="${s.replace(/"/g, '""')}"` : s;
     }
@@ -6186,6 +6275,7 @@ function toRdlx3(root, notes, reportName) {
       return "=" + vb2(src, c);
     } catch (e) {
       if (!(e instanceof Untranslatable2)) throw e;
+      (item2.__exprs || (item2.__exprs = [])).push(String(src));
       (item2.__notes || (item2.__notes = [])).push(`${what} uses ${e.message}, which has no ReportWright equivalent, so it is left out.`);
       return void 0;
     }
@@ -6366,7 +6456,7 @@ function toRdlx3(root, notes, reportName) {
     const w = Math.min(W, len(prop(e, "width"), W, W)) || W;
     const given = len(prop(e, "height"), 0, 0);
     const x = len(prop(e, "x"), W, 0);
-    const it = { Name: nameFor(e, e.name.replace(/(^|-)(\w)/g, (_, __, ch) => ch.toUpperCase())), Left: pt(x), Width: pt(w) };
+    const it = { __pos: e.pos, Name: nameFor(e, e.name.replace(/(^|-)(\w)/g, (_, __, ch) => ch.toUpperCase())), Left: pt(x), Width: pt(w) };
     const vis = listProp(e, "visibility")[0];
     if (vis) {
       const ve = prop(vis, "valueExpr");
@@ -6424,6 +6514,7 @@ function toRdlx3(root, notes, reportName) {
               v = "=" + binding(b, c, 0);
             } catch (er) {
               if (!(er instanceof Untranslatable2)) throw er;
+              (it.__exprs || (it.__exprs = [])).push(String(prop(b, "expression") ?? col));
               (it.__notes || (it.__notes = [])).push(`its column "${col}" uses ${er.message}, so it is shown as text.`);
               v = col;
             }
@@ -6452,6 +6543,7 @@ function toRdlx3(root, notes, reportName) {
                 pieces.push(`(${vb2(decodeHtml(p.e), c)})`);
               } catch (er) {
                 if (!(er instanceof Untranslatable2)) throw er;
+                (it.__exprs || (it.__exprs = [])).push(decodeHtml(p.e));
                 (it.__notes || (it.__notes = [])).push(`a <value-of> uses ${er.message}, so it is left out.`);
               }
             }
@@ -6968,7 +7060,7 @@ function nestedFields(rows) {
   return [...top2].filter(([, m]) => m.size).map(([name2, m]) => ({ name: name2, type: "object", fields: [...m].map(([n, t3]) => ({ name: n, type: t3 === "null" ? "string" : t3 })) }));
 }
 
-// node_modules/zustand/esm/vanilla.mjs
+// ../reportwright/node_modules/zustand/esm/vanilla.mjs
 var createStoreImpl = (createState) => {
   let state;
   const listeners = /* @__PURE__ */ new Set();
@@ -6992,7 +7084,7 @@ var createStoreImpl = (createState) => {
 };
 var createStore = ((createState) => createState ? createStoreImpl(createState) : createStoreImpl);
 
-// node_modules/zustand/esm/react.mjs
+// ../reportwright/node_modules/zustand/esm/react.mjs
 var import_react = __toESM(require_react(), 1);
 var identity = (arg) => arg;
 function useStore(api, selector = identity) {
@@ -7008,7 +7100,7 @@ function useStore(api, selector = identity) {
 // src/designer/store.js
 var import_react2 = __toESM(require_react(), 1);
 
-// node_modules/immer/dist/immer.mjs
+// ../reportwright/node_modules/immer/dist/immer.mjs
 var NOTHING = /* @__PURE__ */ Symbol.for("immer-nothing");
 var DRAFTABLE = /* @__PURE__ */ Symbol.for("immer-draftable");
 var DRAFT_STATE = /* @__PURE__ */ Symbol.for("immer-state");
@@ -8284,8 +8376,7 @@ function duplicateSelection() {
       const f = findItem(d, id);
       if (!f) continue;
       const copy = cloneWithIds(f.item, used);
-      copy.x += PASTE_OFFSET;
-      copy.y += PASTE_OFFSET;
+      offsetCopy(f.list, copy);
       growToFit(d, { ...f, item: copy });
       f.list.push(copy);
       newIds.push(copy.id);
@@ -8294,6 +8385,14 @@ function duplicateSelection() {
   if (newIds.length) S().select({ kind: "items", ids: newIds });
 }
 var PASTE_OFFSET = 12;
+function offsetCopy(list2, c) {
+  for (const k of ["x", "y"]) if (!Number.isFinite(c[k])) c[k] = 0;
+  for (let n = 0; n <= list2.length; n++) {
+    c.x += PASTE_OFFSET;
+    c.y += PASTE_OFFSET;
+    if (!list2.some((i2) => i2 !== c && i2.x === c.x && i2.y === c.y)) return;
+  }
+}
 var CLIP = "pagewright/items@1";
 async function copySelection() {
   const { sel, def } = S();
@@ -8325,9 +8424,8 @@ function pasteItems(section = "body", text = null) {
     const used = allNames(d);
     for (const it of data.items) {
       const c = cloneWithIds(it, used);
-      c.x += PASTE_OFFSET;
-      c.y += PASTE_OFFSET;
       if (c.type === "table" && !isBodyKey(section)) continue;
+      offsetCopy(secOf(d, section).items, c);
       secOf(d, section).items.push(c);
       growToFit(d, { section, parent: null, item: c });
       ids.push(c.id);
@@ -8610,6 +8708,7 @@ function alignItems(ids, how, toPage = false) {
   });
 }
 var round = (v) => Math.round(v * 100) / 100;
+var nudgeStep = ({ snap, grid, cells, cellSize }, shift2) => (cells ? cellSize : snap ? grid : 1) * (shift2 ? 10 : 1);
 var clamp = (v, a, b) => Math.max(a, Math.min(b, v));
 var CELL_TAKEN = () => t(S().lang, "cellTaken");
 var overlap = (a, b) => a.x < b.x + Math.max(b.w, 1) - 0.01 && b.x < a.x + Math.max(a.w, 1) - 0.01 && a.y < b.y + Math.max(b.h, 1) - 0.01 && b.y < a.y + Math.max(a.h, 1) - 0.01;
@@ -8700,7 +8799,47 @@ function ExprInput({ value, onChange, onOpen, placeholder: placeholder2 }) {
     issues.map((i2, k) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "warn", "data-testid": "field-warning", children: issueText(T, i2) }, k))
   ] });
 }
+function InfoTip({ text, id }) {
+  const T = useT();
+  const own = (0, import_react3.useId)();
+  const tipId = id || `tip${own.replace(/:/g, "")}`;
+  const [open, setOpen] = (0, import_react3.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "infotip", onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "infotip-btn",
+        "aria-label": T("c132_moreInfo"),
+        "aria-describedby": tipId,
+        "aria-expanded": open,
+        onClick: () => setOpen((v) => !v),
+        onFocus: () => setOpen(true),
+        onBlur: () => setOpen(false),
+        onKeyDown: (e) => {
+          if (e.key === "Escape" && open) {
+            e.preventDefault();
+            e.stopPropagation();
+            setOpen(false);
+          }
+        },
+        children: "ⓘ"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "tooltip", id: tipId, className: "infotip-text", hidden: !open, children: text })
+  ] });
+}
+var LONG_HINT = 90;
 function Field({ label, children, hint }) {
+  if (typeof hint === "string" && hint.length > LONG_HINT) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "field-tip", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: label }),
+        children
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InfoTip, { text: hint })
+    ] });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "field", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: label }),
     children,
@@ -9131,8 +9270,8 @@ function ThemeSection() {
       }
     ) }),
     mode === "report" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Field, { label: T("themeReportPick"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ReportSelect, { value: src, exclude: id, onChange: setSrc, "data-testid": "theme-picker", "aria-label": T("themeReportPick") }) }),
-    mode === "expr" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Field, { label: T("themeExprLabel"), hint: T("themeExprHint"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TextInput, { mono: true, value: src || "", onChange: (v) => setSrc(v ? v.startsWith("=") ? v : `=${v}` : void 0), placeholder: '=IIf(Parameters.Dark, "dark-theme", "light-theme")', "data-testid": "theme-expr", "ari\
-a-label": T("themeExprLabel") }) }),
+    mode === "expr" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Field, { label: T("themeExprLabel"), hint: T("themeExprHint"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TextInput, { mono: true, value: src || "", onChange: (v) => setSrc(v ? v.startsWith("=") ? v : `=${v}` : void 0), placeholder: '=IIf(Parameters.Dark, "dark-theme", "light-theme")', "data-testid": "theme-expr", [("ari"+
+"a-label")]: T("themeExprLabel") }) }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "hint", children: mode === "own" ? T("themeOwnHint") : T("themeFallbackHint") }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "grid2", "data-testid": "theme-colors", children: THEME_COLORS.map((k) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Field, { label: k, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ColorInput, { value: td.colors?.[k] ?? DEFAULT_THEME.colors[k], onChange: (v) => setTd((x) => {
       x.colors || (x.colors = {});
@@ -9196,7 +9335,11 @@ function LayersPanel() {
     });
   });
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pane", "data-testid": "layers", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h4", { children: T("layers") }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h4", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+      T("layers"),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InfoTip, { text: T("layersHint") })
+    ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pane-body", children: [
       layers.map((l, i2) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "layer-row", "data-layer": l.name, children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TextInput, { value: l.name, onChange: (v) => rename(i2, v.replace(/[^\w -]/g, "")), "aria-label": T("layerName"), readOnly: readOnly2 }),
@@ -9241,8 +9384,7 @@ function LayersPanel() {
             children: T("layerAdd")
           }
         )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "hint", children: T("layersHint") })
+      ] })
     ] })
   ] });
 }
@@ -9332,7 +9474,11 @@ function PartsPanel() {
   const [pick, setPick] = (0, import_react7.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pane", "data-testid": "parts-panel", children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h4", { children: [
-      T("parts"),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+        T("parts"),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InfoTip, { text: T("partsHint") })
+      ] }),
       libs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "btn sm ghost", onClick: () => libs.forEach((l) => fetchReused(l, true)), title: T("partsReloadHint"), children: T("partsReload") })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pane-body", children: [
@@ -9355,8 +9501,7 @@ function PartsPanel() {
             children: T("libraryAdd")
           }
         )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "hint", children: T("partsHint") })
+      ] })
     ] })
   ] });
 }
@@ -9907,8 +10052,8 @@ function Band({ section, label, scale, bw: bandW, drag, setDrag, phBox = null })
       (mb.extras || []).map((p) => {
         const i2 = (contentList || []).findIndex((e) => e?.placeholder === p.name);
         if (i2 >= 0) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Band, { section: `content:${i2}`, scale, bw: p.w, drag, setDrag, phBox: p }, p.name);
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "band master-content", style: { position: "absolute", left: p.x * scale, top: p.y * scale, width: p.w * scale, height: p.h * scale, display: "flex", alignItems: "center", justifyContent: "center" }, "data-placeholder": p.name, children: !readOnly2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "\
-btn sm", onClick: () => fillPlaceholder(p), "data-testid": `fill-placeholder-${p.name}`, children: T("fillPlaceholder", { name: p.name }) }) }, p.name);
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "band master-content", style: { position: "absolute", left: p.x * scale, top: p.y * scale, width: p.w * scale, height: p.h * scale, display: "flex", alignItems: "center", justifyContent: "center" }, "data-placeholder": p.name, children: !readOnly2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: (""+
+"btn sm"), onClick: () => fillPlaceholder(p), "data-testid": `fill-placeholder-${p.name}`, children: T("fillPlaceholder", { name: p.name }) }) }, p.name);
       })
     ] }) : surface
   ] });
@@ -10280,6 +10425,13 @@ function PartPreview({ item, scale }) {
     tag
   ] });
 }
+function checkedOnCanvas(v) {
+  if (v == null || typeof v === "boolean" || typeof v === "number") return v === true || v === 1;
+  const s = String(v).trim();
+  if (!isDynamic(s)) return ["true", "yes", "y", "1"].includes(s.toLowerCase());
+  const lit2 = /^=\s*(true|false|1|0)\s*$/i.exec(s)?.[1]?.toLowerCase();
+  return lit2 ? lit2 === "true" || lit2 === "1" : null;
+}
 function ItemBody({ item, scale }) {
   const base2 = useDesigner((s) => s.def.styles?.base);
   const images = useDesigner((s) => s.def.images);
@@ -10342,8 +10494,9 @@ function ItemBody({ item, scale }) {
   if (item.type === "checkbox") {
     const c = textCss([base2, item.style], scale, false);
     const size = Math.min(item.h, (Number(item.style?.fontSize) || Number(base2?.fontSize) || 9) + 2) * scale;
+    const on = checkedOnCanvas(item.value);
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "box", style: { ...c.box, alignItems: "center", gap: 4 * scale, padding: 0 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { width: size, height: size, border: "1px solid #1f2328", borderRadius: 2, flex: "none", display: "grid", placeItems: "center", fontSize: size * 0.8 }, children: "✓" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "data-checked": String(on), style: { width: size, height: size, border: "1px solid #1f2328", borderRadius: 2, flex: "none", display: "grid", placeItems: "center", fontSize: size * 0.8, opacity: on == null ? 0.4 : 1 }, children: on !== false ? "✓" : "" }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `tx${isDynamic(item.text) ? " dyn" : ""}`, style: c.text, children: shown(item.text) })
     ] });
   }
@@ -10607,14 +10760,14 @@ var import_react10 = __toESM(require_react(), 1);
 // src/designer/ExprCode.jsx
 var import_react9 = __toESM(require_react(), 1);
 
-// node_modules/@marijn/find-cluster-break/src/index.js
+// ../reportwright/node_modules/@marijn/find-cluster-break/src/index.js
 var rangeFrom = [];
 var rangeTo = [];
 (() => {
-  let numbers = "lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,1n,9,16,o,,x,1i,3,,i,,7,a,2,t,3,1k,,,7,2,2,2,3,9,,a,2,q,,2,3,1k,,,5,4,2,2,3,3,,u,2,3,,b,3,1k,,,8,,3,,3,k,2,m,6,,3,1k,,,7,2,2,2,3,7,3,a,2,u,,1n,5,3,3,,4,9,,14,5,1j,,,7,,3,,4,7,2,b,2,t,3,1k,,,7,,3,,4,7,2,b,2,f,,c,4,1j,2,,7,,3,,4,9,,a,2,t,3,1y,,4,6,,,,8,i,2,1p,,,8,c,8,2q,,,a,b,7,21,2,r,,,,,,\
-4,2,1d,k,,2,5,b,,10,9,,2u,b,,6,n,4,4,3,g,4,d,,,3,6,,f,,jj,3,qa,4,s,3,t,2,u,2,1s,w,9,,19,3,,,39,2,y,,3a,c,4,c,63,5,1l,a,,,,,2,o,2,,1c,1a,2,c,k,5,1b,h,12,9,c,3,u,d,1k,e,1c,k,48,3,,l,4,,6,,2,3,5i,1s,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,n,5,4,,2b,2,1e,i,q,i,d,,12,8,p,d,18,4,1b,e,10,,1v,e,c,,8,2,1a,,1f,,,3,2,2,5,2,,,15,5,5,2,6k,8,,2,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,\
-14,3,4,,4l,2,fx,4,1t,5,8t,2,25,6,1y,b,1d,4,3e,3,1h,f,15,,2,2,a,4,19,b,7,,1p,3,10,e,g,2,18,,c,3,1c,e,8,4,,2,2k,c,6,,2,,4d,c,l,4,1j,2,,7,2,2,2,3,9,,a,2,2,7,3,5,1v,9,,,2,,,4,,5,,,e,2,2a,i,n,,29,k,6j,7,2,9,r,2,2a,h,2y,d,2t,3,2,a,74,f,6t,6,,2,2,4,,,,2,3x,7,2,7,3,,s,a,14,7,,4,8,,9,b,1a,g,5i,8,5j,8,,8,2a,m,,e,3e,6,3,,,2,,7,,,1u,5,,2,,5,9n,4,9,2,,,1c,7,3,5,n,,44l,,6,f,8ug,i,1xc,5,1n,7,t4,,,1j,7,4,29,,b,2,\
-f57,2,3mp,1a,2,n,f2,5,3,6,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,2s,,4g,7,af,,1p,4,e4,4,72,2,6r,,2,,7,2,5,,d6,7,31,7,240,5".split(",").map((s) => s ? parseInt(s, 36) : 1);
+  let numbers = ("lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,1n,9,16,o,,x,1i,3,,i,,7,a,2,t,3,1k,,,7,2,2,2,3,9,,a,2,q,,2,3,1k,,,5,4,2,2,3,3,,u,2,3,,b,3,1k,,,8,,3,,3,k,2,m,6,,3,1k,,,7,2,2,2,3,7,3,a,2,u,,1n,5,3,3,,4,9,,14,5,1j,,,7,,3,,4,7,2,b,2,t,3,1k,,,7,,3,,4,7,2,b,2,f,,c,4,1j,2,,7,,3,,4,9,,a,2,t,3,1y,,4,6,,,,8,i,2,1p,,,8,c,8,2q,,,a,b,7,21,2,r,,,,,,"+
+"4,2,1d,k,,2,5,b,,10,9,,2u,b,,6,n,4,4,3,g,4,d,,,3,6,,f,,jj,3,qa,4,s,3,t,2,u,2,1s,w,9,,19,3,,,39,2,y,,3a,c,4,c,63,5,1l,a,,,,,2,o,2,,1c,1a,2,c,k,5,1b,h,12,9,c,3,u,d,1k,e,1c,k,48,3,,l,4,,6,,2,3,5i,1s,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,n,5,4,,2b,2,1e,i,q,i,d,,12,8,p,d,18,4,1b,e,10,,1v,e,c,,8,2,1a,,1f,,,3,2,2,5,2,,,15,5,5,2,6k,8,,2,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,"+
+"14,3,4,,4l,2,fx,4,1t,5,8t,2,25,6,1y,b,1d,4,3e,3,1h,f,15,,2,2,a,4,19,b,7,,1p,3,10,e,g,2,18,,c,3,1c,e,8,4,,2,2k,c,6,,2,,4d,c,l,4,1j,2,,7,2,2,2,3,9,,a,2,2,7,3,5,1v,9,,,2,,,4,,5,,,e,2,2a,i,n,,29,k,6j,7,2,9,r,2,2a,h,2y,d,2t,3,2,a,74,f,6t,6,,2,2,4,,,,2,3x,7,2,7,3,,s,a,14,7,,4,8,,9,b,1a,g,5i,8,5j,8,,8,2a,m,,e,3e,6,3,,,2,,7,,,1u,5,,2,,5,9n,4,9,2,,,1c,7,3,5,n,,44l,,6,f,8ug,i,1xc,5,1n,7,t4,,,1j,7,4,29,,b,2,"+
+"f57,2,3mp,1a,2,n,f2,5,3,6,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,2s,,4g,7,af,,1p,4,e4,4,72,2,6r,,2,,7,2,5,,d6,7,31,7,240,5").split(",").map((s) => s ? parseInt(s, 36) : 1);
   for (let i2 = 0, n = 0; i2 < numbers.length; i2++)
     (i2 % 2 ? rangeTo : rangeFrom).push(n = n + numbers[i2]);
 })();
@@ -10684,7 +10837,7 @@ function codePointSize(code2) {
   return code2 < 65536 ? 1 : 2;
 }
 
-// node_modules/@codemirror/state/dist/index.js
+// ../reportwright/node_modules/@codemirror/state/dist/index.js
 var Text = class _Text {
   /**
   Get the line description around the given position.
@@ -14096,7 +14249,7 @@ function findColumn(string2, col, tabSize, strict) {
   return strict === true ? -1 : string2.length;
 }
 
-// node_modules/style-mod/src/style-mod.js
+// ../reportwright/node_modules/style-mod/src/style-mod.js
 var C = "ͼ";
 var COUNT = typeof Symbol == "undefined" ? "__" + C : Symbol.for(C);
 var SET = typeof Symbol == "undefined" ? "__styleSet" + Math.floor(Math.random() * 1e8) : /* @__PURE__ */ Symbol("styleSet");
@@ -14232,7 +14385,7 @@ var StyleSet = class {
   }
 };
 
-// node_modules/w3c-keyname/index.js
+// ../reportwright/node_modules/w3c-keyname/index.js
 var base = {
   8: "Backspace",
   9: "Tab",
@@ -14338,7 +14491,7 @@ function keyName(event) {
   return name2;
 }
 
-// node_modules/@codemirror/view/dist/index.js
+// ../reportwright/node_modules/@codemirror/view/dist/index.js
 var nav = typeof navigator != "undefined" ? navigator : { userAgent: "", vendor: "", platform: "" };
 var doc = typeof document != "undefined" ? document : { documentElement: { style: {} } };
 var ie_edge = /* @__PURE__ */ /Edge\/(\d+)/.exec(nav.userAgent);
@@ -23214,7 +23367,7 @@ GutterMarker.prototype.mapMode = MapMode.TrackBefore;
 GutterMarker.prototype.startSide = GutterMarker.prototype.endSide = -1;
 GutterMarker.prototype.point = true;
 
-// node_modules/@lezer/common/dist/index.js
+// ../reportwright/node_modules/@lezer/common/dist/index.js
 var DefaultBufferLength = 1024;
 var nextPropID = 0;
 var Range2 = class {
@@ -24838,7 +24991,7 @@ var StringInput = class {
 };
 var stoppedInner = new NodeProp({ perNode: true });
 
-// node_modules/@lezer/highlight/dist/index.js
+// ../reportwright/node_modules/@lezer/highlight/dist/index.js
 var nextTagID = 0;
 var Tag = class _Tag {
   /**
@@ -25562,7 +25715,7 @@ var classHighlighter = tagHighlighter([
   { tag: tags.punctuation, class: "tok-punctuation" }
 ]);
 
-// node_modules/@codemirror/language/dist/index.js
+// ../reportwright/node_modules/@codemirror/language/dist/index.js
 var _a;
 var languageDataProp = /* @__PURE__ */ new NodeProp();
 function defineLanguageFacet(baseData) {
@@ -27189,7 +27342,7 @@ var marks = {
   auto: /* @__PURE__ */ Decoration.mark({ class: "cm-iso", inclusive: true, attributes: { dir: "auto" }, bidiIsolate: null })
 };
 
-// node_modules/@codemirror/commands/dist/index.js
+// ../reportwright/node_modules/@codemirror/commands/dist/index.js
 var toggleComment = (target) => {
   let { state } = target, line2 = state.doc.lineAt(state.selection.main.from), config2 = getConfig(target.state, line2.from);
   return config2.line ? toggleLineComment(target) : config2.block ? toggleBlockCommentByLine(target) : false;
@@ -28283,7 +28436,7 @@ var defaultKeymap = /* @__PURE__ */ [
   { key: "Ctrl-m", mac: "Shift-Alt-m", run: toggleTabFocusMode }
 ].concat(standardKeymap);
 
-// node_modules/@codemirror/autocomplete/dist/index.js
+// ../reportwright/node_modules/@codemirror/autocomplete/dist/index.js
 var CompletionContext = class {
   /**
   Create a new completion context. (Mostly useful for testing
@@ -30845,8 +30998,8 @@ function GroupsEditor({ table: table2, openExpr }) {
         }
       }, `${table2.id}.g${i2}.collapsible`) }),
       g.collapsible && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Check, { label: T("i_startCollapsed"), checked: g.initiallyCollapsed, onChange: (v) => setG(i2, "initiallyCollapsed", v) }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("groupParent"), hint: T("groupParentHint"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ExprInput, { value: g.parent || "", onChange: (v) => setG(i2, "parent", v), onOpen: () => openExpr({ value: g.parent || "", dataSet: table2.dataSet, onSave: (v) => setG(i2, "parent", v), title: T("groupParent") }), placeholder: "=\
-Fields.managerId" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("groupParent"), hint: T("groupParentHint"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ExprInput, { value: g.parent || "", onChange: (v) => setG(i2, "parent", v), onOpen: () => openExpr({ value: g.parent || "", dataSet: table2.dataSet, onSave: (v) => setG(i2, "parent", v), title: T("groupParent") }), placeholder: ("="+
+"Fields.managerId") }) }),
       g.parent && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "grid2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("groupIndent"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(NumberInput, { value: g.indent || 0, step: 1, onChange: (v) => setG(i2, "indent", Math.max(0, v) || void 0) }) }),
         g.collapsible && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("groupExpandLevels"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(NumberInput, { value: g.expandLevels ?? "", step: 1, onChange: (v) => setG(i2, "expandLevels", Number.isFinite(v) && v >= 0 ? Math.round(v) : void 0) }) })
@@ -31039,8 +31192,8 @@ function OverlaysEditor({ value, onChange, openExpr, dataSet, chartType }) {
         numOrExpr(o, i2, "from", T("i_from")),
         numOrExpr(o, i2, "to", T("i_to"))
       ] }),
-      (o.type === "line" || o.type === "band") && chartType !== "gauge" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("overlayAxis"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Select, { value: o.axis || "primary", options: [{ value: "primary", label: T("axisPrimary") }, { value: "secondary", label: T("axisSecondary") }], onChange: (v) => set2(i2, "axis", v === "p\
-rimary" ? void 0 : v), "aria-label": `${T("overlayAxis")} ${i2 + 1}` }) }),
+      (o.type === "line" || o.type === "band") && chartType !== "gauge" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("overlayAxis"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Select, { value: o.axis || "primary", options: [{ value: "primary", label: T("axisPrimary") }, { value: "secondary", label: T("axisSecondary") }], onChange: (v) => set2(i2, "axis", v === ("p"+
+"rimary") ? void 0 : v), "aria-label": `${T("overlayAxis")} ${i2 + 1}` }) }),
       o.type === "line" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Check, { label: T("overlayShowValue"), checked: o.showValue !== false, onChange: (v) => set2(i2, "showValue", v ? void 0 : false) }),
       chartType !== "gauge" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Check, { label: T("overlayInLegend"), checked: o.legend !== false, onChange: (v) => set2(i2, "legend", v ? void 0 : false) }),
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("i_label"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextInput, { value: o.label, onChange: (v) => set2(i2, "label", v), "aria-label": T("i_overlayLabel") }) })
@@ -31202,8 +31355,8 @@ function ActionEditor({ value, onChange, openExpr, dataSet, label }) {
   const target = useReportParams(a.type === "report" ? a.report : null);
   const own = (def.parameters || []).map((p) => ({ name: p.name, prompt: p.prompt }));
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { display: "grid", gap: 6 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: label || T("i_actionOnClick"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Select, { value: a.type, options: [{ value: "none", label: T("i_actNone") }, { value: "url", label: T("i_actUrl") }, { value: "report", label: T("i_actReport") }, { value: "params", label: T("i_actParams") }, { value: "bookmark", label: T("i_actBo\
-okmark") }, { value: "toggleItem", label: T("actionToggleItem") }], onChange: (v) => set2({ type: v || "none" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: label || T("i_actionOnClick"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Select, { value: a.type, options: [{ value: "none", label: T("i_actNone") }, { value: "url", label: T("i_actUrl") }, { value: "report", label: T("i_actReport") }, { value: "params", label: T("i_actParams") }, { value: "bookmark", label: T(("i_actBo"+
+"okmark")) }, { value: "toggleItem", label: T("actionToggleItem") }], onChange: (v) => set2({ type: v || "none" }) }) }),
     a.type === "toggleItem" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("actionToggleTarget"), hint: T("actionToggleHint"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Select, { value: a.target, allowEmpty: true, options: itemNames, onChange: (v) => set2({ target: v }), "data-testid": "toggle-target" }) }),
     a.type === "url" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("i_url"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ExprInput, { value: a.url, onChange: (v) => set2({ url: v }), onOpen: () => openExpr({ value: a.url, dataSet, onSave: (v) => set2({ url: v }), title: T("i_url") }) }) }),
     a.type === "bookmark" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("jumpToBookmark"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ExprInput, { value: a.target, onChange: (v) => set2({ target: v }), onOpen: () => openExpr({ value: a.target, dataSet, onSave: (v) => set2({ target: v }), title: T("jumpToBookmark") }) }) }),
@@ -31337,8 +31490,8 @@ function CellProps({ table: table2, sel, openExpr }) {
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("i_heightPt"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(NumberInput, { value: row.height || 18, step: 1, onChange: (v) => setRow("height", Math.max(6, v)) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Check, { label: T("rowCanGrow"), checked: row.canGrow !== false, onChange: (v) => setRow("canGrow", v ? void 0 : false) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("rowHidden"), hint: T("rowHiddenHint"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ExprInput, { value: row.hidden, onChange: (v) => setRow("hidden", v || void 0), onOpen: () => openExpr({ value: row.hidden, dataSet: table2.dataSet, onSave: (v) => setRow("hidden", v || void 0), title: T("rowHidden") }), placeholder: "\
-=Fields.amount = 0" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("rowHidden"), hint: T("rowHiddenHint"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ExprInput, { value: row.hidden, onChange: (v) => setRow("hidden", v || void 0), onOpen: () => openExpr({ value: row.hidden, dataSet: table2.dataSet, onSave: (v) => setRow("hidden", v || void 0), title: T("rowHidden") }), placeholder: (""+
+"=Fields.amount = 0") }) }),
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "grid2", children: ROW_STYLE.map((p) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: p.type === "color" || p.type === "text" ? { gridColumn: "1 / -1" } : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PropEditor, { p, value: row.style?.[p.key], onChange: (v) => setRowStyle(p.key, v), openExpr,
       dataSet: table2.dataSet }) }, p.key)) }),
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hint", children: T("rowStyleHint") }),
@@ -31611,9 +31764,10 @@ function ReportProps() {
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("i_currency"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextInput, { value: def.currency, onChange: (v) => set2((d) => {
           d.currency = v.toUpperCase() || void 0;
         }, "currency"), placeholder: "USD" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("i_nonFinite"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Select, { value: def.nonFinite || "", options: [{ value: "", label: T("i_nonFiniteSsrs") }, { value: "blank", label: T("i_nonFiniteBlank") }, { value: "error", label: "#Error" }], onChange: (v) => set2((d) => {
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { gridColumn: "1 / -1" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Field, { label: T("i_nonFinite"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Select, { value: def.nonFinite || "", options: [{ value: "", label: T("i_nonFiniteSsrs") }, { value: "blank", label: T("i_nonFiniteBlank") }, { value: "error",
+        label: "#Error" }], onChange: (v) => set2((d) => {
           d.nonFinite = v || void 0;
-        }, "nonFinite") }) })
+        }, "nonFinite") }) }) })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cat", children: [
@@ -32284,6 +32438,19 @@ async function loadSample(store) {
     api.setState({ sample: { error: e.message } });
   }
 }
+function detectedFields(ds, def, sampleRows) {
+  if ((ds?.fields || []).length) return null;
+  let rows = Array.isArray(sampleRows) ? sampleRows : null;
+  if (!rows) {
+    const src = (def?.dataSources || []).find((x) => x.name === ds?.source);
+    try {
+      rows = src?.type === "json" && src.data != null ? sourceRows(src.data, ds.path) : null;
+    } catch {
+      rows = null;
+    }
+  }
+  return rows?.length ? detectFields(rows.slice(0, 50), { dates: ds.detectDates !== false }) : null;
+}
 function DataPanel() {
   const def = useDesigner((s) => s.def);
   const lang2 = useDesigner((s) => s.lang);
@@ -32385,32 +32552,41 @@ function DataPanel() {
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", className: "btn sm ghost", onClick: () => useDesigner.getState().setUi({ instantVisuals: { dataSet: d.name } }), "data-testid": `instant-${d.name}`, children: T("instantVisuals") }),
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", className: "btn sm ghost", onClick: () => useDesigner.getState().setUi({ pivotWizard: { dataSet: d.name } }), "data-testid": `pivot-wizard-${d.name}`, children: T("pivotWizard") })
             ] }),
-            open.has(d.name) && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("ul", { className: "tree", style: { paddingLeft: 18 }, children: [
-              (d.fields || []).flatMap((f) => f.type === "object" ? (f.fields || []).map((c) => ({ name: `${f.name}.${c.name}`, type: c.type, nested: true })) : [f]).map((f) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                "li",
-                {
-                  className: `trow field-chip${f.nested ? " nested" : ""}`,
-                  draggable: true,
-                  title: "Drag onto the page or a table cell",
-                  "data-field": f.name,
-                  onDragStart: (e) => {
-                    e.dataTransfer.setData(MIME_FIELD, JSON.stringify({ dataSet: d.name, field: f.name, type: f.type }));
-                    e.dataTransfer.effectAllowed = "copy";
+            open.has(d.name) && (() => {
+              const found = detectedFields(d, def, sample?.dataSets?.[d.name]);
+              const list2 = (d.fields || []).length ? d.fields : found || [];
+              return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("ul", { className: "tree", style: { paddingLeft: 18 }, "data-testid": `fields-${d.name}`, children: [
+                found && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { className: "subtle", "data-testid": `detected-${d.name}`, children: T("c132_detectedHint") }),
+                list2.flatMap((f) => f.type === "object" ? (f.fields || []).map((c) => ({ name: `${f.name}.${c.name}`, type: c.type, nested: true })) : [f]).map((f) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                  "li",
+                  {
+                    className: `trow field-chip${f.nested ? " nested" : ""}`,
+                    draggable: true,
+                    title: "Drag onto the page or a table cell",
+                    "data-field": f.name,
+                    "data-detected": found ? "" : void 0,
+                    onDragStart: (e) => {
+                      e.dataTransfer.setData(MIME_FIELD, JSON.stringify({ dataSet: d.name, field: f.name, type: f.type }));
+                      e.dataTransfer.effectAllowed = "copy";
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "nm", children: f.name }),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "ty", children: [
+                        f.type,
+                        found ? ` · ${T("c132_detected")}` : ""
+                      ] })
+                    ]
                   },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "nm", children: f.name }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ty", children: f.type })
-                  ]
-                },
-                f.name
-              )),
-              !(d.fields || []).length && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { className: "subtle", children: "No fields. Edit the data set and detect them." })
-            ] })
+                  f.name
+                )),
+                !list2.length && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { className: "subtle", children: "No fields. Edit the data set and detect them." })
+              ] });
+            })()
           ] }, d.name)),
           !(def.dataSets || []).length && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { className: "subtle", children: "None" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "btnrow", style: { marginTop: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "btn sm", onClick: loadSample, disabled: sample?.loading || !!noSourceKey(def), title: noSourceKey(def) ? T(noSourceKey(def)) : void 0, "data-testid": "load-sample", children: sample?.loading ? "Loading…" : "Lo\
-ad sample data" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "btnrow", style: { marginTop: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "btn sm", onClick: loadSample, disabled: sample?.loading || !!noSourceKey(def), title: noSourceKey(def) ? T(noSourceKey(def)) : void 0, "data-testid": "load-sample", children: sample?.loading ? "Loading…" : ("Lo"+
+"ad sample data") }) }),
         noSourceKey(def) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "hint", role: "status", style: { marginTop: 6 }, "data-testid": "no-source", children: T(noSourceKey(def)) }),
         sample?.error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "err", style: { marginTop: 6 }, children: sample.error })
       ] })
@@ -32544,18 +32720,17 @@ function ParamDialog({ index, onClose }) {
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "grid2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: T("choicesFrom"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Select, { value: p.optionsFrom?.dataSet, options: (def.dataSets || []).map((d) => d.name), allowEmpty: true, onChange: pickChoiceSet, "data-testid": "param-choices-from" }) }),
-          p.optionsFrom && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: T("valueField"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Select, { value: fieldOf(p.optionsFrom.value) || "", options: [{ value: "", label: T("ux_choose") }, ...fromFields], onChange: (v) => setP({ ...p, optionsFrom: { ...p.optionsFrom, value: v ? `=Fields.${v}` : "" } }), "data-testid": "param\
--value-field", "aria-invalid": !p.optionsFrom.value || void 0 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: T("choicesFrom"), hint: T("cascadeHint"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Select, { value: p.optionsFrom?.dataSet, options: (def.dataSets || []).map((d) => d.name), allowEmpty: true, onChange: pickChoiceSet, "data-testid": "param-choices-from" }) }),
+          p.optionsFrom && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: T("valueField"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Select, { value: fieldOf(p.optionsFrom.value) || "", options: [{ value: "", label: T("ux_choose") }, ...fromFields], onChange: (v) => setP({ ...p, optionsFrom: { ...p.optionsFrom, value: v ? `=Fields.${v}` : "" } }), "data-testid": ("param"+
+"-value-field"), "aria-invalid": !p.optionsFrom.value || void 0 }) }),
           p.optionsFrom && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: T("labelField"), hint: T("labelFieldHint"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Select, { value: p.optionsFrom.label, options: labelOpts, allowEmpty: true, onChange: (v) => setP({ ...p, optionsFrom: { ...p.optionsFrom, label: v || void 0 } }), "data-testid": "param-label-field" }) })
         ] }),
         p.optionsFrom && choicePreview && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "hint", "data-testid": "param-choice-preview", children: T("ux_choicePreview", { n: choicePreview.length, list: choicePreview.slice(0, 5).join(", ") + (choicePreview.length > 5 ? ", …" : "") }) }),
-        p.optionsFrom && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "hint", children: T("cascadeHint") }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "grid2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: T("editor"), hint: T(`editorHint_${p.editor || "auto"}`), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Select, { value: p.editor, allowEmpty: true, onChange: setEditor, options: EDITORS.map((e) => ({ value: e, label: T(`editor_${e}`) })) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: T("panelColumns"), hint: T("panelColumnsHint"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Select, { value: columns, onChange: (v) => setColumns(v || "1"), options: ["1", "2", "3", "4"] }) })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: T("panelColumns"), hint: T("c132_panelColumnsHint"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Select, { value: columns, onChange: (v) => setColumns(v || "1"), options: ["1", "2", "3", "4"] }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Check, { label: T("liveParams"), checked: live, onChange: setLive }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Check, { label: T("c132_liveParams"), checked: live, onChange: setLive }),
         limits && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "grid3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: T("minimum"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextInput, { value: p.min ?? "", onChange: (v) => setP({ ...p, min: limit(v) }), mono: true, type: p.type === "date" ? "date" : "text" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: T("maximum"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextInput, { value: p.max ?? "", onChange: (v) => setP({ ...p, max: limit(v) }), mono: true, type: p.type === "date" ? "date" : "text" }) }),
@@ -32769,8 +32944,8 @@ function SourceDialog({ index, onClose }) {
         fetched && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "grid", gridTemplateColumns: s.type === "soap" || s.type === "odata" ? "1fr" : "110px 1fr", gap: 8 }, children: [
             s.type !== "soap" && s.type !== "odata" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: "Method", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Select, { value: s.method, options: ["GET", "POST"], onChange: (v) => setS({ ...s, method: v }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: "URL", hint: s.type === "odata" ? T("odServiceHint") : s.type === "xml" ? T("srcXmlUrlHint") : "Use {Parameters.x} for values. A relative URL calls this app.", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextInput, { value: s.url, onChange: (v) => setS({ ...s, url: v }), mono: true, placeholder: "/api/... or http\
-s://..." }) })
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: "URL", hint: s.type === "odata" ? T("odServiceHint") : s.type === "xml" ? T("srcXmlUrlHint") : "Use {Parameters.x} for values. A relative URL calls this app.", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextInput, { value: s.url, onChange: (v) => setS({ ...s, url: v }), mono: true, placeholder: ("/api/... or http"+
+"s://...") }) })
           ] }),
           s.type === "soap" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "1fr 140px", gap: 8 }, children: [
             /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: T("srcSoapAction"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextInput, { value: s.soapAction || "", onChange: (v) => setS({ ...s, soapAction: v }), mono: true, placeholder: "http://tempuri.org/GetOrders" }) }),
@@ -32804,8 +32979,8 @@ s://..." }) })
           label: "Stored procedure" }], onChange: (v) => setS({ ...s, procedure: v === "proc" ? s.procedure ?? procs[0] ?? "" : void 0 }) }) }),
           s.procedure != null ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: "Stored procedure", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Select, { value: s.procedure, allowEmpty: true, options: procs.map((p) => ({ value: p, label: p })), onChange: (v) => setS({ ...s, procedure: v }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: "Arguments", hint: "One per line: procedure argument = report parameter (bound, never pasted into SQL). The first result set is the data.", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("textarea", { className: "textarea", rows: 3, value: s.argsText ?? "", onChange: (e) => setS({ ...s, argsText: e.target.value }), placeholder: "\
-region = region\nyear = year", style: { fontFamily: "var(--mono)" } }) })
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: "Arguments", hint: "One per line: procedure argument = report parameter (bound, never pasted into SQL). The first result set is the data.", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("textarea", { className: "textarea", rows: 3, value: s.argsText ?? "", onChange: (e) => setS({ ...s, argsText: e.target.value }), placeholder: (""+
+"region = region\nyear = year"), style: { fontFamily: "var(--mono)" } }) })
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "seg", role: "group", "aria-label": T("qb_mode"), children: [
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", "aria-pressed": !!s.builder, onClick: () => {
@@ -32820,8 +32995,8 @@ region = region\nyear = year", style: { fontFamily: "var(--mono)" } }) })
             s.builder ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SqlBuilder, { s, setS, T, kind: sqlKind, onManual: () => {
               const { builder: _b, ...rest } = s;
               setS({ ...rest, query: s.builder ? buildSql(s.builder, sqlKind) : s.query });
-            } }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: "Query", hint: "SELECT only. @name uses the report parameter name (bound, never pasted into the SQL). Lists work with in (@name).", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("textarea", { className: "textarea", rows: 6, value: s.query || "", onChange: (e) => setS({ ...s, query: e.target.value }), placeholder: "\
-select region, month, sum(amount) as amount from sales where year = @year group by region, month", style: { fontFamily: "var(--mono)" } }) })
+            } }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { label: "Query", hint: "SELECT only. @name uses the report parameter name (bound, never pasted into the SQL). Lists work with in (@name).", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("textarea", { className: "textarea", rows: 6, value: s.query || "", onChange: (e) => setS({ ...s, query: e.target.value }), placeholder: (""+
+"select region, month, sum(amount) as amount from sales where year = @year group by region, month"), style: { fontFamily: "var(--mono)" } }) })
           ] })
         ] }),
         s.type === "csv" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "grid2", children: [
@@ -33133,8 +33308,8 @@ function Outline() {
   const stop = keys.includes(cur2) ? cur2 : keys.find((k) => chosen.has(k) || sel.kind === "section" && k === `band:${sel.section}`) || keys[0];
   const roving = (k) => ({ tabIndex: k === stop ? 0 : -1, onFocus: () => setCur(k) });
   const nav2 = (e) => {
-    if (e.defaultPrevented || e.altKey || e.metaKey || e.ctrlKey || e.target.getAttribute("role") !== "option") return;
-    const all = [...e.currentTarget.querySelectorAll("[role=option]")];
+    if (e.defaultPrevented || e.altKey || e.metaKey || e.ctrlKey || !e.target.hasAttribute("data-opt")) return;
+    const all = [...e.currentTarget.querySelectorAll("[data-opt]")];
     const i2 = all.indexOf(e.target);
     const j = e.key === "ArrowDown" ? i2 + 1 : e.key === "ArrowUp" ? i2 - 1 : e.key === "Home" ? 0 : e.key === "End" ? all.length - 1 : null;
     if (j == null) return;
@@ -33255,31 +33430,36 @@ function Outline() {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("li", { role: "none", children: [
       /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: `trow outline-row${chosen.has(it.id) ? " sel" : ""}${mark}`, style: { paddingInlineStart: depth * 14 }, "data-outline": it.name, "data-outline-id": it.id, ...dragProps(it, i2, parent, section), children: [
         !readOnly2 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "grip", "aria-hidden": "true", children: "⠿" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", role: "option", className: "linklike nm", onClick: (e) => pick(e, it.id), onKeyDown: (e) => onKey(e, it, list2, i2, parent), "aria-selected": chosen.has(it.id), "aria-describedby": readOnly2 ? "outline-nav" : "outline-nav outline-keys", ...roving(it.id), children: it.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ty", children: T(`item_${it.type}`) === `item_${it.type}` ? ITEMS[it.type]?.label || it.type : T(`item_${it.type}`) }),
-        !readOnly2 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "act", style: { display: "inline-flex", gap: 2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "btn sm ghost icon", tabIndex: -1, disabled: i2 === 0, onClick: () => reorderItem(it.id, -1), title: T("outlineBackward"), "aria-label": `${T("outlineBackward")}: ${it.name}`, children: "↑" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "btn sm ghost icon", tabIndex: -1, disabled: i2 === list2.length - 1, onClick: () => reorderItem(it.id, 1), title: T("outlineForward"), "aria-label": `${T("outlineForward")}: ${it.name}`, children: "↓" }),
-          parent && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "btn sm ghost icon", tabIndex: -1, onClick: () => moveOutOfParent(it.id), title: T("outlineMoveOut", { name: parent.name }), "aria-label": `${T("outlineMoveOut", { name: parent.name })}: ${it.name}`, children: "⇱" })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", "data-opt": "", className: "linklike nm", onClick: (e) => pick(e, it.id), onKeyDown: (e) => onKey(e, it, list2, i2, parent), "aria-pressed": chosen.has(it.id), "aria-describedby": readOnly2 ? "outline-nav" : "outline-nav outline-keys", title: it.name, ...roving(it.id), children: it.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "outline-meta", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ty", children: T(`item_${it.type}`) === `item_${it.type}` ? ITEMS[it.type]?.label || it.type : T(`item_${it.type}`) }),
+          !readOnly2 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "act", style: { display: "inline-flex", gap: 2 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "btn sm ghost icon", tabIndex: -1, disabled: i2 === 0, onClick: () => reorderItem(it.id, -1), title: T("outlineBackward"), "aria-label": `${T("outlineBackward")}: ${it.name}`, children: "↑" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "btn sm ghost icon", tabIndex: -1, disabled: i2 === list2.length - 1, onClick: () => reorderItem(it.id, 1), title: T("outlineForward"), "aria-label": `${T("outlineForward")}: ${it.name}`, children: "↓" }),
+            parent && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "btn sm ghost icon", tabIndex: -1, onClick: () => moveOutOfParent(it.id), title: T("outlineMoveOut", { name: parent.name }), "aria-label": `${T("outlineMoveOut", { name: parent.name })}: ${it.name}`, children: "⇱" })
+          ] })
         ] })
       ] }),
       NESTING.has(it.type) && (it.items || []).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "tree", role: "none", children: rows(it.items, it, depth + 1, section) })
     ] }, it.id);
   });
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "pane", "data-testid": "outline", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h4", { children: T("outline") }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h4", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+      T("outline"),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(InfoTip, { text: readOnly2 ? T("outlineHint") : `${T("outlineHint")} ${T("outlineKeys")}` })
+    ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "pane-body", ref: body, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { role: "listbox", "aria-label": T("outline"), "aria-multiselectable": "true", onKeyDown: nav2, children: sectionList(def).map(({ key: key2, label }) => {
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { role: "group", "aria-label": T("outline"), onKeyDown: nav2, children: sectionList(def).map(({ key: key2, label }) => {
         const items = secOf(def, key2)?.items || [];
         return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { role: "group", "aria-label": label, className: `outline-sec${drop?.band === key2 ? " drop-band" : ""}`, "data-outline-band": key2, ...bandDrop(key2), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", role: "option", "aria-selected": sel.kind === "section" && sel.section === key2, "aria-describedby": "outline-nav", className: `linklike outline-band${sel.kind === "section" && sel.section === key2 ? " sel" : ""}`, onClick: () => useDesigner.getState().select({ kind: "section", section: key2 }), ...roving(`band:${key2}`),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", "data-opt": "", "aria-pressed": sel.kind === "section" && sel.section === key2, "aria-describedby": "outline-nav", className: `linklike outline-band${sel.kind === "section" && sel.section === key2 ? " sel" : ""}`, onClick: () => useDesigner.getState().select({ kind: "section", section: key2 }), ...roving(`band:${key2}`),
           children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: label }) }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "tree", role: "none", children: items.length ? rows(items, null, 1, key2) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { className: "subtle", role: "none", children: T("outlineEmpty") }) })
         ] }, key2);
       }) }),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sr-only", id: "outline-nav", children: T("b9_outlineKeys") }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "hint", children: T("outlineHint") }),
-      !readOnly2 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "hint", id: "outline-keys", children: T("outlineKeys") }),
+      !readOnly2 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sr-only", id: "outline-keys", children: T("outlineKeys") }),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sr-only", role: "status", "aria-live": "polite", children: said })
     ] })
   ] });
@@ -33586,8 +33766,8 @@ function ChartWizard() {
           c.chartType === "gantt" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Field, { label: tr("start"), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Select, { value: c.start, allowEmpty: true, options: fields.map((f) => ({ value: f.name, label: `${f.name} · ${f.type}` })), onChange: (v) => set2({ start: v || "" }), "data-testid": "cw-gantt-start" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Field, { label: tr("end"), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Select, { value: c.end, allowEmpty: true, options: fields.map((f) => ({ value: f.name, label: `${f.name} · ${f.type}` })), onChange: (v) => set2({ end: v || "" }), "data-testid": "cw-gantt-end" }) })
-          ] }) : RAW.has(c.chartType) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Field, { label: tr("rowValue"), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Select, { value: c.value, allowEmpty: true, options: (numFields.length ? numFields : fields).map((f) => f.name), onChange: (v) => set2({ value: v || "" }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "\
-grid2", children: [
+          ] }) : RAW.has(c.chartType) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Field, { label: tr("rowValue"), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Select, { value: c.value, allowEmpty: true, options: (numFields.length ? numFields : fields).map((f) => f.name), onChange: (v) => set2({ value: v || "" }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: (""+
+"grid2"), children: [
             /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Field, { label: tr("value"), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Select, { value: c.agg, options: AGGS.map((a) => ({ value: a.value, label: tr(`agg_${a.value}`) })), onChange: (v) => set2({ agg: v }) }) }),
             c.agg !== "Count" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Field, { label: tr("ofField"), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Select, { value: c.value, allowEmpty: true, options: (numFields.length ? numFields : fields).map((f) => f.name), onChange: (v) => set2({ value: v || "" }) }) })
           ] }),
@@ -33620,8 +33800,8 @@ grid2", children: [
                 onClick: () => set2({ chartType: type }),
                 "data-chart-type": type,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "cw-thumb", children: !sample?.dataSets ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "hint", children: loading ? tr("calling") : tr("noData") }) : PER_ROW.has(type) && fields.find((f) => f.name === c.category)?.type !== "number" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "\
-hint", children: tr("pickNumber") }) : th?.error ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "err", children: th.error }) : th ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SvgHtml, { html: th.html }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "hint", children: tr("drawing") }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "cw-thumb", children: !sample?.dataSets ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "hint", children: loading ? tr("calling") : tr("noData") }) : PER_ROW.has(type) && fields.find((f) => f.name === c.category)?.type !== "number" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: (""+
+"hint"), children: tr("pickNumber") }) : th?.error ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "err", children: th.error }) : th ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SvgHtml, { html: th.html }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "hint", children: tr("drawing") }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "cw-name", children: [
                     tr(`t_${type}`),
                     good.includes(type) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("em", { children: tr("suggested") })
@@ -33635,8 +33815,8 @@ hint", children: tr("pickNumber") }) : th?.error ? /* @__PURE__ */ (0, import_js
           /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "cw-preview", children: [
             /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "cw-big", children: [
               /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h5", { children: tr("preview", { type: tr(`t_${c.chartType}`) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "cw-paper", children: big?.error ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "err", children: big.error }) : big ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SvgHtml, { as: "div", html: big.html }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "hint", children: tr("dra\
-wing") }) })
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "cw-paper", children: big?.error ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "err", children: big.error }) : big ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SvgHtml, { as: "div", html: big.html }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "hint", children: tr(("dra"+
+"wing")) }) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "cw-data", children: [
               /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h5", { children: tr(ds?.filters?.length ? "apiDataFiltered" : "apiData", { n: rows.length }) }),
@@ -34102,8 +34282,8 @@ function suggestions(ds, picked, width, rows, currency) {
   const text = fields.filter((f) => f.type !== "number"), nums = fields.filter((f) => f.type === "number");
   const out = [];
   if (text.length && nums.length) {
-    out.push({ kind: "chart", item: { type: "chart", dataSet: ds.name, w: Math.min(width, 420), h: 200, chartType: text.length > 1 ? "column" : nums.length > 1 ? "line" : "column", category: `=Fields.${text[0].name}`, ...text[1] ? { seriesGroup: `=Fields.${text[1].name}` } : {}, series: nums.slice(0, 3).map((n) => ({ name: labelOf(n.name), value: `=Sum(Fields.${n.name})` })), legend: "bottom", valueFormat: "\
-N0", title: `${nums.map((n) => labelOf(n.name)).join(", ")} by ${labelOf(text[0].name)}` } });
+    out.push({ kind: "chart", item: { type: "chart", dataSet: ds.name, w: Math.min(width, 420), h: 200, chartType: text.length > 1 ? "column" : nums.length > 1 ? "line" : "column", category: `=Fields.${text[0].name}`, ...text[1] ? { seriesGroup: `=Fields.${text[1].name}` } : {}, series: nums.slice(0, 3).map((n) => ({ name: labelOf(n.name), value: `=Sum(Fields.${n.name})` })), legend: "bottom", valueFormat: (""+
+"N0"), title: `${nums.map((n) => labelOf(n.name)).join(", ")} by ${labelOf(text[0].name)}` } });
   }
   if (fields.length) out.push({ kind: "table", item: tableFor(ds, { layout: text.length && nums.length ? "summary" : "list", groupBy: text[0]?.name, width, rows, currency, fields: fields.map((f) => f.name) }) });
   if (text.length) out.push({ kind: "pivot", item: pivotFor(ds, { rows: [text[0].name], columns: text[1] ? [text[1].name] : [], values: nums.slice(0, 2).map((n) => ({ field: n.name, agg: "Sum" })), width, sample: rows, currency }) });
@@ -34378,7 +34558,7 @@ function LeftRail({ T, readOnly: readOnly2, embed }) {
     const el = body.current?.querySelector(`[data-rail="${id}"]`);
     if (el) {
       body.current.scrollTo({ top: el.offsetTop - body.current.offsetTop, behavior: "smooth" });
-      (el.querySelector('[role=listbox] [tabindex="0"]') || el.querySelector("button, input, select, textarea"))?.focus({ preventScroll: true });
+      (el.querySelector('[data-opt][tabindex="0"]') || el.querySelector("button, input, select, textarea"))?.focus({ preventScroll: true });
     }
     setAt(id);
   };
@@ -34453,6 +34633,7 @@ function StatusBar({ T, zoom, setZoom }) {
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("i", { "aria-hidden": "true" }),
       what
     ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "hint dstatus-hint", title: T("canvasHint"), children: T("canvasHint") }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "dstatus-page", children: page })
   ] });
 }
@@ -34646,8 +34827,8 @@ var SHORTCUTS = [
   ["⌘/Ctrl C / V", "sc_copy"],
   ["⌘/Ctrl D", "sc_duplicate"],
   ["Delete / Backspace", "sc_delete"],
-  ["← ↑ → ↓", "sc_nudge"],
-  ["⇧ ← ↑ → ↓", "sc_nudge4"],
+  ["← ↑ → ↓", "c132_nudge1"],
+  ["⇧ ← ↑ → ↓", "c132_nudge10"],
   ["⇧ Click", "sc_toggle"],
   ["Drag", "sc_marquee"],
   ["Alt + Drag", "sc_guides"],
@@ -34838,7 +35019,7 @@ function DesignerIn({ id, initial, rev = null, lang: langIn, embed = null, user
       const arrows = { ArrowLeft: [-1, 0], ArrowRight: [1, 0], ArrowUp: [0, -1], ArrowDown: [0, 1] };
       if (arrows[e.key] && st().sel.kind === "items") {
         e.preventDefault();
-        const step = st().cells ? st().cellSize : e.shiftKey ? st().grid * 4 : 1;
+        const step = nudgeStep(st(), e.shiftKey);
         const [dx, dy] = arrows[e.key];
         const s = st();
         s.lastKey = null;
@@ -35028,7 +35209,7 @@ function DesignerIn({ id, initial, rev = null, lang: langIn, embed = null, user
     tableWizard && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TableWizard, {}),
     pivotWizard && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PivotWizard, {}),
     instantVisuals && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(InstantVisuals, {}),
-    tab === "preview" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("main", { className: "dpreview", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ReportViewer, { definition: def, reportId: id, compact: true, lang: lang2 }) }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    tab === "preview" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("main", { className: "dpreview", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ReportViewer, { definition: def, reportId: id, compact: true, lang: lang2, showWarnings: true }) }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       "div",
       {
         className: "dmain",
@@ -35059,8 +35240,7 @@ function DesignerIn({ id, initial, rev = null, lang: langIn, embed = null, user
                 /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("select", { className: "select", style: { width: 72 }, value: unit, onChange: (e) => st().setUi({ unit: e.target.value }), children: ["pt", "mm", "cm", "in"].map((u) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { children: u }, u)) })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AlignBar, { T }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IssuesButton, { T }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "hint cbar-hint", children: T("canvasHint") })
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IssuesButton, { T })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Canvas, {}),
             /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StatusBar, { T, zoom, setZoom: (z) => {
@@ -35204,6 +35384,19 @@ button, input, select, textarea { font: inherit; color: inherit; }
 .input.invalid, .textarea.invalid { border-color: var(--danger); background: var(--danger-soft); }
 .err { color: var(--danger); font-size: var(--fs-xs); }
 .hint { color: var(--faint); font-size: var(--fs-xs); }
+/* ⓘ help (InfoTip): the text opens on hover, focus or click, over the content; Esc closes it */
+.infotip { position: relative; display: inline-flex; vertical-align: middle; text-transform: none; letter-spacing: normal; font-weight: normal; }
+.infotip-btn { border: 0; background: none; padding: 0 2px; margin: 0; font: inherit; font-size: 13px; line-height: 1; color: var(--muted); cursor: help; border-radius: 3px; }
+.infotip-btn:hover, .infotip-btn[aria-expanded=true] { color: var(--accent); }
+.infotip-text { position: absolute; z-index: 30; top: calc(100% + 4px); inset-inline-end: -4px; width: max-content; max-width: min(280px, 70vw); padding: 8px 10px; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--panel); color: var(--ink); box-shadow: 0 4px 14px rgb(0 0 0 / .14); font-size: var(--fs-xs); line-height: 1.45; white-space: normal; text-align: start; }
+.infotip-text[hidden] { display: none; }
+.field-tip { position: relative; min-width: 0; }
+.field-tip > .field > span:first-child { padding-inline-end: 18px; }
+.field-tip > .infotip { position: absolute; top: 0; inset-inline-end: 0; }
+/* in a panel heading the text spans the panel (the heading is its containing block: sticky) */
+.pane > h4 { position: relative; }
+.pane > h4 .infotip { position: static; }
+.pane > h4 .infotip-text { top: 100%; inset-inline: 8px; width: auto; max-width: none; z-index: 5; }
 .check { display: flex; align-items: center; gap: 7px; cursor: pointer; }
 .kbd { font-family: var(--mono); font-size: var(--fs-2xs); padding: 1px 4px; border: 1px solid var(--line); border-radius: 3px; background: var(--panel-2); color: var(--muted); }
 
@@ -35451,7 +35644,14 @@ a.cell-name:hover { color: var(--accent); }
 .trow:hover .act, .trow:focus-within .act { opacity: 1; }
 .outline-row.sel { background: var(--accent-soft); }
 .outline-row .linklike.nm, .outline-band { text-decoration: none; color: var(--ink); text-align: start; }
+/* a long name wraps inside the panel's width (no cut-off text); the type and the buttons keep their size */
+/* (the type and the buttons, together, go under a name too long to share the line) */
+.outline-row { flex-wrap: wrap; }
+.outline-row .linklike.nm { flex: 1 1 auto; white-space: normal; overflow-wrap: anywhere; }
+.outline-meta { display: inline-flex; align-items: center; gap: 6px; flex: none; margin-inline-start: auto; }
+.outline-meta .btn.icon { width: 22px; }
 .outline-row.sel .linklike.nm, .outline-band.sel { color: var(--accent); }
+.outline-row.sel .ty { color: var(--muted); } /* --faint is 4.38:1 on --accent-soft; --muted passes in both themes */
 .outline-row.sel .act, .outline-row:focus-within .act { opacity: 1; }
 .outline-row[draggable="true"] { cursor: grab; }
 .outline-row .grip { color: var(--faint); font-size: 10px; line-height: 1; margin-inline-start: -2px; opacity: .55; }
@@ -35966,19 +36166,21 @@ a.cell-name:hover { color: var(--accent); }
 .dleft .tool svg { width: 16px; height: 16px; }
 /* canvas: the page centred on the desk, rulers along the top and beside each band */
 .dcenter { grid-template-rows: auto minmax(0, 1fr) auto; background: var(--desk); }
-.cbar { gap: 8px 16px; padding: 6px 16px; min-height: 40px; background: var(--panel); }
+/* one row of a fixed height: the align buttons that come with a selection never push the canvas down (c132) */
+.cbar { gap: 8px 16px; padding: 6px 16px; height: 40px; box-sizing: border-box; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; background: var(--panel); }
+.cbar > * { flex: none; white-space: nowrap; }
 .cbar .select { height: 28px; }
-.cbar-hint { margin-inline-start: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1 1 120px; text-align: end; }
 .cscroll { padding: 24px 40px 80px 56px; }
 .paper { border-radius: 2px; }
 .ruler.v { position: absolute; left: -44px; top: 0; pointer-events: none; overflow: visible; }
-.dstatus { display: flex; align-items: center; gap: 16px; min-height: 32px; padding: 2px 12px; border-top: 1px solid var(--line); background: var(--panel); font-size: var(--fs-xs); color: var(--muted); }
+.dstatus { display: flex; align-items: center; gap: 16px; height: 32px; box-sizing: border-box; white-space: nowrap; padding: 2px 12px; border-top: 1px solid var(--line); background: var(--panel); font-size: var(--fs-xs); color: var(--muted); }
 .dstatus-zoom { display: inline-flex; align-items: center; gap: 2px; }
 .dstatus-zoom .select { height: 26px; width: 92px; border-color: var(--line); font-size: var(--fs-xs); }
 .dstatus-zoom .btn.icon { width: 26px; height: 26px; }
 .dstatus-sel { display: inline-flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); font-family: var(--mono); }
 .dstatus-sel i { flex: none; width: 8px; height: 8px; border-radius: 2px; background: var(--accent); }
-.dstatus-page { margin-inline-start: auto; white-space: nowrap; font-variant-numeric: tabular-nums; }
+.dstatus-hint { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; text-align: end; }
+.dstatus-page { white-space: nowrap; font-variant-numeric: tabular-nums; }
 /* inspector: roomier sections */
 .dright .insp-head { position: sticky; top: 0; z-index: 3; background: var(--panel); padding: 12px 16px; }
 .dright .cat { padding: 8px 16px 16px; gap: 8px; }
@@ -36013,7 +36215,7 @@ input[type=checkbox], input[type=radio] { width: 16px; height: 16px; accent-colo
 
 .pw-embed{display:block;font:var(--fw-regular) var(--fs-base)/var(--lh) var(--ui);color:var(--ink);background:var(--desk);border:1px solid var(--line);border-radius:8px;overflow:hidden}
 ` : "";
-var BLANK = { $schema: "pagewright/report@1", name: "Untitled report", page: { size: "A4", margins: [36, 36, 36, 36] }, dataSources: [], dataSets: [], sections: { body: { items: [] } } };
+var BLANK = { $schema: "reportwright/report@1", name: "Untitled report", page: { size: "A4", margins: [36, 36, 36, 36] }, dataSources: [], dataSets: [], sections: { body: { items: [] } } };
 function mountDesigner(target, opts = {}) {
   const el = typeof target === "string" ? document.querySelector(target) : target;
   if (!el) throw new Error(`mountDesigner: no element for ${target}`);