jupiter-dynamic-forms 1.21.0 → 1.22.1

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { LitElement, html, css } from "lit";
+import { LitElement, html, nothing, css } from "lit";
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -1740,7 +1740,10 @@ const filter$1 = {
   searchByConceptDescription: "Type concept name or label to filter roles and rows. Press Apply Filter to apply.",
   searchByConceptPlaceholder: "Type concept name or label and press Apply Filter...",
   clearFilters: "Clear Filters",
-  resetFilter: "Reset"
+  resetFilter: "Reset",
+  bannerConcept: 'Filtered by "{{concept}}" — {{count}} row(s) visible',
+  bannerFactsOnly: "Only filled-in fields are shown",
+  showAll: "Show all"
 };
 const column$1 = {
   addColumn: "Add Column",
@@ -1764,26 +1767,33 @@ const column$1 = {
   required: "required"
 };
 const section$1 = {
-  enterPlaceholder: "Enter"
+  enterPlaceholder: "Enter",
+  position: "Section {{current}} of {{total}}",
+  previous: "← Previous",
+  next: "Next: {{title}} →",
+  locateInList: "Show this section in the list on the left",
+  amountScaleBase: "Amounts in €",
+  amountScaleFactor: "Amounts in € × {{factor}}"
 };
 const field$1 = {
   selectOption: "Select an option...",
   select: "Select...",
-  enterDetailedExplanation: "Enter detailed explanation...",
-  enterAmountNoDecimals: "Enter amount (no decimals)",
+  emptyOption: "—",
+  enterDetailedExplanation: "Detailed explanation",
+  enterAmountNoDecimals: "Amount, no decimals",
   enterCurrency: "0.00",
-  enterText: "Enter text",
-  enterWholeNumber: "Enter whole number",
-  enterPositiveNumber: "Enter positive number",
-  enterDecimalValue: "Enter decimal value",
-  enterNumberOfShares: "Enter number of shares",
+  enterText: "Text",
+  enterWholeNumber: "Whole number",
+  enterPositiveNumber: "Positive number",
+  enterDecimalValue: "Decimal value",
+  enterNumberOfShares: "Number of shares",
   yearFormat: "YYYY",
   enterPercentage: "e.g. 0.25 for 25% or 0.2550 for 25.50%",
   emailPlaceholder: "email@example.com",
   urlPlaceholder: "https://example.com",
   phonePlaceholder: "+1 (555) 000-0000",
-  enterValue: "Enter value",
-  enterDetailedInformation: "Enter detailed information...",
+  enterValue: "Value",
+  enterDetailedInformation: "Detailed information",
   scale: "Scale",
   addText: "Add text",
   editText: "Edit",
@@ -1796,7 +1806,12 @@ const field$1 = {
   date: "Date",
   unit: "Unit",
   selectUnit: "Select Unit",
-  leaveBlankForInf: "Leave blank for INF"
+  leaveBlankForInf: "Leave blank for INF",
+  prefilledLocked: "Pre-filled — cannot be changed here",
+  invalidNumber: `Can't read "{{value}}" as a number`,
+  noDecimalsAllowed: "This field doesn't accept decimals",
+  negativeNotAllowed: "A negative value isn't allowed here",
+  ambiguousNumber: '"{{value}}" is ambiguous — retype it without the thousands separator'
 };
 const admin$1 = {
   title: "Configure Roles",
@@ -1832,6 +1847,16 @@ const error$1 = {
     ok: "OK"
   }
 };
+const typedDimensionWarning$1 = {
+  title: "Typed dimension values missing",
+  message: "The form contains errors for the following roles where a typed dimension value is missing. Do you still want to continue?",
+  role: "Role:",
+  field: "Field:",
+  value: "Value:",
+  clickToFocus: "Click to go to this fact",
+  "continue": "Continue to validate",
+  cancel: "Cancel"
+};
 const calculationWarning$1 = {
   title: "Calculation warning",
   summaryLine: 'Total "{{label}}" should equal {{calculated}}, but you entered {{entered}}.',
@@ -1841,6 +1866,10 @@ const calculationWarning$1 = {
   added: "Added",
   subtracted: "Subtracted (opposite balance)"
 };
+const balanceCheck$1 = {
+  balanced: "{{column}}: In balance",
+  difference: "Difference {{column}}: {{amount}}"
+};
 const formulaValidation$1 = {
   dialogTitle: "Formula check results",
   allPassed: "All formula checks passed",
@@ -1869,7 +1898,9 @@ const enTranslations = {
   validation: validation$1,
   xbrlValidation: xbrlValidation$1,
   error: error$1,
+  typedDimensionWarning: typedDimensionWarning$1,
   calculationWarning: calculationWarning$1,
+  balanceCheck: balanceCheck$1,
   formulaValidation: formulaValidation$1,
   scrollToConcept: scrollToConcept$1
 };
@@ -1956,7 +1987,10 @@ const filter = {
   searchByConceptDescription: "Typ een conceptnaam of label om rollen en rijen te filteren. Druk op Filter toepassen om te activeren.",
   searchByConceptPlaceholder: "Typ conceptnaam of label en druk op Filter toepassen...",
   clearFilters: "Filters wissen",
-  resetFilter: "Resetten"
+  resetFilter: "Resetten",
+  bannerConcept: 'Gefilterd op "{{concept}}" — {{count}} rij(en) zichtbaar',
+  bannerFactsOnly: "Alleen ingevulde velden worden getoond",
+  showAll: "Alles tonen"
 };
 const column = {
   addColumn: "Kolom toevoegen",
@@ -1980,26 +2014,33 @@ const column = {
   required: "verplicht"
 };
 const section = {
-  enterPlaceholder: "Invoeren"
+  enterPlaceholder: "Invoeren",
+  position: "Onderdeel {{current}} van {{total}}",
+  previous: "← Vorige",
+  next: "Volgende: {{title}} →",
+  locateInList: "Toon dit onderdeel in de lijst aan de linkerkant",
+  amountScaleBase: "Bedragen in €",
+  amountScaleFactor: "Bedragen in € × {{factor}}"
 };
 const field = {
   selectOption: "Selecteer een optie...",
   select: "Selecteer...",
-  enterDetailedExplanation: "Voer gedetailleerde uitleg in...",
-  enterAmountNoDecimals: "Voer bedrag in (geen decimalen)",
+  emptyOption: "—",
+  enterDetailedExplanation: "Gedetailleerde uitleg",
+  enterAmountNoDecimals: "Bedrag, zonder decimalen",
   enterCurrency: "0,00",
-  enterText: "Voer tekst in",
-  enterWholeNumber: "Voer geheel getal in",
-  enterPositiveNumber: "Voer positief getal in",
-  enterDecimalValue: "Voer decimale waarde in",
-  enterNumberOfShares: "Voer aantal aandelen in",
+  enterText: "Tekst",
+  enterWholeNumber: "Geheel getal",
+  enterPositiveNumber: "Positief getal",
+  enterDecimalValue: "Decimale waarde",
+  enterNumberOfShares: "Aantal aandelen",
   yearFormat: "JJJJ",
   enterPercentage: "bijv. 0,25 voor 25% of 0,2550 voor 25,50%",
   emailPlaceholder: "email@voorbeeld.nl",
   urlPlaceholder: "https://voorbeeld.nl",
   phonePlaceholder: "+31 (0)20 123 4567",
-  enterValue: "Voer waarde in",
-  enterDetailedInformation: "Voer gedetailleerde informatie in...",
+  enterValue: "Waarde",
+  enterDetailedInformation: "Gedetailleerde informatie",
   scale: "Schaal",
   addText: "Tekst toevoegen",
   editText: "Bewerken",
@@ -2012,7 +2053,12 @@ const field = {
   date: "Datum",
   unit: "Eenheid",
   selectUnit: "Selecteer eenheid",
-  leaveBlankForInf: "Leeg laten voor INF"
+  leaveBlankForInf: "Leeg laten voor INF",
+  prefilledLocked: "Vooraf ingevuld — kan hier niet worden gewijzigd",
+  invalidNumber: "Kan '{{value}}' niet lezen als getal",
+  noDecimalsAllowed: "Dit veld accepteert geen decimalen",
+  negativeNotAllowed: "Een negatieve waarde is hier niet toegestaan",
+  ambiguousNumber: "'{{value}}' is dubbelzinnig — typ het opnieuw zonder duizendtalscheidingsteken"
 };
 const admin = {
   title: "Rollen configureren",
@@ -2048,6 +2094,16 @@ const error = {
     ok: "OK"
   }
 };
+const typedDimensionWarning = {
+  title: "Waarden voor typed dimensie ontbreken",
+  message: "Het formulier bevat fouten voor de volgende rollen waar een waarde voor de typed dimensie ontbreekt. Wilt u toch doorgaan?",
+  role: "Rol:",
+  field: "Veld:",
+  value: "Waarde:",
+  clickToFocus: "Klik om naar dit feit te gaan",
+  "continue": "Doorgaan met valideren",
+  cancel: "Annuleren"
+};
 const calculationWarning = {
   title: "Berekeningswaarschuwing",
   summaryLine: 'Totaal "{{label}}" zou {{calculated}} moeten zijn, maar u heeft {{entered}} ingevoerd.',
@@ -2057,6 +2113,10 @@ const calculationWarning = {
   added: "Opgeteld",
   subtracted: "Afgetrokken (tegengestelde balans)"
 };
+const balanceCheck = {
+  balanced: "{{column}}: In balans",
+  difference: "Verschil {{column}}: {{amount}}"
+};
 const formulaValidation = {
   dialogTitle: "Resultaten formulecontrole",
   allPassed: "Alle formulecontroles geslaagd",
@@ -2085,7 +2145,9 @@ const nlTranslations = {
   validation,
   xbrlValidation,
   error,
+  typedDimensionWarning,
   calculationWarning,
+  balanceCheck,
   formulaValidation,
   scrollToConcept
 };
@@ -3969,6 +4031,113 @@ function rankMatchingSections(roleQuery, sections) {
     return [];
   return sections.map((section2, index) => ({ section: section2, index, score: scoreSection(query, section2) })).filter((entry) => entry.score !== null).sort((a2, b2) => a2.score.tier - b2.score.tier || a2.score.looseness - b2.score.looseness || a2.index - b2.index).map(({ section: section2, score }) => ({ section: section2, tier: score.tier }));
 }
+const ASSETS_CONCEPT_NAME = "jenv-bw2-i:Assets";
+const EQUITY_AND_LIABILITIES_CONCEPT_NAME = "jenv-bw2-i:EquityAndLiabilities";
+function findBalanceSheetTotals(concepts) {
+  let assetsConceptId;
+  let equityConceptId;
+  const visit = (nodes) => {
+    var _a, _b;
+    for (const node of nodes) {
+      if (isTotalLabel$1(node.preferredLabel)) {
+        const name = ((_a = node.conceptMetadata) == null ? void 0 : _a.conceptName) ?? node.name;
+        if (name === ASSETS_CONCEPT_NAME)
+          assetsConceptId = node.id;
+        else if (name === EQUITY_AND_LIABILITIES_CONCEPT_NAME)
+          equityConceptId = node.id;
+      }
+      if ((_b = node.children) == null ? void 0 : _b.length)
+        visit(node.children);
+    }
+  };
+  visit(concepts);
+  return assetsConceptId && equityConceptId ? { assetsConceptId, equityConceptId } : null;
+}
+function computeBalanceDifference(formData, columns, totals) {
+  var _a, _b;
+  const results = [];
+  for (const column2 of columns) {
+    if (column2.hidden)
+      continue;
+    const assetsValue = parseFloat((_a = formData[totals.assetsConceptId]) == null ? void 0 : _a[column2.id]);
+    const equityValue = parseFloat((_b = formData[totals.equityConceptId]) == null ? void 0 : _b[column2.id]);
+    if (isNaN(assetsValue) || isNaN(equityValue))
+      continue;
+    const difference = assetsValue - equityValue;
+    const columnLabel = column2.description && column2.description !== column2.title ? `${column2.title} ${column2.description}` : column2.title;
+    results.push({
+      columnId: column2.id,
+      columnLabel,
+      assetsValue,
+      equityValue,
+      difference,
+      balanced: Math.abs(difference) < CALCULATION_TOLERANCE
+    });
+  }
+  return results;
+}
+function getColumnParts(dimensionData) {
+  var _a, _b;
+  if (!dimensionData)
+    return [];
+  const parts = [];
+  if ((_a = dimensionData.combinations) == null ? void 0 : _a.length) {
+    for (const c2 of dimensionData.combinations) {
+      parts.push({ key: c2.axisId || c2.memberLabel, label: c2.memberLabel });
+    }
+  } else {
+    const selectedDimensions = dimensionData.selectedDimensions;
+    for (const d2 of selectedDimensions ?? []) {
+      if (!d2.isTyped && d2.memberLabel)
+        parts.push({ key: d2.axisId, label: d2.memberLabel });
+    }
+  }
+  if ((_b = dimensionData.typedMembers) == null ? void 0 : _b.length) {
+    for (const t2 of dimensionData.typedMembers) {
+      parts.push({ key: t2.axisId, label: t2.axisLabel });
+    }
+  }
+  if (parts.length === 0 && dimensionData.memberLabel && (dimensionData.axisId || dimensionData.axisLabel)) {
+    parts.push({ key: dimensionData.axisId || dimensionData.axisLabel, label: dimensionData.memberLabel });
+  }
+  return parts;
+}
+function splitCommonMembers(columns) {
+  const perColumnLabel = {};
+  const partsByColumnId = /* @__PURE__ */ new Map();
+  for (const column2 of columns) {
+    if (column2.type !== "dimension")
+      continue;
+    const parts = getColumnParts(column2.dimensionData);
+    if (parts.length > 0)
+      partsByColumnId.set(column2.id, parts);
+  }
+  const eligible = columns.filter((c2) => partsByColumnId.has(c2.id));
+  if (eligible.length < 2) {
+    for (const column2 of columns)
+      perColumnLabel[column2.id] = column2.title;
+    return { caption: "", perColumnLabel };
+  }
+  const referenceParts = partsByColumnId.get(eligible[0].id);
+  const commonKeys = new Set(
+    referenceParts.filter(
+      (part) => eligible.every((column2) => {
+        const match = partsByColumnId.get(column2.id).find((p2) => p2.key === part.key);
+        return (match == null ? void 0 : match.label) === part.label;
+      })
+    ).map((part) => part.key)
+  );
+  const caption = referenceParts.filter((part) => commonKeys.has(part.key)).map((part) => part.label).join(" · ");
+  for (const column2 of columns) {
+    const parts = partsByColumnId.get(column2.id);
+    if (!parts) {
+      perColumnLabel[column2.id] = column2.title;
+      continue;
+    }
+    perColumnLabel[column2.id] = parts.filter((part) => !commonKeys.has(part.key)).map((part) => part.label).join(" · ");
+  }
+  return { caption, perColumnLabel };
+}
 const TYPE_INPUT_MAP = {
   // ==========================================
   // Dutch XBRL Types (nl-types namespace)
@@ -4618,6 +4787,125 @@ class XBRLValidator {
     return rules;
   }
 }
+function isValidThousandsGrouping(groups) {
+  return groups.length >= 1 && groups[0].length >= 1 && groups[0].length <= 3 && groups.slice(1).every((g) => g.length === 3);
+}
+function parseLocaleNumber(raw, options = {}) {
+  const allowDecimals = options.allowDecimals !== false;
+  const allowNegative = options.allowNegative !== false;
+  const isDutch = (options.locale ?? "nl-NL").toLowerCase().startsWith("nl");
+  let s2 = raw.trim();
+  if (s2 === "") {
+    return { ok: false, reason: "unreadable" };
+  }
+  s2 = s2.replace(/EUR/gi, "").replace(/[€'\s]/g, "");
+  if (s2 === "") {
+    return { ok: false, reason: "unreadable" };
+  }
+  let negative = false;
+  const parenMatch = /^\((.*)\)$/.exec(s2);
+  if (parenMatch) {
+    negative = true;
+    s2 = parenMatch[1];
+  }
+  if (s2.startsWith("+")) {
+    s2 = s2.slice(1);
+  } else if (s2.startsWith("-")) {
+    negative = true;
+    s2 = s2.slice(1);
+  } else if (s2.endsWith("-")) {
+    negative = true;
+    s2 = s2.slice(0, -1);
+  }
+  if (s2 === "" || !/^[0-9.,]+$/.test(s2)) {
+    return { ok: false, reason: "unreadable" };
+  }
+  const dotCount = (s2.match(/\./g) || []).length;
+  const commaCount = (s2.match(/,/g) || []).length;
+  let numericString;
+  let isThousandsOnly = false;
+  if (dotCount === 0 && commaCount === 0) {
+    numericString = s2;
+    isThousandsOnly = true;
+  } else if (dotCount > 0 && commaCount > 0) {
+    const lastDot = s2.lastIndexOf(".");
+    const lastComma = s2.lastIndexOf(",");
+    const decimalSep = lastDot > lastComma ? "." : ",";
+    const thousandsSep = decimalSep === "." ? "," : ".";
+    const decimalCount = decimalSep === "." ? dotCount : commaCount;
+    const decimalIndex = decimalSep === "." ? lastDot : lastComma;
+    const thousandsBeforeDecimal = [...s2].every((ch, i2) => ch !== thousandsSep || i2 < decimalIndex);
+    if (decimalCount !== 1 || !thousandsBeforeDecimal) {
+      return { ok: false, reason: "unreadable" };
+    }
+    const intPart = s2.slice(0, decimalIndex);
+    const fracPart = s2.slice(decimalIndex + 1);
+    const groups = intPart.split(thousandsSep);
+    if (!isValidThousandsGrouping(groups) || fracPart.length === 0) {
+      return { ok: false, reason: "unreadable" };
+    }
+    numericString = `${groups.join("")}.${fracPart}`;
+  } else if (dotCount >= 2 || commaCount >= 2) {
+    const sep = dotCount >= 2 ? "." : ",";
+    const groups = s2.split(sep);
+    if (!isValidThousandsGrouping(groups)) {
+      return { ok: false, reason: "unreadable" };
+    }
+    numericString = groups.join("");
+    isThousandsOnly = true;
+  } else {
+    const sep = dotCount === 1 ? "." : ",";
+    const idx = s2.indexOf(sep);
+    const intPart = s2.slice(0, idx);
+    const fracPart = s2.slice(idx + 1);
+    if (intPart === "" || fracPart === "") {
+      return { ok: false, reason: "unreadable" };
+    }
+    const isPlausibleThousandsGroup = fracPart.length === 3 && intPart !== "0";
+    if (isDutch) {
+      if (sep === ".") {
+        if (allowDecimals) {
+          numericString = `${intPart}.${fracPart}`;
+        } else if (isPlausibleThousandsGroup) {
+          numericString = intPart + fracPart;
+          isThousandsOnly = true;
+        } else {
+          numericString = `${intPart}.${fracPart}`;
+        }
+      } else if (isPlausibleThousandsGroup) {
+        if (allowDecimals) {
+          return { ok: false, reason: "ambiguous" };
+        }
+        numericString = intPart + fracPart;
+        isThousandsOnly = true;
+      } else {
+        numericString = `${intPart}.${fracPart}`;
+      }
+    } else if (sep === ".") {
+      numericString = `${intPart}.${fracPart}`;
+    } else if (isPlausibleThousandsGroup) {
+      numericString = intPart + fracPart;
+      isThousandsOnly = true;
+    } else {
+      return { ok: false, reason: "unreadable" };
+    }
+  }
+  if (numericString === null) {
+    return { ok: false, reason: "unreadable" };
+  }
+  const value = Number(numericString);
+  if (!Number.isFinite(value)) {
+    return { ok: false, reason: "unreadable" };
+  }
+  if (negative && !allowNegative) {
+    return { ok: false, reason: "negativeNotAllowed" };
+  }
+  const signedValue = negative ? -value : value;
+  if (!allowDecimals && !isThousandsOnly && signedValue !== Math.trunc(signedValue)) {
+    return { ok: false, reason: "decimalsNotAllowed" };
+  }
+  return { ok: true, value: signedValue };
+}
 var __defProp$8 = Object.defineProperty;
 var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
 var __decorateClass$8 = (decorators, target, key, kind) => {
@@ -4636,6 +4924,7 @@ let JupiterFormField = class extends LitElement {
     this.value = null;
     this.disabled = false;
     this.locale = "en-US";
+    this.numberLocale = "nl-NL";
     this.hideLabel = false;
     this.mode = "inputForm";
     this.globalDecimals = "INF";
@@ -4646,6 +4935,7 @@ let JupiterFormField = class extends LitElement {
     this._showPeriodPopup = false;
     this._availableUnits = [];
     this._numericDraftValue = null;
+    this._focused = false;
   }
   willUpdate(changedProperties) {
     var _a;
@@ -4687,6 +4977,20 @@ let JupiterFormField = class extends LitElement {
   _isRoundingLevelConcept() {
     return !!this.conceptId && this.conceptId.includes("DocumentIntendedRoundingLevel");
   }
+  /**
+   * JDF-110: lock icon (SVG, not emoji) shown on a masterData-prefilled or rounding-level-locked
+   * cell, so a locked value reads as "filled and protected" rather than empty placeholder text.
+   * The host's `prefilledTooltip` overrides the default hint text.
+   */
+  _renderLockIcon() {
+    const tooltip = this.prefilledTooltip || I18n.t("field.prefilledLocked");
+    return html`
+      <svg class="lock-icon" viewBox="0 0 24 24" role="img" aria-label="${tooltip}">
+        <title>${tooltip}</title>
+        <path fill="currentColor" d="M12 1a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V11a2 2 0 0 0-2-2h-1V6a5 5 0 0 0-5-5zm-3 8V6a3 3 0 0 1 6 0v3z"/>
+      </svg>
+    `;
+  }
   _isNumericField() {
     var _a;
     const typeConfig = getInputTypeForConceptType(this.conceptType, this.datatypes);
@@ -4694,7 +4998,32 @@ let JupiterFormField = class extends LitElement {
     return isNumericType(effectiveFieldType) || this._getInputType() === "number";
   }
   _isIntermediateNumericValue(raw) {
-    return raw === "-" || raw === "." || raw === "-.";
+    return raw === "-" || raw === "." || raw === "-." || raw === "," || raw === "-,";
+  }
+  // JDF-091: the same allowDecimals/allowNegative resolution _handleKeyDown already computes,
+  // shared with the parser so every code path agrees on what's allowed for this field.
+  _getNumberParseOptions() {
+    const typeConfig = getInputTypeForConceptType(this.conceptType, this.datatypes);
+    const allowNegative = typeConfig.min === void 0 || typeof typeConfig.min === "number" && typeConfig.min < 0;
+    return {
+      locale: this.numberLocale,
+      allowDecimals: typeConfig.allowDecimals !== false,
+      allowNegative
+    };
+  }
+  // JDF-091: maps a parse failure reason to the field's inline error message.
+  _numberParseErrorMessage(reason, raw) {
+    switch (reason) {
+      case "decimalsNotAllowed":
+        return I18n.t("field.noDecimalsAllowed");
+      case "negativeNotAllowed":
+        return I18n.t("field.negativeNotAllowed");
+      case "ambiguous":
+        return I18n.t("field.ambiguousNumber", { value: raw });
+      case "unreadable":
+      default:
+        return I18n.t("field.invalidNumber", { value: raw });
+    }
   }
   _handleInput(event) {
     const target = event.target;
@@ -4714,8 +5043,8 @@ let JupiterFormField = class extends LitElement {
       if (rawValue === "" || this._isIntermediateNumericValue(rawValue)) {
         value = null;
       } else {
-        const parsed = Number(rawValue);
-        value = Number.isNaN(parsed) ? null : parsed;
+        const parsed = parseLocaleNumber(rawValue, this._getNumberParseOptions());
+        value = parsed.ok ? parsed.value : null;
       }
     } else if (this.field.type === "boolean") {
       value = target.checked;
@@ -4737,6 +5066,7 @@ let JupiterFormField = class extends LitElement {
     }));
   }
   _handleFocus() {
+    this._focused = true;
     this.dispatchEvent(new CustomEvent("field-focus", {
       detail: {
         fieldId: this.field.id,
@@ -4747,17 +5077,25 @@ let JupiterFormField = class extends LitElement {
     }));
   }
   _handleBlur() {
+    this._focused = false;
     let userTypedNewValue = false;
+    let numberParseError = null;
     if (this._isNumericField() && this._numericDraftValue !== null) {
       userTypedNewValue = true;
       const raw = this._numericDraftValue;
       if (raw === "" || this._isIntermediateNumericValue(raw)) {
         this.value = null;
+        this._numericDraftValue = null;
       } else {
-        const parsed = Number(raw);
-        this.value = Number.isNaN(parsed) ? null : parsed;
+        const parsed = parseLocaleNumber(raw, this._getNumberParseOptions());
+        if (parsed.ok) {
+          this.value = parsed.value;
+          this._numericDraftValue = null;
+        } else {
+          this.value = null;
+          numberParseError = { type: "invalidNumber", message: this._numberParseErrorMessage(parsed.reason, raw) };
+        }
       }
-      this._numericDraftValue = null;
     }
     if (this._isPercentItemType() && userTypedNewValue && this.value !== null && this.value !== void 0) {
       const numVal = Number(this.value);
@@ -4773,6 +5111,9 @@ let JupiterFormField = class extends LitElement {
     this._touched = true;
     this._validateXBRLDatatype();
     this._validateUnitSelection();
+    if (numberParseError) {
+      this._xbrlErrors = [numberParseError, ...this._xbrlErrors];
+    }
     console.log(`🟦 [FormField] Blur event - fieldId: ${this.field.id}, conceptId: ${this.conceptId}, columnId: ${this.columnId}`);
     console.log(`🟦 [FormField] Current _xbrlErrors:`, this._xbrlErrors);
     console.log(`🟦 [FormField] Current value:`, this.value);
@@ -4850,6 +5191,9 @@ let JupiterFormField = class extends LitElement {
     if (event.key === "." && typeConfig.allowDecimals !== false && !target.value.includes(".")) {
       return;
     }
+    if (event.key === "," || event.key === "€" || event.key === "(" || event.key === ")" || event.key === " ") {
+      return;
+    }
     if (event.key >= "0" && event.key <= "9") {
       return;
     }
@@ -5037,6 +5381,10 @@ let JupiterFormField = class extends LitElement {
         max-width: 600px; width: 90vw;
         box-shadow: 0 8px 32px rgba(0,0,0,0.2); overflow: hidden;
         font-family: inherit;
+        /* JDF-118: don't rely on the UA's default margin:auto centering — a host page's
+           * { margin: 0 } reset wins over it and pins the dialog to the top-left corner.
+           Position explicitly instead, independent of any margin. */
+        position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0;
       }
       dialog.jdf-text-entry-dialog::backdrop { background: rgba(0,0,0,0.35); }
       .jdf-text-dialog-header {
@@ -5057,7 +5405,9 @@ let JupiterFormField = class extends LitElement {
       .jdf-text-dialog-close:hover { background: #ddd; color: #333; }
       .jdf-text-dialog-body { padding: 20px 20px 12px; }
       .jdf-text-dialog-textarea {
-        width: 100%; min-height: 200px; max-height: 50vh;
+        /* JDF-118: at least 60vh tall by default, growing further with content (up to 75vh,
+           see the input listener below), instead of the old cramped 200px/50vh cap. */
+        width: 100%; min-height: 60vh; max-height: 75vh;
         padding: 10px 12px; font-size: 14px; font-family: inherit;
         border: 1px solid #ddd; border-radius: 4px;
         box-sizing: border-box; resize: vertical; line-height: 1.5;
@@ -5115,16 +5465,25 @@ let JupiterFormField = class extends LitElement {
       </div>
     `;
     const cleanTitle = fieldLabel;
-    dialog.querySelector(".jdf-text-dialog-title").textContent = cleanTitle || fieldLabel;
+    const titleEl = dialog.querySelector(".jdf-text-dialog-title");
+    titleEl.textContent = cleanTitle || fieldLabel;
+    titleEl.title = cleanTitle || fieldLabel;
     dialog.querySelector(".jdf-text-dialog-cancel").textContent = I18n.t("field.cancel");
     dialog.querySelector(".jdf-text-dialog-save").textContent = I18n.t("field.save");
     const textarea = dialog.querySelector(".jdf-text-dialog-textarea");
     const charCount = dialog.querySelector(".jdf-text-dialog-char-count");
     textarea.value = currentValue;
     charCount.textContent = `${currentValue.length} ${I18n.t("field.characters")}`;
+    const growTextarea = () => {
+      textarea.style.height = "auto";
+      const maxPx = window.innerHeight * 0.75;
+      textarea.style.height = `${Math.min(textarea.scrollHeight, maxPx)}px`;
+    };
     textarea.addEventListener("input", () => {
       charCount.textContent = `${textarea.value.length} ${I18n.t("field.characters")}`;
+      growTextarea();
     });
+    growTextarea();
     dialog.querySelector(".jdf-text-dialog-close").addEventListener("click", () => dialog.close());
     dialog.querySelector(".jdf-text-dialog-cancel").addEventListener("click", () => dialog.close());
     dialog.querySelector(".jdf-text-dialog-save").addEventListener("click", () => {
@@ -5149,13 +5508,14 @@ let JupiterFormField = class extends LitElement {
     dialog.showModal();
     textarea.focus();
   }
-  _renderTextDialogTrigger(effectiveValue, effectiveDisabled) {
+  _renderTextDialogTrigger(effectiveValue, effectiveDisabled, isLocked = false) {
     const hasValue = effectiveValue !== null && effectiveValue !== void 0 && String(effectiveValue).trim() !== "";
     const displayText = hasValue ? String(effectiveValue) : "";
     if (effectiveDisabled) {
       return html`
-        <span class="text-readonly-label ${hasValue ? "" : "empty"}"
+        <span class="text-readonly-label ${hasValue ? "" : "empty"} ${isLocked ? "locked" : ""}"
           title="${displayText}">${hasValue ? displayText : "—"}</span>
+        ${isLocked ? this._renderLockIcon() : ""}
       `;
     }
     if (!hasValue) {
@@ -5166,7 +5526,8 @@ let JupiterFormField = class extends LitElement {
         var _a;
         return this._openTextDialog("", ((_a = this.field) == null ? void 0 : _a.label) || "");
       }}">
-          + ${I18n.t("field.addText")}
+          <span class="text-trigger-plus" aria-hidden="true">+</span>
+          <span class="text-trigger-label">${I18n.t("field.addText")}</span>
         </button>
       `;
     }
@@ -5259,14 +5620,14 @@ let JupiterFormField = class extends LitElement {
     const isMonetary = this._isMonetaryType();
     return html`<span class="readonly-value ${isEmpty ? "empty" : ""} ${isMonetary ? "monetary" : ""}">${isEmpty ? "—" : displayValue}</span>`;
   }
-  _renderInput(effectiveValue = this.value, effectiveDisabled = this.disabled) {
+  _renderInput(effectiveValue = this.value, effectiveDisabled = this.disabled, isLocked = false) {
     if (this.mode === "readonly") {
       return this._renderReadonlyValue(effectiveValue);
     }
     const hasErrors = this._errors.some((e2) => e2.severity === "error");
     const hasWarnings = this._errors.some((e2) => e2.severity === "warning");
     const isMonetary = this._isMonetaryType();
-    const cssClass = `field-input ${hasErrors ? "error" : hasWarnings ? "warning" : ""} ${isMonetary ? "monetary" : ""}`;
+    const cssClass = `field-input ${hasErrors ? "error" : hasWarnings ? "warning" : ""} ${isMonetary ? "monetary" : ""} ${isLocked ? "locked" : ""}`;
     const fieldId = `${this.conceptId}__${this.columnId}`;
     const fieldName = `data[${this.conceptId}][${this.columnId}]`;
     const typeConfig = getInputTypeForConceptType(this.conceptType, this.datatypes);
@@ -5274,7 +5635,7 @@ let JupiterFormField = class extends LitElement {
       ;
     const effectiveFieldType = typeConfig.fieldType || this.field.type || "text";
     if (effectiveFieldType === "textarea" || isTextareaType(effectiveFieldType)) {
-      return this._renderTextDialogTrigger(effectiveValue, effectiveDisabled || this.field.disabled || false);
+      return this._renderTextDialogTrigger(effectiveValue, effectiveDisabled || this.field.disabled || false, isLocked);
     }
     if (effectiveFieldType === "select" || this.field.type === "select") {
       const selectOptions = typeConfig.enumerations || this.field.options || [];
@@ -5289,7 +5650,7 @@ let JupiterFormField = class extends LitElement {
           @focus="${this._handleFocus}"
           @blur="${this._handleBlur}"
         >
-          <option value="">${typeConfig.placeholder || I18n.t("field.select")}</option>
+          <option value="">${I18n.t("field.emptyOption")}</option>
           ${selectOptions.map((option) => {
         const optionValue = option.value;
         const optionLabel = option.label || option.value;
@@ -5337,6 +5698,9 @@ let JupiterFormField = class extends LitElement {
     } else {
       renderedInputValue = effectiveValue ?? "";
     }
+    const hintText = typeConfig.placeholder || this.field.placeholder || "";
+    const hintId = `${fieldId}-hint`;
+    const hintSpan = hintText ? html`<span id="${hintId}" class="field-hint-sr-only">${hintText}</span>` : "";
     if (inputType === "date" || inputType === "datetime-local") {
       return html`
         <div class="date-wrapper">
@@ -5348,7 +5712,8 @@ let JupiterFormField = class extends LitElement {
             class="${cssClass}"
             .value="${renderedInputValue}"
             ?disabled="${effectiveDisabled || this.field.disabled}"
-            placeholder="${typeConfig.placeholder || this.field.placeholder || ""}"
+            placeholder="${this._focused ? hintText : ""}"
+            aria-describedby="${hintText ? hintId : nothing}"
             min="${min !== void 0 ? min : ""}"
             max="${max !== void 0 ? max : ""}"
             @input="${this._handleInput}"
@@ -5361,6 +5726,7 @@ let JupiterFormField = class extends LitElement {
                   a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14
                   a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V9h14z"/>
           </svg>
+          ${hintSpan}
         </div>
       `;
     }
@@ -5373,7 +5739,8 @@ let JupiterFormField = class extends LitElement {
         class="${cssClass}"
         .value="${renderedInputValue}"
         ?disabled="${effectiveDisabled || this.field.disabled}"
-        placeholder="${typeConfig.placeholder || this.field.placeholder || ""}"
+        placeholder="${this._focused ? hintText : ""}"
+        aria-describedby="${hintText ? hintId : nothing}"
         step="${step !== void 0 ? step : ""}"
         min="${min !== void 0 ? min : ""}"
         max="${max !== void 0 ? max : ""}"
@@ -5382,7 +5749,7 @@ let JupiterFormField = class extends LitElement {
         @focus="${this._handleFocus}"
         @blur="${this._handleBlur}"
         @keydown="${this._handleKeyDown}"
-      />
+      />${hintSpan}
     `;
   }
   _getInputType() {
@@ -5485,9 +5852,18 @@ let JupiterFormField = class extends LitElement {
     }
     return html``;
   }
+  // JDF-118: the period popup is a plain Lit overlay, not a native <dialog>, so it doesn't get
+  // Escape-to-close for free the way the info/text dialogs do. Keydown on the overlay catches it
+  // as it bubbles up from whichever control inside the popup has focus.
+  _handlePeriodPopupKeydown(e2) {
+    if (e2.key === "Escape") {
+      e2.stopPropagation();
+      this._closePeriodPopup();
+    }
+  }
   _renderPeriodPopup() {
     return html`
-      <div class="period-popup-overlay" @click="${this._handlePopupOverlayClick}">
+      <div class="period-popup-overlay" @click="${this._handlePopupOverlayClick}" @keydown="${this._handlePeriodPopupKeydown}">
         <div class="period-popup" @click="${(e2) => e2.stopPropagation()}">
           <div class="period-popup-header">
             <div class="period-popup-title">${I18n.t("field.editPeriod")}</div>
@@ -5676,6 +6052,10 @@ let JupiterFormField = class extends LitElement {
     const hasUserValue = this.value !== null && this.value !== void 0;
     const effectiveValue = isPredefinedValue ? this.masterData[baseConceptId] : hasUserValue ? this.value : factValue;
     const effectiveDisabled = isPredefinedValue || isRoundingLevelLocked || this.disabled || this.mode === "readonly";
+    const isLocked = (isPredefinedValue || isRoundingLevelLocked) && this.mode !== "readonly";
+    const typeConfigForLock = getInputTypeForConceptType(this.conceptType, this.datatypes);
+    const effectiveFieldTypeForLock = typeConfigForLock.fieldType || this.field.type || "text";
+    const isTextareaField = effectiveFieldTypeForLock === "textarea" || isTextareaType(effectiveFieldTypeForLock);
     return html`
       <div class="field-container">
         ${showLabel ? html`
@@ -5683,23 +6063,28 @@ let JupiterFormField = class extends LitElement {
             ${this.field.label}
           </label>
         ` : ""}
-        
+
         <div class="field-wrapper">
-          ${this._renderInput(effectiveValue, effectiveDisabled)}
-          
-          ${hasPeriodControl && this.mode !== "readonly" && !isRoundingLevelLocked ? html`
-            <button
-              class="period-icon-btn"
-              type="button"
-              tabindex="-1"
-              @click="${this._handlePeriodIconClick}"
-              title="Edit period"
-            >
-              📅
-            </button>
+          ${this._renderInput(effectiveValue, effectiveDisabled, isLocked)}
+
+          ${isLocked && !isTextareaField || hasPeriodControl && this.mode !== "readonly" && !isRoundingLevelLocked ? html`
+            <div class="field-trailing-icons">
+              ${isLocked && !isTextareaField ? this._renderLockIcon() : ""}
+              ${hasPeriodControl && this.mode !== "readonly" && !isRoundingLevelLocked ? html`
+                <button
+                  class="period-icon-btn"
+                  type="button"
+                  tabindex="-1"
+                  @click="${this._handlePeriodIconClick}"
+                  title="Edit period"
+                >
+                  📅
+                </button>
+              ` : ""}
+            </div>
           ` : ""}
         </div>
-        
+
         ${this._errors.length > 0 && this._touched ? html`
           <div class="field-errors">
             ${this._errors.map((error2) => html`
@@ -5762,6 +6147,25 @@ JupiterFormField.styles = css`
       overflow: hidden;
     }
 
+    /* JDF-110: holds the lock icon and/or the period icon together on the wrapper's right edge
+       (same rail regardless of the sibling input's own width — the date-wrapper next to it sizes
+       to its dd/mm/yyyy content, which is narrower than a full-width text/select input). Only one
+       auto-margin is needed to push the whole group right, however many icons it contains. */
+    .field-trailing-icons {
+      display: flex;
+      align-items: center;
+      gap: 2px;
+      margin-left: auto;
+      flex-shrink: 0;
+    }
+
+    .lock-icon {
+      width: 15px;
+      height: 15px;
+      color: var(--jupiter-locked-text, #6b6b6b);
+      flex-shrink: 0;
+    }
+
     .period-icon-btn {
       background: transparent;
       border: none;
@@ -5774,10 +6178,6 @@ JupiterFormField.styles = css`
       border-radius: 4px;
       transition: background-color 0.2s;
       opacity: 0.7;
-      /* Keep this icon on the wrapper's right edge (same rail as every other field type)
-         regardless of the sibling input's own width — the date-wrapper next to it sizes to
-         its dd/mm/yyyy content, which is narrower than a full-width text/select input. */
-      margin-left: auto;
       flex-shrink: 0;
     }
 
@@ -5965,6 +6365,21 @@ JupiterFormField.styles = css`
       cursor: not-allowed;
     }
 
+    /* JDF-109: screen-reader-only hint — the visible placeholder only shows on focus, but a
+       screen-reader user isn't shown "this cell looks empty" the way sighted users are, so the
+       hint stays available via aria-describedby regardless of focus. */
+    .field-hint-sr-only {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+    }
+
     .field-input {
       width: 100%;
       padding: 6px 8px; /* Reduced padding for table cells */
@@ -5989,6 +6404,18 @@ JupiterFormField.styles = css`
       cursor: not-allowed;
     }
 
+    /* JDF-110: a locked (masterData-prefilled / rounding-level) value must not look like the
+       greyed-out placeholder text a generic :disabled input gets — normal dark text on a subtly
+       tinted background instead, so it clearly reads as "filled" rather than "empty". Two classes
+       + :disabled beats the plain :disabled rule above on specificity. */
+    .field-input.locked:disabled {
+      /* !important: .field-input itself forces background: transparent !important, which would
+         otherwise always win over this tint regardless of selector specificity. */
+      background: var(--jupiter-locked-background, #eef2f7) !important;
+      color: var(--jupiter-locked-text, #333);
+      cursor: default;
+    }
+
     .field-input.error {
       border-color: var(--jupiter-error-color, #d32f2f);
     }
@@ -6101,26 +6528,52 @@ JupiterFormField.styles = css`
       border-color: var(--jupiter-primary-color, #1976d2);
     }
 
-    /* Text dialog trigger — empty state */
+    /* JDF-109: Text dialog trigger — empty state. A subtle "+" at rest (no dashed box, since an
+       empty cell should look empty) that expands to the full "Add text" label on hover/focus,
+       so the affordance is discoverable without every empty text cell shouting for attention. */
     .text-trigger-btn {
+      display: inline-flex;
+      align-items: center;
       flex: 1;
       min-width: 0;
       padding: 5px 8px;
-      border: 1px dashed var(--jupiter-border-color, #bbb);
+      border: 1px solid transparent;
       border-radius: 4px;
       background: transparent;
-      color: var(--jupiter-text-secondary, #888);
-      font-size: 12px;
+      color: var(--jupiter-text-secondary, #999);
+      font-size: 13px;
       cursor: pointer;
-      text-align: center;
       font-family: inherit;
       box-sizing: border-box;
     }
 
-    .text-trigger-btn:hover {
+    .text-trigger-plus {
+      font-size: 14px;
+      line-height: 1;
+    }
+
+    .text-trigger-label {
+      display: inline-block;
+      max-width: 0;
+      overflow: hidden;
+      white-space: nowrap;
+      opacity: 0;
+      transition: max-width 0.15s ease, opacity 0.15s ease, margin-left 0.15s ease;
+    }
+
+    .text-trigger-btn:hover,
+    .text-trigger-btn:focus-visible {
       border-color: var(--jupiter-primary-color, #1976d2);
       color: var(--jupiter-primary-color, #1976d2);
       background: rgba(25, 118, 210, 0.04);
+      outline: none;
+    }
+
+    .text-trigger-btn:hover .text-trigger-label,
+    .text-trigger-btn:focus-visible .text-trigger-label {
+      max-width: 160px;
+      opacity: 1;
+      margin-left: 6px;
     }
 
     /* Text dialog trigger — filled state */
@@ -6179,6 +6632,15 @@ JupiterFormField.styles = css`
       min-width: 0;
     }
 
+    /* JDF-110: same treatment as .field-input.locked, for masterData-prefilled/rounding-level
+       text-block cells (rendered as a plain label rather than an <input>). */
+    .text-readonly-label.locked {
+      background: var(--jupiter-locked-background, #eef2f7);
+      color: var(--jupiter-locked-text, #333);
+      padding: 5px 8px;
+      border-radius: 4px;
+    }
+
     .text-readonly-label.empty {
       color: var(--jupiter-text-secondary, #999);
       font-style: italic;
@@ -6220,6 +6682,9 @@ __decorateClass$8([
 __decorateClass$8([
   n2({ type: String })
 ], JupiterFormField.prototype, "locale", 2);
+__decorateClass$8([
+  n2({ type: String })
+], JupiterFormField.prototype, "numberLocale", 2);
 __decorateClass$8([
   n2({ type: Boolean })
 ], JupiterFormField.prototype, "hideLabel", 2);
@@ -6229,6 +6694,9 @@ __decorateClass$8([
 __decorateClass$8([
   n2({ type: Object })
 ], JupiterFormField.prototype, "masterData", 2);
+__decorateClass$8([
+  n2({ type: String })
+], JupiterFormField.prototype, "prefilledTooltip", 2);
 __decorateClass$8([
   n2({ type: Array })
 ], JupiterFormField.prototype, "facts", 2);
@@ -6274,6 +6742,9 @@ __decorateClass$8([
 __decorateClass$8([
   r()
 ], JupiterFormField.prototype, "_numericDraftValue", 2);
+__decorateClass$8([
+  r()
+], JupiterFormField.prototype, "_focused", 2);
 JupiterFormField = __decorateClass$8([
   t$1("jupiter-form-field")
 ], JupiterFormField);
@@ -6300,6 +6771,7 @@ let JupiterConceptTree = class extends LitElement {
     this.defaultUnits = [];
     this.disabled = false;
     this.locale = "en-US";
+    this.numberLocale = "nl-NL";
     this.expandedConcepts = /* @__PURE__ */ new Set();
     this.mode = "inputForm";
     this.typedMemberData = {};
@@ -6396,6 +6868,10 @@ let JupiterConceptTree = class extends LitElement {
         border: none; border-radius: 8px; padding: 0;
         max-width: 480px; width: 90vw;
         box-shadow: 0 8px 32px rgba(0,0,0,0.2); overflow: hidden;
+        /* JDF-118: don't rely on the UA's default margin:auto centering — a host page's
+           * { margin: 0 } reset (index.html has one) wins over it and pins the dialog to the
+           top-left corner. Position explicitly instead, independent of any margin. */
+        position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0;
       }
       dialog.jdf-concept-info-dialog::backdrop { background: rgba(0,0,0,0.35); }
       .jdf-dialog-header {
@@ -6488,6 +6964,8 @@ let JupiterConceptTree = class extends LitElement {
         border: none; border-radius: 8px; padding: 0;
         max-width: 480px; width: 90vw;
         box-shadow: 0 8px 32px rgba(0,0,0,0.2); overflow: hidden;
+        /* JDF-118: see jdf-concept-info-dialog above — explicit centering, immune to host margin resets. */
+        position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0;
       }
       dialog.jdf-calc-warning-dialog::backdrop { background: rgba(0,0,0,0.35); }
       .jdf-calc-warning-header {
@@ -6625,9 +7103,11 @@ let JupiterConceptTree = class extends LitElement {
                 .periodInstantDate="${field2.periodInstantDate || (field2.periodType === "instant" ? field2.periodEndDate || field2.periodStartDate : void 0)}"
                 .disabled="${this.disabled}"
                 .locale="${this.locale}"
+                .numberLocale="${this.numberLocale}"
                 .hideLabel="${true}"
                 .mode="${this.mode}"
                 .masterData="${this.masterData}"
+                .prefilledTooltip="${this.prefilledTooltip}"
                 .facts="${this.facts}"
                 .column="${column2}"
                 .typedMemberValues="${this.typedMemberData[`${this.concept.id}__${column2.id}`] || {}}"
@@ -6972,6 +7452,9 @@ __decorateClass$7([
 __decorateClass$7([
   n2({ type: String })
 ], JupiterConceptTree.prototype, "locale", 2);
+__decorateClass$7([
+  n2({ type: String })
+], JupiterConceptTree.prototype, "numberLocale", 2);
 __decorateClass$7([
   n2({ type: Set })
 ], JupiterConceptTree.prototype, "expandedConcepts", 2);
@@ -6984,6 +7467,9 @@ __decorateClass$7([
 __decorateClass$7([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "masterData", 2);
+__decorateClass$7([
+  n2({ type: String })
+], JupiterConceptTree.prototype, "prefilledTooltip", 2);
 __decorateClass$7([
   n2({ type: Array })
 ], JupiterConceptTree.prototype, "facts", 2);
@@ -7827,6 +8313,7 @@ let JupiterFormSection = class extends LitElement {
     this.disabled = false;
     this.collapsible = true;
     this.locale = "en-US";
+    this.numberLocale = "nl-NL";
     this.isFirstSection = false;
     this.availableDimensions = [];
     this.hideHeader = false;
@@ -7858,6 +8345,7 @@ let JupiterFormSection = class extends LitElement {
     this._highlightMap = /* @__PURE__ */ new Map();
     this._focusedConceptId = null;
     this._calculationMismatches = /* @__PURE__ */ new Map();
+    this._balanceCheckTotals = null;
     this._totalChildrenMap = /* @__PURE__ */ new Map();
     this._memberParentMap = /* @__PURE__ */ new Map();
     this._totalConceptMap = /* @__PURE__ */ new Map();
@@ -7877,6 +8365,13 @@ let JupiterFormSection = class extends LitElement {
     document.removeEventListener("click", () => this._closeColumnMenu());
     this.removeEventListener("field-blur", this._boundFieldBlur);
   }
+  willUpdate(changedProperties) {
+    var _a;
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("section") || changedProperties.has("calculationEnabled")) {
+      this._balanceCheckTotals = this.calculationEnabled && ((_a = this.section) == null ? void 0 : _a.concepts) ? findBalanceSheetTotals(this.section.concepts) : null;
+    }
+  }
   updated(changedProperties) {
     var _a;
     super.updated(changedProperties);
@@ -8501,9 +8996,95 @@ let JupiterFormSection = class extends LitElement {
       this._highlightMap = /* @__PURE__ */ new Map();
     }
   }
+  /**
+   * JDF-095: clicking the amber "Verschil" chip highlights and scrolls to the two total rows for
+   * that column, reusing the same `.highlight-total` styling the calculation-warning feature
+   * already applies on field focus. Read-only — no formData/state other than the highlight map.
+   */
+  _handleBalanceCheckClick(columnId) {
+    var _a, _b, _c;
+    if (!this._balanceCheckTotals)
+      return;
+    const { assetsConceptId, equityConceptId } = this._balanceCheckTotals;
+    const newMap = new Map(this._highlightMap);
+    newMap.set(assetsConceptId, { type: "total", columnId });
+    newMap.set(equityConceptId, { type: "total", columnId });
+    this._highlightMap = newMap;
+    const trees = Array.from(((_a = this.shadowRoot) == null ? void 0 : _a.querySelectorAll("jupiter-concept-tree")) ?? []);
+    let targetField = null;
+    for (const tree of trees) {
+      const fields = Array.from(((_b = tree.shadowRoot) == null ? void 0 : _b.querySelectorAll("jupiter-form-field")) ?? []);
+      targetField = fields.find((f2) => f2.conceptId === assetsConceptId && f2.columnId === columnId);
+      if (targetField)
+        break;
+    }
+    if (!targetField)
+      return;
+    targetField.scrollIntoView({ behavior: "smooth", block: "center" });
+    const tableContainer = (_c = this.shadowRoot) == null ? void 0 : _c.querySelector(".table-container");
+    if (tableContainer && tableContainer.scrollWidth > tableContainer.clientWidth) {
+      const fieldRect = targetField.getBoundingClientRect();
+      const containerRect = tableContainer.getBoundingClientRect();
+      const targetScrollLeft = Math.max(
+        0,
+        fieldRect.left - containerRect.left + tableContainer.scrollLeft - tableContainer.clientWidth / 2 + fieldRect.width / 2
+      );
+      tableContainer.scrollTo({ left: targetScrollLeft, behavior: "smooth" });
+    }
+  }
+  /** JDF-095: formats the balance difference for display only — never affects stored/displayed cell values. */
+  _formatBalanceDifferenceAmount(n3) {
+    try {
+      return new Intl.NumberFormat(this.locale, { maximumFractionDigits: 2 }).format(Math.abs(n3));
+    } catch {
+      return JupiterFormSection._formatNumber(Math.abs(n3));
+    }
+  }
+  _renderBalanceCheckStrip() {
+    if (!this.calculationEnabled || !this._balanceCheckTotals)
+      return "";
+    const results = computeBalanceDifference(this.formData, this.columns, this._balanceCheckTotals);
+    if (results.length === 0)
+      return "";
+    return html`
+      <div class="balance-check-strip">
+        ${results.map((result) => result.balanced ? html`
+          <span class="balance-check-chip balanced" title="${result.columnLabel}">
+            ✓ ${I18n.t("balanceCheck.balanced", { column: result.columnLabel })}
+          </span>
+        ` : html`
+          <button
+            type="button"
+            class="balance-check-chip unbalanced"
+            title="${result.columnLabel}"
+            @click="${() => this._handleBalanceCheckClick(result.columnId)}"
+          >
+            ${I18n.t("balanceCheck.difference", {
+      column: result.columnLabel,
+      amount: this._formatBalanceDifferenceAmount(result.difference)
+    })}
+          </button>
+        `)}
+      </div>
+    `;
+  }
+  /**
+   * Column-header typed-member storage is scoped per role/section (not just columnId): the
+   * form builder assigns generic ids like "typed-duration" to any role with a single typed
+   * dimension and no explicit members, so the same axis+columnId pair can occur in more than
+   * one role (e.g. a "Separate" and "Consolidated" variant of the same note). Without the
+   * section id, a value typed in one role's column header would leak into every other role
+   * whose column happens to share that generic id (JDF-090).
+   */
+  _scopedColumnKey(columnId) {
+    return `${this.section.id}__${columnId}`;
+  }
   _getTypedMemberHeaderValue(columnId, axisId) {
-    var _a;
-    return ((_a = this.typedMemberData[columnId]) == null ? void 0 : _a[axisId]) || "";
+    var _a, _b;
+    const scopedValue = (_a = this.typedMemberData[this._scopedColumnKey(columnId)]) == null ? void 0 : _a[axisId];
+    if (scopedValue !== void 0)
+      return scopedValue;
+    return ((_b = this.typedMemberData[columnId]) == null ? void 0 : _b[axisId]) || "";
   }
   /** True once any concept in this section has a non-empty value entered for the given column. */
   _columnHasAnyValue(columnId) {
@@ -8571,9 +9152,10 @@ let JupiterFormSection = class extends LitElement {
   _handleTypedMemberHeaderChange(event, columnId, axisId) {
     const target = event.target;
     const value = target instanceof HTMLInputElement && target.type === "checkbox" ? String(target.checked) : target.value;
-    console.log(`🔍 [FormSection] Typed member header change: columnId=${columnId}, axisId=${axisId}, value=${value}`);
+    console.log(`🔍 [FormSection] Typed member header change: sectionId=${this.section.id}, columnId=${columnId}, axisId=${axisId}, value=${value}`);
     this.dispatchEvent(new CustomEvent("typed-member-change", {
       detail: {
+        sectionId: this.section.id,
         columnId,
         axisId,
         value
@@ -8593,6 +9175,7 @@ let JupiterFormSection = class extends LitElement {
     const hasValidationError = !!((_a = this._typedMemberErrors[this._typedMemberErrorKey(columnId, typedMember.axisId)]) == null ? void 0 : _a.length);
     const fieldClass = `typed-member-header-field ${isRequired ? "required-field" : ""} ${hasValidationError ? "has-error" : ""}`;
     const requiredTitle = isRequired ? I18n.t("validation.typedMemberRequired") : "";
+    const fieldTitle = [typedMember.axisLabel, requiredTitle].filter(Boolean).join(" — ");
     const onChange = (e2) => this._handleTypedMemberHeaderChange(e2, columnId, typedMember.axisId);
     const onBlur = (e2) => this._handleTypedMemberHeaderBlur(e2, columnId, typedMember);
     if (typeConfig.fieldType === "select" || isSelectType(typeConfig.fieldType)) {
@@ -8601,7 +9184,7 @@ let JupiterFormSection = class extends LitElement {
         <select
           class="${fieldClass}"
           .value="${currentValue}"
-          title="${requiredTitle}"
+          title="${fieldTitle}"
           @change="${onChange}"
           @blur="${onBlur}"
         >
@@ -8620,7 +9203,7 @@ let JupiterFormSection = class extends LitElement {
           type="checkbox"
           class="${fieldClass}"
           .checked="${currentValue === "true"}"
-          title="${requiredTitle}"
+          title="${fieldTitle}"
           @change="${onChange}"
           @blur="${onBlur}"
         />
@@ -8638,7 +9221,7 @@ let JupiterFormSection = class extends LitElement {
         min="${typeConfig.min !== void 0 ? typeConfig.min : ""}"
         max="${typeConfig.max !== void 0 ? typeConfig.max : ""}"
         step="${typeConfig.step !== void 0 ? typeConfig.step : ""}"
-        title="${requiredTitle}"
+        title="${fieldTitle}"
         @input="${onChange}"
         @blur="${onBlur}"
       />
@@ -8681,10 +9264,12 @@ let JupiterFormSection = class extends LitElement {
         .defaultUnits="${this.defaultUnits}"
         .disabled="${this.disabled}"
         .locale="${this.locale}"
+        .numberLocale="${this.numberLocale}"
         .language="${this.language}"
         .expandedConcepts="${this._expandedConcepts}"
         .mode="${this.mode}"
         .masterData="${this.masterData}"
+        .prefilledTooltip="${this.prefilledTooltip}"
         .facts="${instanceConcept.facts}"
         .typedMemberData="${this.typedMemberData}"
         .showAddButton="${opts.showAdd || false}"
@@ -8744,9 +9329,10 @@ let JupiterFormSection = class extends LitElement {
         </div>
       `;
     }
+    const { caption: columnCaption, perColumnLabel } = splitCommonMembers(this.columns);
     return html`
       ${!this.hideHeader ? html`
-        <div class="section-header ${!this.collapsible ? "not-collapsible" : ""}" 
+        <div class="section-header ${!this.collapsible ? "not-collapsible" : ""}"
              @click="${this._toggleExpanded}">
           <div>
             <h3 class="section-title">${this.section.title}</h3>
@@ -8763,6 +9349,8 @@ let JupiterFormSection = class extends LitElement {
       ` : ""}
 
       <div class="section-content ${!this._expanded ? "collapsed" : ""}">
+        ${columnCaption ? html`<div class="column-caption">${columnCaption}</div>` : ""}
+        ${this._renderBalanceCheckStrip()}
         <div class="table-container">
           <table class="form-table">
             <thead class="table-header">
@@ -8777,10 +9365,10 @@ let JupiterFormSection = class extends LitElement {
                     @dblclick="${() => this._handleShowColumn(column2.id)}"
                   ></th>
                 ` : html`
-                  <th class="header-cell ${column2.removable ? "removable" : ""}">
+                  <th class="header-cell ${column2.removable ? "removable" : ""}" title="${column2.title}">
                     <div class="column-header-content">
                       <div class="column-title">
-                        ${column2.title}
+                        ${perColumnLabel[column2.id]}
                         ${column2.description ? html`<div style="font-weight: normal; font-size: 12px; color: var(--jupiter-text-secondary, #666);">${column2.description}</div>` : ""}
                       </div>
 
@@ -8968,6 +9556,53 @@ JupiterFormSection.styles = css`
       overflow-x: auto;
     }
 
+    /* JDF-113: caption for dimension members shared by every column in the role (e.g.
+       "Geconsolideerd · Commercieel"), so they don't also repeat inside every column header. */
+    .column-caption {
+      font-size: 13px;
+      font-weight: 600;
+      color: var(--jupiter-text-secondary, #666);
+      padding: 4px 0 8px 0;
+    }
+
+    /* JDF-095: live, read-only balance-difference strip (Activa = Passiva). */
+    .balance-check-strip {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      padding: 8px 0 12px 0;
+      position: sticky;
+      left: 0;
+    }
+
+    .balance-check-chip {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 6px 12px;
+      border-radius: 16px;
+      font-size: 13px;
+      font-weight: 600;
+      border: none;
+      font-family: inherit;
+    }
+
+    .balance-check-chip.balanced {
+      background: var(--jupiter-success-light, #e8f5e9);
+      color: var(--jupiter-success-color, #4caf50);
+    }
+
+    .balance-check-chip.unbalanced {
+      background: var(--jupiter-warning-light, #fff3e0);
+      color: var(--jupiter-warning-color, #ff9800);
+      cursor: pointer;
+    }
+
+    .balance-check-chip.unbalanced:hover {
+      background: var(--jupiter-warning-color, #ff9800);
+      color: #fff;
+    }
+
     .form-table {
       width: 100%;
       table-layout: fixed;
@@ -9236,6 +9871,9 @@ __decorateClass$5([
 __decorateClass$5([
   n2({ type: String })
 ], JupiterFormSection.prototype, "locale", 2);
+__decorateClass$5([
+  n2({ type: String })
+], JupiterFormSection.prototype, "numberLocale", 2);
 __decorateClass$5([
   n2({ type: Boolean })
 ], JupiterFormSection.prototype, "isFirstSection", 2);
@@ -9257,6 +9895,9 @@ __decorateClass$5([
 __decorateClass$5([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "masterData", 2);
+__decorateClass$5([
+  n2({ type: String })
+], JupiterFormSection.prototype, "prefilledTooltip", 2);
 __decorateClass$5([
   n2({ type: String })
 ], JupiterFormSection.prototype, "periodStartDate", 2);
@@ -9308,6 +9949,31 @@ __decorateClass$5([
 JupiterFormSection = __decorateClass$5([
   t$1("jupiter-form-section")
 ], JupiterFormSection);
+function fuzzyScore(query, text) {
+  if (!query)
+    return 0;
+  const q = query.toLowerCase();
+  const t2 = text.toLowerCase();
+  const substringIndex = t2.indexOf(q);
+  if (substringIndex !== -1) {
+    const charBefore = t2[substringIndex - 1];
+    const atWordStart = substringIndex === 0 || !charBefore || /[^a-z0-9]/.test(charBefore);
+    return 1e4 - substringIndex + (atWordStart ? 500 : 0);
+  }
+  let qi = 0;
+  let streak = 0;
+  let score = 0;
+  for (let ti = 0; ti < t2.length && qi < q.length; ti++) {
+    if (t2[ti] === q[qi]) {
+      qi++;
+      streak++;
+      score += streak;
+    } else {
+      streak = 0;
+    }
+  }
+  return qi === q.length ? score : -1;
+}
 var __defProp$4 = Object.defineProperty;
 var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
 var __decorateClass$4 = (decorators, target, key, kind) => {
@@ -9319,17 +9985,101 @@ var __decorateClass$4 = (decorators, target, key, kind) => {
     __defProp$4(target, key, result);
   return result;
 };
+const MAX_SUGGESTIONS = 8;
 let JupiterAdvancedFilter = class extends LitElement {
   constructor() {
     super(...arguments);
     this.showFactsOnly = false;
     this.conceptSearchText = "";
+    this.availableRoles = [];
     this._localConceptSearchText = "";
+    this._conceptOptions = [];
+    this._suggestions = [];
+    this._showSuggestions = false;
+    this._activeSuggestionIndex = -1;
   }
   updated(changedProperties) {
     if (changedProperties.has("conceptSearchText") && this.conceptSearchText !== this._localConceptSearchText) {
       this._localConceptSearchText = this.conceptSearchText;
     }
+    if (changedProperties.has("availableRoles")) {
+      this._conceptOptions = this._buildConceptOptions();
+    }
+  }
+  // Unique concepts (by originalConceptId) built from presentation-derived role trees only —
+  // no calculation/hypercube/datatype data is consulted, per the autosuggest requirement.
+  _buildConceptOptions() {
+    const seen = /* @__PURE__ */ new Set();
+    const options = [];
+    const walk = (concepts) => {
+      var _a;
+      if (!concepts)
+        return;
+      for (const concept of concepts) {
+        const id = concept.originalConceptId || concept.id;
+        if (id && !concept.abstract && !seen.has(id)) {
+          seen.add(id);
+          options.push({ id, name: concept.label || concept.name || id });
+        }
+        if ((_a = concept.children) == null ? void 0 : _a.length) {
+          walk(concept.children);
+        }
+      }
+    };
+    for (const role of this.availableRoles) {
+      walk(role.concepts);
+    }
+    return options;
+  }
+  _computeSuggestions(query) {
+    const trimmed = query.trim();
+    if (!trimmed || this._conceptOptions.length === 0) {
+      return [];
+    }
+    const scored = [];
+    for (const option of this._conceptOptions) {
+      const score = Math.max(
+        fuzzyScore(trimmed, option.name),
+        fuzzyScore(trimmed, option.id)
+      );
+      if (score >= 0) {
+        scored.push({ option, score });
+      }
+    }
+    scored.sort((a2, b2) => b2.score - a2.score);
+    return scored.slice(0, MAX_SUGGESTIONS).map((s2) => s2.option);
+  }
+  _selectSuggestion(option) {
+    var _a;
+    this._localConceptSearchText = option.name;
+    this._showSuggestions = false;
+    this._activeSuggestionIndex = -1;
+    this.dispatchEvent(new CustomEvent("filter-change", {
+      detail: { showFactsOnly: this.showFactsOnly, conceptSearchText: this._localConceptSearchText },
+      bubbles: true,
+      composed: true
+    }));
+    const input = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".concept-search-input");
+    input == null ? void 0 : input.focus();
+  }
+  _handleConceptSearchFocus() {
+    if (this._localConceptSearchText.trim()) {
+      this._suggestions = this._computeSuggestions(this._localConceptSearchText);
+      this._showSuggestions = this._suggestions.length > 0;
+    }
+  }
+  _handleConceptSearchBlur() {
+    this._showSuggestions = false;
+    this._activeSuggestionIndex = -1;
+  }
+  _renderHighlighted(text, query) {
+    const q = query.trim().toLowerCase();
+    if (!q)
+      return text;
+    const idx = text.toLowerCase().indexOf(q);
+    if (idx === -1)
+      return text;
+    return html`${text.slice(0, idx)}<mark>${text.slice(idx, idx + q.length)}</mark>${text.slice(idx + q.length)}`;
   }
   _handleShowFactsOnlyChange(e2) {
     const checked = e2.target.checked;
@@ -9344,15 +10094,55 @@ let JupiterAdvancedFilter = class extends LitElement {
   }
   _handleConceptSearchInput(e2) {
     this._localConceptSearchText = this._sanitizeSearchText(e2.target.value);
+    this._suggestions = this._computeSuggestions(this._localConceptSearchText);
+    this._showSuggestions = this._suggestions.length > 0;
+    this._activeSuggestionIndex = -1;
     this.dispatchEvent(new CustomEvent("filter-change", {
       detail: { showFactsOnly: this.showFactsOnly, conceptSearchText: this._localConceptSearchText },
       bubbles: true,
       composed: true
     }));
   }
+  // The "Apply Filter" button is otherwise the only way to apply this search — pressing Enter
+  // in the input did nothing, forcing a mouse trip for what looks like a normal search box.
+  _handleConceptSearchKeydown(e2) {
+    if (this._showSuggestions && this._suggestions.length > 0) {
+      if (e2.key === "ArrowDown") {
+        e2.preventDefault();
+        this._activeSuggestionIndex = (this._activeSuggestionIndex + 1) % this._suggestions.length;
+        return;
+      }
+      if (e2.key === "ArrowUp") {
+        e2.preventDefault();
+        this._activeSuggestionIndex = this._activeSuggestionIndex <= 0 ? this._suggestions.length - 1 : this._activeSuggestionIndex - 1;
+        return;
+      }
+      if (e2.key === "Escape") {
+        this._showSuggestions = false;
+        this._activeSuggestionIndex = -1;
+        return;
+      }
+      if (e2.key === "Enter" && this._activeSuggestionIndex >= 0) {
+        e2.preventDefault();
+        this._selectSuggestion(this._suggestions[this._activeSuggestionIndex]);
+        return;
+      }
+    }
+    if (e2.key !== "Enter")
+      return;
+    e2.preventDefault();
+    this._showSuggestions = false;
+    this.dispatchEvent(new CustomEvent("filter-apply", {
+      bubbles: true,
+      composed: true
+    }));
+  }
   _clearConceptSearch() {
     var _a;
     this._localConceptSearchText = "";
+    this._suggestions = [];
+    this._showSuggestions = false;
+    this._activeSuggestionIndex = -1;
     const input = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".concept-search-input");
     if (input) {
       input.value = "";
@@ -9389,7 +10179,14 @@ let JupiterAdvancedFilter = class extends LitElement {
                 class="concept-search-input"
                 placeholder="${I18n.t("filter.searchByConceptPlaceholder")}"
                 .value="${this._localConceptSearchText}"
+                autocomplete="off"
+                role="combobox"
+                aria-expanded="${this._showSuggestions}"
+                aria-autocomplete="list"
                 @input="${this._handleConceptSearchInput}"
+                @keydown="${this._handleConceptSearchKeydown}"
+                @focus="${this._handleConceptSearchFocus}"
+                @blur="${this._handleConceptSearchBlur}"
               />
               ${this._localConceptSearchText ? html`
                 <button
@@ -9398,6 +10195,22 @@ let JupiterAdvancedFilter = class extends LitElement {
                   title="${I18n.t("filter.clearSearch")}"
                 >×</button>
               ` : ""}
+              ${this._showSuggestions ? html`
+                <ul class="concept-suggestions" role="listbox">
+                  ${this._suggestions.map((option, index) => html`
+                    <li
+                      class="concept-suggestion-item ${index === this._activeSuggestionIndex ? "active" : ""}"
+                      role="option"
+                      aria-selected="${index === this._activeSuggestionIndex}"
+                      @mousedown="${(e2) => e2.preventDefault()}"
+                      @click="${() => this._selectSuggestion(option)}"
+                    >
+                      <span class="concept-suggestion-name">${this._renderHighlighted(option.name, this._localConceptSearchText)}</span>
+                      <span class="concept-suggestion-id">${option.id}</span>
+                    </li>
+                  `)}
+                </ul>
+              ` : ""}
             </div>
           </div>
         </div>
@@ -9504,6 +10317,56 @@ JupiterAdvancedFilter.styles = css`
     .concept-search-clear:hover {
       color: var(--primaryTextColor, var(--jupiter-text-primary, #333));
     }
+
+    .concept-suggestions {
+      position: absolute;
+      top: calc(100% + 4px);
+      left: 0;
+      right: 0;
+      z-index: 20;
+      margin: 0;
+      padding: 4px;
+      list-style: none;
+      max-height: 260px;
+      overflow-y: auto;
+      background: var(--jupiter-background, #fff);
+      border: 1px solid var(--primaryTextColor, var(--jupiter-border-color, #ddd));
+      border-radius: 4px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    }
+
+    .concept-suggestion-item {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      padding: 6px 8px;
+      border-radius: 3px;
+      cursor: pointer;
+    }
+
+    .concept-suggestion-item:hover,
+    .concept-suggestion-item.active {
+      background: var(--menuBgColorLighter, var(--jupiter-hover-background, #f5f5f5));
+    }
+
+    .concept-suggestion-name {
+      font-size: 13px;
+      color: var(--primaryTextColor, var(--jupiter-text-primary, #333));
+    }
+
+    .concept-suggestion-name mark {
+      background: var(--jupiter-primary-color, #1976d2);
+      color: white;
+      padding: 0 1px;
+      border-radius: 2px;
+      font-weight: 500;
+    }
+
+    .concept-suggestion-id {
+      font-size: 11px;
+      color: var(--primaryTextColor, var(--jupiter-text-secondary, #999));
+      word-break: break-all;
+    }
   `;
 __decorateClass$4([
   n2({ type: Boolean })
@@ -9511,9 +10374,24 @@ __decorateClass$4([
 __decorateClass$4([
   n2({ type: String })
 ], JupiterAdvancedFilter.prototype, "conceptSearchText", 2);
+__decorateClass$4([
+  n2({ type: Array })
+], JupiterAdvancedFilter.prototype, "availableRoles", 2);
+__decorateClass$4([
+  r()
+], JupiterAdvancedFilter.prototype, "_localConceptSearchText", 2);
+__decorateClass$4([
+  r()
+], JupiterAdvancedFilter.prototype, "_conceptOptions", 2);
+__decorateClass$4([
+  r()
+], JupiterAdvancedFilter.prototype, "_suggestions", 2);
+__decorateClass$4([
+  r()
+], JupiterAdvancedFilter.prototype, "_showSuggestions", 2);
 __decorateClass$4([
   r()
-], JupiterAdvancedFilter.prototype, "_localConceptSearchText", 2);
+], JupiterAdvancedFilter.prototype, "_activeSuggestionIndex", 2);
 JupiterAdvancedFilter = __decorateClass$4([
   t$1("jupiter-advanced-filter")
 ], JupiterAdvancedFilter);
@@ -10408,9 +11286,11 @@ let JupiterFilterRolesDialog = class extends LitElement {
             </div>
           ` : this._showAdvancedFilter ? html`
             <jupiter-advanced-filter
+              .availableRoles="${this.availableRoles}"
               .showFactsOnly="${this._showFactsOnly}"
               .conceptSearchText="${this._conceptSearchText}"
               @filter-change="${this._handleFilterChange}"
+              @filter-apply="${this._handleAdvancedFilterApply}"
             ></jupiter-advanced-filter>
           ` : html`
           <p class="description">
@@ -11873,6 +12753,7 @@ let JupiterDynamicForm = class extends LitElement {
     this.periodEndDate = "2025-12-31";
     this.language = "en";
     this.reportingLanguage = "en";
+    this.numberLocale = "";
     this.display = "accordion";
     this.mode = "inputForm";
     this.roleFilterAxes = [];
@@ -11904,6 +12785,8 @@ let JupiterDynamicForm = class extends LitElement {
     this._xbrlFormErrors = [];
     this._calculationWarnings = /* @__PURE__ */ new Map();
     this._showErrorPopup = false;
+    this._showTypedDimensionWarning = false;
+    this._typedDimensionWarningFacts = [];
     this._submitDisabled = false;
     this._allSections = [];
     this._selectedRoleIds = [];
@@ -11911,6 +12794,7 @@ let JupiterDynamicForm = class extends LitElement {
     this._revealRolePrompt = null;
     this._showFactsOnly = false;
     this._conceptSearchText = "";
+    this._lastFocusedFieldIdentity = null;
     this._periodPreferences = {};
     this._activeSidePanelRoleId = null;
     this._sidePanelSearchQuery = "";
@@ -11923,6 +12807,8 @@ let JupiterDynamicForm = class extends LitElement {
     this._contextMenuY = 0;
     this._contextMenuRoleId = null;
     this._validationStatus = "idle";
+    this._validationDotCount = 1;
+    this._validationDotIntervalId = null;
     this._formulaValidationResults = [];
     this._showFormulaValidationDialog = false;
     this._formulaValidationService = new FormulaValidationService();
@@ -11977,6 +12863,23 @@ let JupiterDynamicForm = class extends LitElement {
         bubbles: true
       }));
     });
+    this.addEventListener("focusin", (e2) => {
+      var _a;
+      const input = e2.composedPath().find(
+        (el) => el instanceof HTMLInputElement || el instanceof HTMLSelectElement || el instanceof HTMLTextAreaElement
+      );
+      if (!input)
+        return;
+      let node = input;
+      while (node && ((_a = node.tagName) == null ? void 0 : _a.toLowerCase()) !== "jupiter-form-field") {
+        const root = node.getRootNode();
+        node = root instanceof ShadowRoot ? root.host : null;
+      }
+      const fieldHost = node;
+      if ((fieldHost == null ? void 0 : fieldHost.conceptId) && (fieldHost == null ? void 0 : fieldHost.columnId)) {
+        this._lastFocusedFieldIdentity = { conceptId: fieldHost.conceptId, columnId: fieldHost.columnId };
+      }
+    });
     document.addEventListener("click", () => {
       if (this._showRoleContextMenu) {
         this._showRoleContextMenu = false;
@@ -12006,6 +12909,10 @@ let JupiterDynamicForm = class extends LitElement {
       clearInterval(this._autoSaveTimer);
       this._autoSaveTimer = null;
     }
+    if (this._validationDotIntervalId !== null) {
+      clearInterval(this._validationDotIntervalId);
+      this._validationDotIntervalId = null;
+    }
     this._settleRevealRolePrompt(false);
   }
   /**
@@ -12209,11 +13116,12 @@ let JupiterDynamicForm = class extends LitElement {
                     (tm) => tm.axisId === normalizedAxisId || this._normalizeAxisId(tm.axisId) === normalizedAxisId
                   );
                   if (typedMember) {
-                    if (!this._typedMemberData[matchingColumn.id]) {
-                      this._typedMemberData[matchingColumn.id] = {};
+                    const columnKey = this._scopedColumnKey(section2.id, matchingColumn.id);
+                    if (!this._typedMemberData[columnKey]) {
+                      this._typedMemberData[columnKey] = {};
                     }
                     const axisKey = typedMember.axisId;
-                    this._typedMemberData[matchingColumn.id][axisKey] = dim.typedMemberValue;
+                    this._typedMemberData[columnKey][axisKey] = dim.typedMemberValue;
                     console.log(`✅ [DynamicForm] Set typed member value:`, {
                       sectionId: section2.id,
                       conceptId: concept.id,
@@ -12619,16 +13527,17 @@ let JupiterDynamicForm = class extends LitElement {
   }
   _preserveSectionData(section2) {
     section2.concepts.forEach((concept) => {
-      this._preserveConceptData(concept);
+      this._preserveConceptData(concept, section2.id);
     });
   }
-  _preserveConceptData(concept) {
+  _preserveConceptData(concept, sectionId) {
     if (this._formData[concept.id]) {
       this._preservedFormData[concept.id] = { ...this._formData[concept.id] };
     }
     concept.fields.forEach((field2) => {
-      if (this._typedMemberData[field2.columnId]) {
-        this._preservedTypedMemberData[field2.columnId] = { ...this._typedMemberData[field2.columnId] };
+      const columnKey = this._scopedColumnKey(sectionId, field2.columnId);
+      if (this._typedMemberData[columnKey]) {
+        this._preservedTypedMemberData[columnKey] = { ...this._typedMemberData[columnKey] };
       }
       const crossRoleKey = `${concept.id}__${field2.columnId}`;
       if (this._typedMemberData[crossRoleKey]) {
@@ -12637,22 +13546,23 @@ let JupiterDynamicForm = class extends LitElement {
     });
     if (concept.children) {
       concept.children.forEach((child) => {
-        this._preserveConceptData(child);
+        this._preserveConceptData(child, sectionId);
       });
     }
   }
   _restoreSectionData(section2) {
     section2.concepts.forEach((concept) => {
-      this._restoreConceptData(concept);
+      this._restoreConceptData(concept, section2.id);
     });
   }
-  _restoreConceptData(concept) {
+  _restoreConceptData(concept, sectionId) {
     if (this._preservedFormData[concept.id]) {
       this._formData[concept.id] = { ...this._preservedFormData[concept.id] };
     }
     concept.fields.forEach((field2) => {
-      if (this._preservedTypedMemberData[field2.columnId]) {
-        this._typedMemberData[field2.columnId] = { ...this._preservedTypedMemberData[field2.columnId] };
+      const columnKey = this._scopedColumnKey(sectionId, field2.columnId);
+      if (this._preservedTypedMemberData[columnKey]) {
+        this._typedMemberData[columnKey] = { ...this._preservedTypedMemberData[columnKey] };
       }
       const crossRoleKey = `${concept.id}__${field2.columnId}`;
       if (this._preservedTypedMemberData[crossRoleKey]) {
@@ -12661,7 +13571,7 @@ let JupiterDynamicForm = class extends LitElement {
     });
     if (concept.children) {
       concept.children.forEach((child) => {
-        this._restoreConceptData(child);
+        this._restoreConceptData(child, sectionId);
       });
     }
   }
@@ -12671,9 +13581,183 @@ let JupiterDynamicForm = class extends LitElement {
   get _hasActiveAdvancedFilters() {
     return this._showFactsOnly || this._conceptSearchText.trim().length > 0;
   }
+  // JDF-101 item 3: the footer's role-count badge normally shows the Filter Roles selection
+  // (selected/total), which the concept-search/facts-only filter never touches — exactly the
+  // stale-looking "549/549" the ticket's Summary complains about. While an advanced filter is
+  // active, count the roles actually rendering instead — the same visibility rule the active-filter
+  // banner (`_renderActiveFilterBanner`) and the content area already use — so the badge and the
+  // banner always agree on what's on screen.
+  get _footerVisibleRoleCount() {
+    if (!this._hasActiveAdvancedFilters || !this._currentSchema) {
+      return this._selectedRoleIds.length;
+    }
+    return this._getSidePanelVisibleSections(this._currentSchema).length;
+  }
+  // JDF-101: counts the rows the concept filter leaves visible within `sectionsInView` (the
+  // sections actually rendered for the current display mode — the active role alone in
+  // sidePanel, every filtered role in accordion) and picks a human label for the banner.
+  // Deliberately scoped to `sectionsInView` rather than the whole taxonomy: the same search text
+  // can substring-match unrelated concepts in other roles (e.g. a taxonomy's technical
+  // period-marker rows, JDF-106), so resolving the label globally can name a concept the user
+  // never clicked. Scoping to what's on screen narrows that a lot, but the underlying search is
+  // itself a broad substring match (`_getConceptSearchMatchIds`) that can still pull in dozens of
+  // unrelated concepts whose name merely contains the search text as a substring (e.g. searching
+  // "IntangibleAssets" also matches "IntangibleAssetsPresentationOrder", a JDF-106 technical
+  // helper row) — especially in accordion mode, where every matching role renders at once. So an
+  // exact local-name match (what scrollToConcept always provides, having stripped the prefix
+  // itself) is preferred outright over any merely-substring match, and a non-abstract row's label
+  // is preferred over an abstract group header's within each tier.
+  _analyzeConceptFilterMatches(sectionsInView, matchIds) {
+    const localName = (name) => (name.includes(":") ? name.split(":").pop() : name).toLowerCase();
+    const searchLocal = this._conceptSearchText.trim().toLowerCase();
+    let count = 0;
+    let exactConcreteLabel = "";
+    let exactAbstractLabel = "";
+    let concreteLabel = "";
+    let abstractLabel = "";
+    const walk = (nodes) => {
+      var _a;
+      for (const node of nodes) {
+        if (matchIds.has(node.originalConceptId)) {
+          count++;
+          const isExact = localName(node.name) === searchLocal;
+          if (isExact && node.abstract && !exactAbstractLabel)
+            exactAbstractLabel = node.label;
+          else if (isExact && !node.abstract && !exactConcreteLabel)
+            exactConcreteLabel = node.label;
+          else if (node.abstract && !abstractLabel)
+            abstractLabel = node.label;
+          else if (!node.abstract && !concreteLabel)
+            concreteLabel = node.label;
+        }
+        if ((_a = node.children) == null ? void 0 : _a.length)
+          walk(node.children);
+      }
+    };
+    for (const section2 of sectionsInView)
+      walk(section2.concepts);
+    return {
+      count,
+      label: exactConcreteLabel || exactAbstractLabel || concreteLabel || abstractLabel || this._conceptSearchText
+    };
+  }
+  /**
+   * JDF-101: banner shown at the top of the content area whenever a concept search or
+   * "facts only" filter is narrowing what's visible, so customers don't mistake a filtered view
+   * for missing data. `sectionsInView` should be whatever sections are actually rendered for the
+   * current display mode (the active role alone in sidePanel; every filtered role in accordion),
+   * so the row count and named concept match what the user is actually looking at. Purely a
+   * read-only display — clearing it goes through the existing `_handleClearAdvancedFilters` (same
+   * focus-preserving rebuild as the footer's "Clear Filters" link).
+   */
+  _renderActiveFilterBanner(sectionsInView) {
+    if (!this._hasActiveAdvancedFilters)
+      return "";
+    const hasConceptSearch = this._conceptSearchText.trim().length > 0;
+    const message = hasConceptSearch ? (() => {
+      const matchIds = this._getConceptSearchMatchIds(this._conceptSearchText);
+      const { count, label } = this._analyzeConceptFilterMatches(sectionsInView, matchIds);
+      return I18n.t("filter.bannerConcept", { concept: label, count });
+    })() : I18n.t("filter.bannerFactsOnly");
+    return html`
+      <div class="active-filter-banner">
+        <span class="active-filter-banner-text">${message}</span>
+        <button
+          type="button"
+          class="active-filter-banner-clear"
+          @click="${this._handleClearAdvancedFilters}"
+        >${I18n.t("filter.showAll")}</button>
+      </div>
+    `;
+  }
   _handleClearAdvancedFilters() {
+    const refocusTarget = this._lastFocusedFieldIdentity;
     this._showFactsOnly = false;
     this._conceptSearchText = "";
+    this.updateComplete.then(async () => {
+      var _a;
+      const sections = Array.from(((_a = this.shadowRoot) == null ? void 0 : _a.querySelectorAll("jupiter-form-section")) ?? []);
+      await Promise.all(sections.map((s2) => s2.updateComplete));
+      const trees = sections.flatMap((s2) => {
+        var _a2;
+        return Array.from(((_a2 = s2.shadowRoot) == null ? void 0 : _a2.querySelectorAll("jupiter-concept-tree")) ?? []);
+      });
+      await Promise.all(trees.map((t2) => t2.updateComplete));
+      this._scrollActiveRoleIntoView();
+      if (refocusTarget) {
+        this._restoreFieldFocus(refocusTarget);
+      }
+    });
+  }
+  // JDF-091: the locale actually used for number parsing — the explicit `numberLocale` prop when
+  // a host sets one, otherwise derived from `language` so a user seeing the form in English gets
+  // English number formatting rather than always Dutch (English speakers paste "100,000", not
+  // "100.000"). Mirrors the existing `.locale="${config.locale || 'en-US'}"` fallback pattern.
+  _effectiveNumberLocale() {
+    return this.numberLocale || (this.language === "nl" ? "nl-NL" : "en-US");
+  }
+  // JDF-093 Part B (scoped down, per product decision 2026-09-12): a read-only "amounts are in
+  // €, or € × scale" caption shown once, in the sidePanel section header — display only, derived
+  // from the same `decimals` prop that already drives `DocumentIntendedRoundingLevel`
+  // (_computeEffectiveMasterData), so there's no new source-of-truth question to answer and no
+  // change to submission semantics. `decimals` is a positive "how many places to round off" —
+  // e.g. '3' means the document rounds to the nearest 1000, i.e. amounts are being reported in
+  // thousands — so the scale factor customers should read this as is 10^decimals.
+  _amountScaleFactor() {
+    if (this.decimals === "INF" || this.decimals === void 0 || this.decimals === null) {
+      return null;
+    }
+    const parsed = parseFloat(this.decimals);
+    if (isNaN(parsed) || parsed <= 0) {
+      return null;
+    }
+    return Math.pow(10, parsed);
+  }
+  _amountScaleCaption() {
+    const factor = this._amountScaleFactor();
+    if (factor === null) {
+      return I18n.t("section.amountScaleBase");
+    }
+    const formattedFactor = new Intl.NumberFormat(this._effectiveNumberLocale()).format(factor);
+    return I18n.t("section.amountScaleFactor", { factor: formattedFactor });
+  }
+  // Only worth stating for a role that actually has a monetary amount to enter — a caption
+  // reading "Amounts in €" on e.g. "Address of the legal entity" would just be noise.
+  _sectionHasMonetaryConcepts(concepts) {
+    return concepts.some(
+      (concept) => {
+        var _a;
+        return ((_a = concept.type) == null ? void 0 : _a.toLowerCase().includes("monetary")) || concept.children && this._sectionHasMonetaryConcepts(concept.children);
+      }
+    );
+  }
+  // Brings the currently selected role's entry in the sidePanel left-panel list back into view
+  // (it stays selected across a filter change but can scroll out of sight when the list regrows).
+  // Centered rather than 'nearest': 'nearest' places the item flush against the scroll boundary,
+  // which reads as "still cut off" when its row height isn't an exact multiple of the container.
+  _scrollActiveRoleIntoView() {
+    var _a;
+    const activeItem = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".side-panel-roles-list .side-panel-role-item.active");
+    activeItem == null ? void 0 : activeItem.scrollIntoView({ block: "center" });
+  }
+  // Re-locates the fact input identified by _lastFocusedFieldIdentity after a rebuild and restores
+  // focus to it, mirroring the shadow-DOM traversal scrollToConcept/_handleErrorFieldClick use.
+  _restoreFieldFocus(target) {
+    var _a, _b, _c, _d;
+    const sections = ((_a = this.shadowRoot) == null ? void 0 : _a.querySelectorAll("jupiter-form-section")) ?? [];
+    for (const section2 of Array.from(sections)) {
+      const trees = ((_b = section2.shadowRoot) == null ? void 0 : _b.querySelectorAll("jupiter-concept-tree")) ?? [];
+      for (const tree of Array.from(trees)) {
+        const fields = ((_c = tree.shadowRoot) == null ? void 0 : _c.querySelectorAll("jupiter-form-field")) ?? [];
+        for (const fieldEl of Array.from(fields)) {
+          if (fieldEl.conceptId === target.conceptId && fieldEl.columnId === target.columnId) {
+            const input = (_d = fieldEl.shadowRoot) == null ? void 0 : _d.querySelector('input:not([type="hidden"]), select, textarea');
+            input == null ? void 0 : input.focus({ preventScroll: true });
+            return;
+          }
+        }
+      }
+    }
   }
   _handleFilterRolesClick() {
     this._showFilterDialog = true;
@@ -13166,9 +14250,21 @@ let JupiterDynamicForm = class extends LitElement {
     this._dirty = true;
     this.hasUnsavedChanges = true;
   }
+  /**
+   * Column-header typed-member storage is scoped per role/section, not just columnId: the
+   * form builder assigns generic ids (e.g. "typed-duration") to any role with a single typed
+   * dimension and no explicit members, so the same columnId+axisId pair can recur across
+   * unrelated roles (e.g. a "Separate" and "Consolidated" variant of the same note). Without
+   * the section id, a value typed into one role's column header leaks into every other role
+   * whose column happens to share that generic id (JDF-090). Mirrors `_scopedColumnKey` in
+   * form-section.ts.
+   */
+  _scopedColumnKey(sectionId, columnId) {
+    return `${sectionId}__${columnId}`;
+  }
   _handleTypedMemberChange(event) {
-    const { columnId, axisId, value, conceptId } = event.detail;
-    const storageKey = conceptId ? `${conceptId}__${columnId}` : columnId;
+    const { columnId, axisId, value, conceptId, sectionId } = event.detail;
+    const storageKey = conceptId ? `${conceptId}__${columnId}` : sectionId ? this._scopedColumnKey(sectionId, columnId) : columnId;
     console.log(`🔍 [DynamicForm] Typed member change: storageKey=${storageKey}, axisId=${axisId}, value=${value}`);
     const updatedTypedMemberData = { ...this._typedMemberData };
     if (!updatedTypedMemberData[storageKey]) {
@@ -13253,10 +14349,23 @@ let JupiterDynamicForm = class extends LitElement {
     return this._xbrlFormErrors.some((error2) => error2.sectionId === roleId);
   }
   async _handleErrorFieldClick(conceptId, columnId, sectionId) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    console.log(`🎯 [Error Click] Attempting to focus field: ${conceptId}__${columnId} in section: ${sectionId}`);
     this._showErrorPopup = false;
     this.requestUpdate();
+    await this._focusFormField(conceptId, columnId, sectionId);
+  }
+  async _handleTypedDimensionFactClick(conceptId, columnId, sectionId) {
+    this._showTypedDimensionWarning = false;
+    this.requestUpdate();
+    await this._focusFormField(conceptId, columnId, sectionId);
+  }
+  /**
+   * Reveals (hidden role/column) and focuses a specific fact's input field, with a red highlight.
+   * Shared by every click-to-field affordance (validation error popup, typed-dimension warning
+   * popup) so their behavior stays identical — same role/column reveal prompts, same highlight.
+   */
+  async _focusFormField(conceptId, columnId, sectionId) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    console.log(`🎯 [Focus Field] Attempting to focus field: ${conceptId}__${columnId} in section: ${sectionId}`);
     await this.updateComplete;
     if (!((_a = this._currentSchema) == null ? void 0 : _a.sections.some((s2) => s2.id === sectionId))) {
       const section2 = this._allSections.find((s2) => s2.id === sectionId);
@@ -13273,6 +14382,7 @@ let JupiterDynamicForm = class extends LitElement {
       this._activeSidePanelRoleId = sectionId;
       this.requestUpdate();
       await this.updateComplete;
+      this._scrollActiveRoleIntoView();
       await new Promise((resolve) => setTimeout(resolve, 500));
     }
     const sectionElements = (_c = this.shadowRoot) == null ? void 0 : _c.querySelectorAll("jupiter-form-section");
@@ -13622,9 +14732,9 @@ let JupiterDynamicForm = class extends LitElement {
       const dimensionParts = [];
       const dimensionKeys = [];
       for (const dimSelection of request.selectedDimensions) {
-        if (dimSelection.isTyped && dimSelection.typedValue) {
-          dimensionParts.push(`${dimSelection.axisLabel}: ${dimSelection.typedValue}`);
-          dimensionKeys.push(`${dimSelection.axisId}|${dimSelection.typedValue}`);
+        if (dimSelection.isTyped) {
+          dimensionParts.push(dimSelection.axisLabel);
+          dimensionKeys.push(`${dimSelection.axisId}|${dimSelection.typedValue || ""}`);
         } else if (dimSelection.memberId && dimSelection.memberLabel) {
           dimensionParts.push(dimSelection.memberLabel);
           dimensionKeys.push(`${dimSelection.axisId}|${dimSelection.memberId}`);
@@ -13873,6 +14983,69 @@ let JupiterDynamicForm = class extends LitElement {
       bubbles: true
     }));
   }
+  /**
+   * Validate pre-flight: for every currently visible column with at least one typed dimension,
+   * find columns where a typed-member value hasn't been entered yet but the user has already
+   * entered fact data into that column — i.e. the column is in use but incomplete. Returns one
+   * entry per such fact (a column can produce several, one per concept row with a value).
+   */
+  _findMissingTypedDimensionFacts() {
+    var _a;
+    const missingFacts = [];
+    if (!this._currentSchema)
+      return missingFacts;
+    for (const section2 of this._currentSchema.sections) {
+      for (const column2 of section2.columns || []) {
+        const typedMembers = (_a = column2.dimensionData) == null ? void 0 : _a.typedMembers;
+        if (!typedMembers || typedMembers.length === 0)
+          continue;
+        const enteredTypedValues = this._typedMemberData[this._scopedColumnKey(section2.id, column2.id)] || {};
+        const hasMissingTypedValue = typedMembers.some((tm) => {
+          var _a2;
+          return !((_a2 = enteredTypedValues[tm.axisId]) == null ? void 0 : _a2.trim());
+        });
+        if (!hasMissingTypedValue)
+          continue;
+        this._collectEnteredFactsForColumn(section2.concepts, column2, section2, missingFacts);
+      }
+    }
+    return missingFacts;
+  }
+  _collectEnteredFactsForColumn(concepts, column2, section2, out) {
+    var _a, _b;
+    for (const concept of concepts) {
+      const value = (_a = this._formData[concept.id]) == null ? void 0 : _a[column2.id];
+      if (value !== void 0 && value !== null && String(value).trim() !== "") {
+        out.push({
+          conceptId: concept.id,
+          conceptLabel: concept.label,
+          columnId: column2.id,
+          columnTitle: column2.title,
+          sectionId: section2.id,
+          sectionTitle: section2.title,
+          value
+        });
+      }
+      if ((_b = concept.children) == null ? void 0 : _b.length) {
+        this._collectEnteredFactsForColumn(concept.children, column2, section2, out);
+      }
+    }
+  }
+  /** Groups the typed-dimension warning's flat fact list by role, in first-seen order, for display. */
+  _groupTypedDimensionWarningFactsByRole() {
+    const groups = [];
+    const groupBySectionId = /* @__PURE__ */ new Map();
+    for (const fact of this._typedDimensionWarningFacts) {
+      let group = groupBySectionId.get(fact.sectionId);
+      if (!group) {
+        group = { sectionId: fact.sectionId, sectionTitle: fact.sectionTitle, facts: [] };
+        groupBySectionId.set(fact.sectionId, group);
+        groups.push(group);
+      }
+      group.facts.push(fact);
+    }
+    return groups;
+  }
   _handleSubmit() {
     console.log("📝 Form submission started...");
     this._submitted = true;
@@ -13883,6 +15056,25 @@ let JupiterDynamicForm = class extends LitElement {
       this._submitDisabled = false;
       return;
     }
+    const missingTypedDimensionFacts = this._findMissingTypedDimensionFacts();
+    if (missingTypedDimensionFacts.length > 0) {
+      console.log("⚠️ [Submit] Typed dimension values missing for entered facts:", missingTypedDimensionFacts);
+      this._typedDimensionWarningFacts = missingTypedDimensionFacts;
+      this._showTypedDimensionWarning = true;
+      this._submitDisabled = false;
+      this.requestUpdate();
+      return;
+    }
+    this._continueSubmit();
+  }
+  /**
+   * The original Validate/submit logic (error checks + submission), extracted so "Continue to
+   * validate" on the typed-dimension warning popup can re-enter it directly without re-running
+   * (and re-triggering) the typed-dimension pre-flight in _handleSubmit() above.
+   */
+  _continueSubmit() {
+    this._submitted = true;
+    this._submitDisabled = true;
     console.log(`🔵 [Submit] Checking for errors...`);
     console.log(`🔵 [Submit] _xbrlFormErrors.length: ${this._xbrlFormErrors.length}`);
     console.log(`🔵 [Submit] _xbrlFormErrors:`, this._xbrlFormErrors);
@@ -14938,12 +16130,12 @@ let JupiterDynamicForm = class extends LitElement {
     const sectionTitle = (section2 == null ? void 0 : section2.title) || "Unknown";
     concepts.forEach((concept) => {
       if (sectionTitle === targetRole) {
-        console.warn(`[DUPLICATE DEBUG] Processing concept ${concept.originalConceptId || concept.id} in target role`);
+        console.log(`[DUPLICATE DEBUG] Processing concept ${concept.originalConceptId || concept.id} in target role`);
         if (concept.fields) {
-          console.warn(`[DUPLICATE DEBUG] Concept has ${concept.fields.length} fields`);
+          console.log(`[DUPLICATE DEBUG] Concept has ${concept.fields.length} fields`);
           concept.fields.forEach((field2, index) => {
             var _a;
-            console.warn(`[DUPLICATE DEBUG] Field ${index}: columnId=${field2.columnId}, current value=${(_a = this._formData[concept.id]) == null ? void 0 : _a[field2.columnId]}`);
+            console.log(`[DUPLICATE DEBUG] Field ${index}: columnId=${field2.columnId}, current value=${(_a = this._formData[concept.id]) == null ? void 0 : _a[field2.columnId]}`);
           });
         }
       }
@@ -14967,7 +16159,7 @@ let JupiterDynamicForm = class extends LitElement {
             const masterValue = (_a = this._effectiveMasterData) == null ? void 0 : _a[baseConceptId];
             if (masterValue !== void 0 && masterValue !== null && masterValue !== "") {
               fieldValue = masterValue;
-              console.warn(`  📦 [Submission] Using masterData for: ${baseConceptId} [${field2.columnId}] = ${JSON.stringify(fieldValue)}`);
+              console.log(`  📦 [Submission] Using masterData for: ${baseConceptId} [${field2.columnId}] = ${JSON.stringify(fieldValue)}`);
             }
           }
           if (fieldValue !== void 0 && fieldValue !== null && fieldValue !== "") {
@@ -15014,17 +16206,20 @@ let JupiterDynamicForm = class extends LitElement {
             } else {
               console.log(`🔍 [DynamicForm] No dimension data found for field column ${field2.columnId}. Column type: ${column2 == null ? void 0 : column2.type}, has dimensionData: ${!!(column2 == null ? void 0 : column2.dimensionData)}`);
             }
-            if (this._typedMemberData[field2.columnId]) {
+            const headerColumnKey = section2 ? this._scopedColumnKey(section2.id, field2.columnId) : field2.columnId;
+            const scopedTypedMemberData = this._typedMemberData[headerColumnKey];
+            const legacyTypedMemberData = this._typedMemberData[field2.columnId];
+            if (scopedTypedMemberData || legacyTypedMemberData) {
               const applicableTypedDimensions = this._getApplicableTypedDimensions(concept, section2);
               console.log(`🔍 [DynamicForm] Concept ${concept.id} applicable typed dimensions:`, applicableTypedDimensions);
               if (applicableTypedDimensions.length > 0) {
                 const filteredTypedMembers = {};
-                const allTypedMemberData = this._typedMemberData[field2.columnId];
                 applicableTypedDimensions.forEach((dimensionId) => {
-                  if (allTypedMemberData[dimensionId]) {
+                  const value = (scopedTypedMemberData == null ? void 0 : scopedTypedMemberData[dimensionId]) ?? (legacyTypedMemberData == null ? void 0 : legacyTypedMemberData[dimensionId]);
+                  if (value) {
                     const memberName = this._getTypedMemberNameForAxis(dimensionId, section2);
                     filteredTypedMembers[dimensionId] = {
-                      value: allTypedMemberData[dimensionId],
+                      value,
                       memberName: memberName || "Unknown"
                     };
                   }
@@ -15070,7 +16265,7 @@ let JupiterDynamicForm = class extends LitElement {
               }
             }
             if (sectionTitle === targetRole) {
-              console.warn(`[DUPLICATE DEBUG] Final submission entry:`, submissionEntry);
+              console.log(`[DUPLICATE DEBUG] Final submission entry:`, submissionEntry);
             }
             submissionData.push(submissionEntry);
           }
@@ -15261,45 +16456,45 @@ let JupiterDynamicForm = class extends LitElement {
       console.warn(`⚠️ Section not found for roleId: ${roleId}`);
       return;
     }
-    console.warn(`
+    console.log(`
 ========================================`);
-    console.warn(`🔍 ANALYZING ROLE: "${section2.title}"`);
-    console.warn(`========================================`);
+    console.log(`🔍 ANALYZING ROLE: "${section2.title}"`);
+    console.log(`========================================`);
     if (this.masterData) {
-      console.warn(`📦 masterData keys:`, Object.keys(this.masterData));
+      console.log(`📦 masterData keys:`, Object.keys(this.masterData));
     } else {
-      console.warn(`📦 masterData: NOT PROVIDED`);
+      console.log(`📦 masterData: NOT PROVIDED`);
     }
     const allFields = [];
     this._collectAllFields(section2.concepts || [], new Set((section2.columns || []).map((col) => col.id)), section2.columns || [], allFields);
     const hasErrors = this._roleHasErrors(roleId);
     const emptyCount = allFields.filter((f2) => f2.isEmpty).length;
     const filledCount = allFields.filter((f2) => !f2.isEmpty).length;
-    console.warn(`
+    console.log(`
 📈 SUMMARY:`);
-    console.warn(`  Total Fields: ${allFields.length}`);
-    console.warn(`  Filled: ${filledCount}`);
-    console.warn(`  Empty: ${emptyCount}`);
-    console.warn(`  Has Errors: ${hasErrors}`);
+    console.log(`  Total Fields: ${allFields.length}`);
+    console.log(`  Filled: ${filledCount}`);
+    console.log(`  Empty: ${emptyCount}`);
+    console.log(`  Has Errors: ${hasErrors}`);
     let result;
     if (hasErrors) {
       result = "INVALID";
-      console.warn(`
+      console.log(`
 🔴 RESULT: INVALID (contains validation errors)`);
     } else if (filledCount === 0) {
       result = "UNTOUCHED";
-      console.warn(`
+      console.log(`
 ⬜ RESULT: UNTOUCHED (no data entered)`);
     } else if (emptyCount > 0) {
       result = "INCOMPLETE";
-      console.warn(`
+      console.log(`
 🟠 RESULT: INCOMPLETE (${emptyCount} field(s) blank)`);
     } else {
       result = "COMPLETE";
-      console.warn(`
+      console.log(`
 🟢 RESULT: COMPLETE (all fields filled)`);
     }
-    console.warn(`========================================
+    console.log(`========================================
 `);
     if (result === "INVALID")
       ;
@@ -15335,7 +16530,7 @@ let JupiterDynamicForm = class extends LitElement {
           const masterValue = (_c = this._effectiveMasterData) == null ? void 0 : _c[fieldConceptId];
           if ((value === null || value === void 0 || typeof value === "string" && value.trim() === "") && masterValue !== void 0) {
             value = masterValue;
-            console.warn(`  📦 Using masterData value for: ${fieldConceptId} [${field2.columnId}] = ${JSON.stringify(value)}`);
+            console.log(`  📦 Using masterData value for: ${fieldConceptId} [${field2.columnId}] = ${JSON.stringify(value)}`);
           }
           let isEmpty = value === null || value === void 0 || typeof value === "string" && value.trim() === "";
           if (isEmpty && concept.facts && concept.facts.length > 0) {
@@ -15380,6 +16575,7 @@ let JupiterDynamicForm = class extends LitElement {
       searchInput.value = "";
       searchInput.focus();
     }
+    this.updateComplete.then(() => this._scrollActiveRoleIntoView());
   }
   _toggleSidePanelCollapse() {
     this._sidePanelCollapsed = !this._sidePanelCollapsed;
@@ -15835,8 +17031,20 @@ let JupiterDynamicForm = class extends LitElement {
     return null;
   }
   _renderAccordionLayout(schema, config, showValidationSummary, errorCount) {
+    const conceptMatchIds = this._getConceptSearchMatchIds(this._conceptSearchText);
+    const hasConceptSearch = this._conceptSearchText.trim().length > 0;
+    let filteredSections = schema.sections;
+    if (this.mode === "readonly" || this._showFactsOnly) {
+      filteredSections = filteredSections.filter((s2) => !this._isSectionBlank(s2));
+    }
+    if (hasConceptSearch) {
+      filteredSections = filteredSections.filter((s2) => this._isSectionConceptSearchMatch(s2, conceptMatchIds));
+    }
     return html`
       <div class="form-sections">
+        <!-- JDF-101: names the active concept/facts-only filter so a narrowed view isn't mistaken for missing data -->
+        ${this.mode !== "admin" ? this._renderActiveFilterBanner(filteredSections) : ""}
+
         <!-- Validation Summary -->
         ${showValidationSummary ? html`
           <div class="validation-summary ${errorCount === 0 ? "warnings-only" : ""}">
@@ -15861,15 +17069,7 @@ let JupiterDynamicForm = class extends LitElement {
             <p>${I18n.t("filter.roles")}: ${this._allSections.length}</p>
           </div>
         ` : (() => {
-      const conceptMatchIds = this._getConceptSearchMatchIds(this._conceptSearchText);
-      const hasConceptSearch = this._conceptSearchText.trim().length > 0;
-      let sections = schema.sections;
-      if (this.mode === "readonly" || this._showFactsOnly) {
-        sections = sections.filter((s2) => !this._isSectionBlank(s2));
-      }
-      if (hasConceptSearch) {
-        sections = sections.filter((s2) => this._isSectionConceptSearchMatch(s2, conceptMatchIds));
-      }
+      const sections = filteredSections;
       return sections.map((section2, index) => {
         var _a;
         return html`
@@ -15889,6 +17089,7 @@ let JupiterDynamicForm = class extends LitElement {
             .disabled="${this.disabled || this.readonly}"
             .collapsible="${config.collapsibleSections !== false}"
             .locale="${config.locale || "en-US"}"
+            .numberLocale="${this._effectiveNumberLocale()}"
             .language="${this.language}"
             .isFirstSection="${index === 0}"
             .availableDimensions="${this._getAvailableDimensionsForSection(section2.id)}"
@@ -15896,6 +17097,7 @@ let JupiterDynamicForm = class extends LitElement {
             .showFactsOnly="${this._showFactsOnly}"
             .conceptMatchIds="${hasConceptSearch ? conceptMatchIds : void 0}"
             .masterData="${this._effectiveMasterData}"
+            .prefilledTooltip="${this.prefilledTooltip}"
             .periodStartDate="${this.periodStartDate}"
             .periodEndDate="${this.periodEndDate}"
             .calculationEnabled="${this.calculationEnabled}"
@@ -15918,19 +17120,53 @@ let JupiterDynamicForm = class extends LitElement {
       </div>
     `;
   }
-  _renderSidePanelLayout(schema, config, showValidationSummary, errorCount) {
-    var _a;
+  // Sections visible in the side panel before the search box's own filter is applied — shared
+  // by the render path and the Previous/Next navigation so both agree on "what's in the list".
+  // Also reused by the footer's role-count badge (`_footerVisibleRoleCount`, JDF-101 item 3),
+  // since the readonly/facts-only/concept-search visibility rule computed here is the same one
+  // `_renderAccordionLayout` recomputes inline for its own copy of the active-filter banner.
+  _getSidePanelVisibleSections(schema) {
     const conceptMatchIds = this._getConceptSearchMatchIds(this._conceptSearchText);
     const hasConceptSearch = this._conceptSearchText.trim().length > 0;
     let visibleSections = this.mode === "readonly" || this._showFactsOnly ? schema.sections.filter((s2) => !this._isSectionBlank(s2)) : schema.sections;
     if (hasConceptSearch) {
       visibleSections = visibleSections.filter((s2) => this._isSectionConceptSearchMatch(s2, conceptMatchIds));
     }
+    return visibleSections;
+  }
+  // Moves the active side-panel role to the previous/next entry in the currently visible list
+  // (JDF-099), scrolls the content back to the top, and brings the new role into view on the left.
+  _handleSidePanelPrevNext(direction) {
+    const schema = this._currentSchema;
+    if (!schema)
+      return;
+    const filteredSections = this._filterSidePanelSections(this._getSidePanelVisibleSections(schema));
+    const activeIndex = filteredSections.findIndex((s2) => s2.id === this._activeSidePanelRoleId);
+    if (activeIndex === -1)
+      return;
+    const targetSection = filteredSections[direction === "prev" ? activeIndex - 1 : activeIndex + 1];
+    if (!targetSection)
+      return;
+    this._handleSidePanelRoleClick(targetSection.id);
+    this.updateComplete.then(() => {
+      var _a;
+      const contentEl = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".side-panel-content");
+      contentEl == null ? void 0 : contentEl.scrollTo({ top: 0, behavior: "smooth" });
+      this._scrollActiveRoleIntoView();
+    });
+  }
+  _renderSidePanelLayout(schema, config, showValidationSummary, errorCount) {
+    var _a;
+    const conceptMatchIds = this._getConceptSearchMatchIds(this._conceptSearchText);
+    const hasConceptSearch = this._conceptSearchText.trim().length > 0;
+    const visibleSections = this._getSidePanelVisibleSections(schema);
     const filteredSections = this._filterSidePanelSections(visibleSections);
-    if (!this._activeSidePanelRoleId || !filteredSections.find((s2) => s2.id === this._activeSidePanelRoleId)) {
+    if (!this._activeSidePanelRoleId || !visibleSections.find((s2) => s2.id === this._activeSidePanelRoleId)) {
       this._activeSidePanelRoleId = filteredSections.length > 0 ? filteredSections[0].id : null;
     }
     const activeSection = visibleSections.find((s2) => s2.id === this._activeSidePanelRoleId);
+    const activeSectionIndex = activeSection ? filteredSections.findIndex((s2) => s2.id === activeSection.id) : -1;
+    const nextSection = activeSectionIndex >= 0 ? filteredSections[activeSectionIndex + 1] : void 0;
     return html`
       <div class="side-panel-layout">
         <!-- Left: Roles List (filtered) -->
@@ -15966,7 +17202,7 @@ let JupiterDynamicForm = class extends LitElement {
               </svg>
             `}
           </div>
-          
+
           <!-- Search Results Info -->
           ${this._sidePanelSearchQuery.trim() && filteredSections.length !== visibleSections.length ? html`
             <div class="side-panel-search-results-info">
@@ -16003,6 +17239,9 @@ let JupiterDynamicForm = class extends LitElement {
         <!-- Right: Active Section Content -->
         <div class="side-panel-content">
           <div class="form-sections">
+            <!-- JDF-101: names the active concept/facts-only filter so a narrowed view isn't mistaken for missing data -->
+            ${this.mode !== "admin" ? this._renderActiveFilterBanner(activeSection ? [activeSection] : []) : ""}
+
             <!-- Validation Summary -->
             ${showValidationSummary ? html`
               <div class="validation-summary ${errorCount === 0 ? "warnings-only" : ""}">
@@ -16021,6 +17260,25 @@ let JupiterDynamicForm = class extends LitElement {
                 ${this._renderAdminModeContent(activeSection)}
               </div>
             ` : activeSection ? html`
+              <div
+                class="side-panel-content-header"
+                role="button"
+                tabindex="0"
+                title="${I18n.t("section.locateInList")}"
+                @click="${() => this._scrollActiveRoleIntoView()}"
+                @keydown="${(e2) => {
+      if (e2.key === "Enter" || e2.key === " ") {
+        e2.preventDefault();
+        this._scrollActiveRoleIntoView();
+      }
+    }}"
+              >
+                <div class="side-panel-content-position">${I18n.t("section.position", { current: activeSectionIndex + 1, total: filteredSections.length })}</div>
+                <h2 class="side-panel-content-title">${activeSection.title}</h2>
+                ${this._sectionHasMonetaryConcepts(activeSection.concepts) ? html`
+                  <div class="side-panel-content-amount-scale">${this._amountScaleCaption()}</div>
+                ` : ""}
+              </div>
               <jupiter-form-section
                 section-id="${activeSection.id}"
                 .section="${activeSection}"
@@ -16038,6 +17296,7 @@ let JupiterDynamicForm = class extends LitElement {
                 .collapsible="${false}"
                 .hideHeader="${true}"
                 .locale="${config.locale || "en-US"}"
+                .numberLocale="${this._effectiveNumberLocale()}"
                 .language="${this.language}"
                 .isFirstSection="${true}"
                 .availableDimensions="${this._getAvailableDimensionsForSection(activeSection.id)}"
@@ -16045,6 +17304,7 @@ let JupiterDynamicForm = class extends LitElement {
                 .showFactsOnly="${this._showFactsOnly}"
                 .conceptMatchIds="${hasConceptSearch ? conceptMatchIds : void 0}"
                 .masterData="${this._effectiveMasterData}"
+                .prefilledTooltip="${this.prefilledTooltip}"
                 .periodStartDate="${this.periodStartDate}"
                 .periodEndDate="${this.periodEndDate}"
                 .calculationEnabled="${this.calculationEnabled}"
@@ -16069,6 +17329,22 @@ let JupiterDynamicForm = class extends LitElement {
                 >
                 <label for="role-complete-${activeSection.id}">${I18n.t("form.markAsComplete")}</label>
               </div>
+              <div class="side-panel-nav-row">
+                ${activeSectionIndex > 0 ? html`
+                  <button
+                    type="button"
+                    class="side-panel-nav-btn side-panel-nav-prev"
+                    @click="${() => this._handleSidePanelPrevNext("prev")}"
+                  >${I18n.t("section.previous")}</button>
+                ` : html`<span></span>`}
+                ${nextSection ? html`
+                  <button
+                    type="button"
+                    class="side-panel-nav-btn side-panel-nav-next"
+                    @click="${() => this._handleSidePanelPrevNext("next")}"
+                  >${I18n.t("section.next", { title: nextSection.title })}</button>
+                ` : ""}
+              </div>
             ` : html`
               <div class="no-roles-message">
                 <h3>${I18n.t("form.noRoleSelected")}</h3>
@@ -16107,8 +17383,23 @@ let JupiterDynamicForm = class extends LitElement {
     } else {
       this._validationStatus = status;
     }
+    this._syncValidationDotAnimation();
     this.requestUpdate();
   }
+  /** Starts/stops the Validate button's dot-cycling animation to match _validationStatus. */
+  _syncValidationDotAnimation() {
+    if (this._validationStatus === "inProgress") {
+      if (this._validationDotIntervalId === null) {
+        this._validationDotCount = 1;
+        this._validationDotIntervalId = setInterval(() => {
+          this._validationDotCount = this._validationDotCount % 3 + 1;
+        }, 500);
+      }
+    } else if (this._validationDotIntervalId !== null) {
+      clearInterval(this._validationDotIntervalId);
+      this._validationDotIntervalId = null;
+    }
+  }
   reset() {
     this._handleReset();
   }
@@ -16348,7 +17639,7 @@ let JupiterDynamicForm = class extends LitElement {
     console.log(`[scrollToConcept] Section "${section2.id}" has concept "${found.id}" (no dims, taking first)`);
     return { concept: found, strong: true, inPeriod: inPeriod(cols.map((c2) => c2.id)) };
   }
-  async scrollToConcept(conceptName, dimensions, match, columnId, exactConceptId, role) {
+  async scrollToConcept(conceptName, dimensions, match, columnId, exactConceptId, role, options) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
     console.log(`[scrollToConcept] ▶ START conceptName=${conceptName} value=${match == null ? void 0 : match.value} period=${JSON.stringify(match == null ? void 0 : match.period)} dims=${JSON.stringify(dimensions)} columnId=${columnId} exactConceptId=${exactConceptId} role=${role}`);
     const hasValueMatch = (match == null ? void 0 : match.value) !== void 0 && (match == null ? void 0 : match.value) !== null;
@@ -16424,9 +17715,14 @@ let JupiterDynamicForm = class extends LitElement {
     }
     const periodPinned = !!period && !!targetColumnId && this._periodMatches(this._cellPeriod(targetSection, targetConcept, targetColumnId), period);
     console.log(`[scrollToConcept] targetColumnId=${targetColumnId} hasValueMatch=${hasValueMatch} targetValue=${targetValue} periodPinned=${periodPinned}`);
-    this._conceptSearchText = conceptName.includes(":") ? conceptName.split(":").pop() : conceptName;
+    if ((options == null ? void 0 : options.filterToConcept) !== false) {
+      this._conceptSearchText = conceptName.includes(":") ? conceptName.split(":").pop() : conceptName;
+    }
     this.requestUpdate();
     await this.updateComplete;
+    if (this.display === "sidePanel") {
+      this._scrollActiveRoleIntoView();
+    }
     await new Promise((resolve) => setTimeout(resolve, 300));
     const sectionElements = (_d = this.shadowRoot) == null ? void 0 : _d.querySelectorAll("jupiter-form-section");
     console.log(`[scrollToConcept] DOM: found ${(sectionElements == null ? void 0 : sectionElements.length) ?? 0} jupiter-form-section elements`);
@@ -16637,7 +17933,14 @@ let JupiterDynamicForm = class extends LitElement {
                 <path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>
               </svg>
               ${this._selectedRoleIds.length === 0 ? I18n.t("filter.selectRoles") : I18n.t("filter.filterRoles")}
-              <span class="roles-count">${this._selectedRoleIds.length}/${this._allSections.length}</span>
+              <span class="roles-count">
+                ${this._hasActiveAdvancedFilters ? html`
+                  <svg class="roles-count-filter-icon" viewBox="0 0 24 24">
+                    <path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>
+                  </svg>
+                ` : ""}
+                ${this._footerVisibleRoleCount}/${this._allSections.length}
+              </span>
             </button>
             ${this._hasActiveAdvancedFilters ? html`
               <button
@@ -16662,16 +17965,6 @@ let JupiterDynamicForm = class extends LitElement {
           
 
           <!-- Validation state buttons -->
-          ${this._validationStatus === "inProgress" ? html`
-            <button
-              class="btn-preview"
-              @click="${() => this.dispatchEvent(new CustomEvent("showPreview", { bubbles: true, composed: true }))}"
-              ?disabled="${this.disabled || this.readonly}"
-            >
-              ${I18n.t("form.download")}
-            </button>
-          ` : ""}
-
           ${this._validationStatus === "complete" || this.showLastValidationResultBtn ? html`
             <button
               class="btn-secondary btn-last-results"
@@ -16693,11 +17986,11 @@ let JupiterDynamicForm = class extends LitElement {
           ` : ""}
 
           <button
-            class="btn-primary"
-            @click="${this._handleSubmit}"
-            ?disabled="${this.disabled || this.readonly || this._submitDisabled || this._validationStatus === "inProgress"}"
+            class="btn-primary ${this._validationStatus === "inProgress" ? "btn-primary--validating" : ""}"
+            @click="${this._validationStatus === "inProgress" ? () => this.dispatchEvent(new CustomEvent("resume-validation-progress", { bubbles: true, composed: true })) : this._handleSubmit}"
+            ?disabled="${this.disabled || this.readonly || this._submitDisabled}"
           >
-            ${this.submitButtonLabel || (this.mode === "admin" ? I18n.t("form.save") : I18n.t("form.submit"))}
+            ${this._validationStatus === "inProgress" ? `${I18n.t("form.validationInProgress")}${".".repeat(this._validationDotCount)}` : this.submitButtonLabel || (this.mode === "admin" ? I18n.t("form.save") : I18n.t("form.submit"))}
           </button>
 
         </div>
@@ -16799,7 +18092,61 @@ let JupiterDynamicForm = class extends LitElement {
             </div>
           </div>
         ` : ""}
-        
+
+        <!-- Typed Dimension Warning Popup -->
+        ${this._showTypedDimensionWarning ? html`
+          <div class="error-popup-overlay" @click="${() => {
+      this._showTypedDimensionWarning = false;
+      this.requestUpdate();
+    }}">
+            <div class="error-popup" @click="${(e2) => e2.stopPropagation()}">
+              <div class="error-popup-header">
+                <h3>⚠️ ${I18n.t("typedDimensionWarning.title")}</h3>
+                <button class="error-popup-close" @click="${() => {
+      this._showTypedDimensionWarning = false;
+      this.requestUpdate();
+    }}">×</button>
+              </div>
+              <div class="error-popup-content">
+                <p>${I18n.t("typedDimensionWarning.message")}</p>
+                <ul class="error-list">
+                  ${this._groupTypedDimensionWarningFactsByRole().map((group) => html`
+                    <li>
+                      <strong>${I18n.t("typedDimensionWarning.role")}</strong> ${group.sectionTitle}
+                      <ul>
+                        ${group.facts.map((fact) => html`
+                          <li>
+                            <strong>${I18n.t("typedDimensionWarning.field")}</strong>
+                            <a
+                              href="javascript:void(0)"
+                              class="error-field-link"
+                              @click="${() => this._handleTypedDimensionFactClick(fact.conceptId, fact.columnId, fact.sectionId)}"
+                              title="${I18n.t("typedDimensionWarning.clickToFocus")}"
+                            >
+                              ${fact.conceptLabel} (${fact.columnTitle})
+                            </a>
+                            — <strong>${I18n.t("typedDimensionWarning.value")}</strong> ${fact.value}
+                          </li>
+                        `)}
+                      </ul>
+                    </li>
+                  `)}
+                </ul>
+              </div>
+              <div class="error-popup-footer">
+                <button class="btn-secondary" @click="${() => {
+      this._showTypedDimensionWarning = false;
+      this.requestUpdate();
+    }}">${I18n.t("typedDimensionWarning.cancel")}</button>
+                <button class="btn-primary" @click="${() => {
+      this._showTypedDimensionWarning = false;
+      this._continueSubmit();
+    }}">${I18n.t("typedDimensionWarning.continue")}</button>
+              </div>
+            </div>
+          </div>
+        ` : ""}
+
         <!-- Role Context Menu -->
         ${this._showRoleContextMenu ? html`
           <div 
@@ -16918,7 +18265,45 @@ JupiterDynamicForm.styles = css`
       color: var(--jupiter-warning-color, #ff9800);
     }
 
-    .form-actions button {
+    /* JDF-101: banner naming an active concept/facts-only filter — informational (blue), distinct
+       from the error/warning red-amber palette above, since a filter isn't a problem to fix. */
+    .active-filter-banner {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 12px;
+      margin-bottom: 16px;
+      padding: 10px 16px;
+      border-radius: 4px;
+      background: var(--jupiter-info-background, #e3f2fd);
+      border: 1px solid var(--jupiter-primary-color, #1976d2);
+      color: var(--jupiter-primary-color, #1976d2);
+      font-size: 14px;
+    }
+
+    .active-filter-banner-text {
+      font-weight: 500;
+    }
+
+    .active-filter-banner-clear {
+      flex-shrink: 0;
+      background: none;
+      border: 1px solid var(--jupiter-primary-color, #1976d2);
+      border-radius: 4px;
+      padding: 6px 12px;
+      font-size: 13px;
+      font-weight: 600;
+      color: var(--jupiter-primary-color, #1976d2);
+      cursor: pointer;
+    }
+
+    .active-filter-banner-clear:hover {
+      background: var(--jupiter-primary-color, #1976d2);
+      color: #fff;
+    }
+
+    .form-actions button,
+    .error-popup-footer button {
       padding: 10px 20px;
       border: none;
       border-radius: 4px;
@@ -16975,12 +18360,14 @@ JupiterDynamicForm.styles = css`
       background: var(--jupiter-validate-color-dark, #2e7d32);
     }
 
-    .btn-preview {
-      background: var(--jupiter-primary-color, #1976d2);
-      color: white;
+    .btn-primary--validating {
+      opacity: 0.85;
+      animation: jupiter-validating-pulse 1.5s ease-in-out infinite;
     }
-    .btn-preview:hover:not(:disabled) {
-      background: var(--jupiter-primary-color-dark, #1565c0);
+
+    @keyframes jupiter-validating-pulse {
+      0%, 100% { opacity: 0.85; }
+      50% { opacity: 1; }
     }
 
 
@@ -17062,6 +18449,7 @@ JupiterDynamicForm.styles = css`
     .roles-count {
       display: inline-flex;
       align-items: center;
+      gap: 3px;
       background: var(--primaryTextColor, var(--jupiter-primary-color, #1976d2));
       color: var(--headerBgColor, white) !important;
       border-radius: 10px;
@@ -17073,6 +18461,14 @@ JupiterDynamicForm.styles = css`
       justify-content: center;
     }
 
+    /* JDF-101 item 3: marks the badge as counting the advanced-filter-narrowed roles, not the
+       Filter Roles selection, so it doesn't read as a plain (and here, smaller) role count. */
+    .roles-count-filter-icon {
+      width: 10px;
+      height: 10px;
+      fill: currentColor;
+    }
+
     .no-roles-message {
       padding: 40px;
       text-align: center;
@@ -17319,6 +18715,70 @@ JupiterDynamicForm.styles = css`
       background: var(--bg-color-2, var(--jupiter-background, #fff));
     }
 
+    .side-panel-content-header {
+      padding: 20px 24px 12px 24px;
+      cursor: pointer;
+      border-radius: 4px;
+    }
+
+    .side-panel-content-header:hover {
+      background: var(--jupiter-hover-color, rgba(25, 118, 210, 0.08));
+    }
+
+    .side-panel-content-header:focus-visible {
+      outline: 2px solid var(--jupiter-primary-color, #1976d2);
+      outline-offset: 2px;
+    }
+
+    .side-panel-content-position {
+      font-size: 12px;
+      font-weight: 600;
+      letter-spacing: 0.02em;
+      text-transform: uppercase;
+      color: var(--jupiter-text-secondary, #757575);
+      margin-bottom: 4px;
+    }
+
+    .side-panel-content-title {
+      font-size: 18px;
+      font-weight: 600;
+      margin: 0;
+      color: var(--jupiter-text-primary, #333);
+    }
+
+    /* JDF-093 Part B: stated once, here, rather than repeated on every input hint. */
+    .side-panel-content-amount-scale {
+      font-size: 13px;
+      color: var(--jupiter-text-secondary, #757575);
+      margin-top: 4px;
+    }
+
+    .side-panel-nav-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 12px;
+      padding: 4px 16px 16px 16px;
+    }
+
+    .side-panel-nav-btn {
+      background: none;
+      border: 1px solid var(--jupiter-border-color, #e0e0e0);
+      border-radius: 4px;
+      padding: 8px 16px;
+      font-size: 14px;
+      color: var(--jupiter-primary-color, #1976d2);
+      cursor: pointer;
+    }
+
+    .side-panel-nav-btn:hover {
+      background: var(--jupiter-hover-color, rgba(25, 118, 210, 0.08));
+    }
+
+    .side-panel-nav-next {
+      margin-left: auto;
+    }
+
     .side-panel-content .form-sections {
       padding: 0 24px 24px 24px;
       padding-top: 0;
@@ -17681,6 +19141,9 @@ __decorateClass([
 __decorateClass([
   n2({ type: String })
 ], JupiterDynamicForm.prototype, "reportingLanguage", 2);
+__decorateClass([
+  n2({ type: String })
+], JupiterDynamicForm.prototype, "numberLocale", 2);
 __decorateClass([
   n2({ type: String })
 ], JupiterDynamicForm.prototype, "display", 2);
@@ -17711,6 +19174,9 @@ __decorateClass([
 __decorateClass([
   n2({ type: Object, attribute: "master-data" })
 ], JupiterDynamicForm.prototype, "masterData", 2);
+__decorateClass([
+  n2({ type: String, attribute: "prefilled-tooltip" })
+], JupiterDynamicForm.prototype, "prefilledTooltip", 2);
 __decorateClass([
   n2({ type: Object, attribute: "dynaforms-metadata" })
 ], JupiterDynamicForm.prototype, "dynaformsMetadata", 2);
@@ -17789,6 +19255,12 @@ __decorateClass([
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_showErrorPopup", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_showTypedDimensionWarning", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_typedDimensionWarningFacts", 2);
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_submitDisabled", 2);
@@ -17849,6 +19321,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_validationStatus", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_validationDotCount", 2);
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_formulaValidationResults", 2);