jupiter-dynamic-forms 1.20.8 → 1.20.9

package/dist/index.mjs

@@ -1850,6 +1850,14 @@ const formulaValidation$1 = {
   severityError: "Error",
   close: "Close"
 };
+const scrollToConcept$1 = {
+  revealRole: {
+    title: "Role not in your filtered list",
+    message: 'This field is in the role "{{role}}", which is not in your filtered list of roles. Do you want to make this role visible?',
+    confirm: "Yes, show role",
+    cancel: "No"
+  }
+};
 const enTranslations = {
   conceptInfo: conceptInfo$1,
   form: form$1,
@@ -1862,7 +1870,8 @@ const enTranslations = {
   xbrlValidation: xbrlValidation$1,
   error: error$1,
   calculationWarning: calculationWarning$1,
-  formulaValidation: formulaValidation$1
+  formulaValidation: formulaValidation$1,
+  scrollToConcept: scrollToConcept$1
 };
 const conceptInfo = {
   title: "Conceptinformatie",
@@ -2057,6 +2066,14 @@ const formulaValidation = {
   severityError: "Fout",
   close: "Sluiten"
 };
+const scrollToConcept = {
+  revealRole: {
+    title: "Rol niet in uw gefilterde lijst",
+    message: 'Dit veld staat in de rol "{{role}}", die niet in uw gefilterde lijst met rollen staat. Wilt u deze rol zichtbaar maken?',
+    confirm: "Ja, rol tonen",
+    cancel: "Nee"
+  }
+};
 const nlTranslations = {
   conceptInfo,
   form,
@@ -2069,7 +2086,8 @@ const nlTranslations = {
   xbrlValidation,
   error,
   calculationWarning,
-  formulaValidation
+  formulaValidation,
+  scrollToConcept
 };
 const translations = {
   en: enTranslations,
@@ -2360,7 +2378,7 @@ class FormulaExpressionError extends Error {
   }
 }
 const TOKEN_PATTERN = /\s*(?:(\$[A-Za-z_][\w-]*)|(-?\d+(?:\.\d+)?)|([A-Za-z][\w:-]*)|('[^']*')|(\()|(\))|(\+)|(-)|(=))/y;
-function tokenize(test) {
+function tokenize$1(test) {
   const tokens = [];
   TOKEN_PATTERN.lastIndex = 0;
   let index = 0;
@@ -2638,7 +2656,7 @@ function evalBool(node, bindings, test, fallbackUsage) {
   }
 }
 function evaluateFormulaTest(test, bindings, fallbackUsage = /* @__PURE__ */ new Map()) {
-  const tokens = tokenize(test);
+  const tokens = tokenize$1(test);
   const ast = new Parser(tokens, test).parseBoolExpr();
   return evalBool(ast, bindings, test, fallbackUsage);
 }
@@ -3887,6 +3905,70 @@ class FactMatcher {
     console.log("  Match Result:", match ? match.value : "No match");
   }
 }
+const ROLE_MATCH_TIER = {
+  /** Full `id`/`roleURI` equals the query. */
+  EXACT_ID: 1,
+  /** Local name (segment after the last `:`, `/` or `#`) of `id`/`roleURI` equals the query's. */
+  EXACT_LOCAL_NAME: 2,
+  /** `title`/`description`/`metadata.originalRole` equals the query. */
+  EXACT_LABEL: 3,
+  /** Contiguous substring match, in either direction, against a local name or label. */
+  SUBSTRING: 4,
+  /** Every word of the query appears in a local name or label, in any order. */
+  TOKEN_SUBSET: 5
+};
+const normalize = (value) => typeof value === "string" ? value.trim().toLowerCase() : "";
+const tokenize = (value) => value.split(/[^\p{L}\p{N}]+/u).filter(Boolean);
+function roleLocalName(value) {
+  const trimmed = value.replace(/[/#:]+$/, "");
+  const cut = Math.max(trimmed.lastIndexOf(":"), trimmed.lastIndexOf("/"), trimmed.lastIndexOf("#"));
+  return cut >= 0 ? trimmed.slice(cut + 1) : trimmed;
+}
+function scoreSection(query, section2) {
+  var _a, _b;
+  const identifiers = [section2.id, (_a = section2.metadata) == null ? void 0 : _a.roleURI].map(normalize).filter(Boolean);
+  const labels = [section2.title, section2.description, (_b = section2.metadata) == null ? void 0 : _b.originalRole].map(normalize).filter(Boolean);
+  const localNames = identifiers.map(roleLocalName);
+  const queryLocal = /\s/.test(query) ? null : roleLocalName(query);
+  if (identifiers.includes(query))
+    return { tier: ROLE_MATCH_TIER.EXACT_ID, looseness: 0 };
+  if (queryLocal && localNames.includes(queryLocal))
+    return { tier: ROLE_MATCH_TIER.EXACT_LOCAL_NAME, looseness: 0 };
+  if (labels.includes(query))
+    return { tier: ROLE_MATCH_TIER.EXACT_LABEL, looseness: 0 };
+  const needle = queryLocal ?? query;
+  const fields = [...localNames, ...labels];
+  let best = null;
+  for (const field2 of fields) {
+    if (field2.includes(needle) || needle.includes(field2)) {
+      const looseness = Math.abs(field2.length - needle.length);
+      if (best === null || looseness < best)
+        best = looseness;
+    }
+  }
+  if (best !== null)
+    return { tier: ROLE_MATCH_TIER.SUBSTRING, looseness: best };
+  const queryTokens = new Set(tokenize(needle));
+  if (!queryTokens.size)
+    return null;
+  for (const field2 of fields) {
+    const fieldTokens = new Set(tokenize(field2));
+    if ([...queryTokens].every((t2) => fieldTokens.has(t2))) {
+      const looseness = fieldTokens.size - queryTokens.size;
+      if (best === null || looseness < best)
+        best = looseness;
+    }
+  }
+  if (best !== null)
+    return { tier: ROLE_MATCH_TIER.TOKEN_SUBSET, looseness: best };
+  return null;
+}
+function rankMatchingSections(roleQuery, sections) {
+  const query = normalize(roleQuery);
+  if (!query)
+    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 TYPE_INPUT_MAP = {
   // ==========================================
   // Dutch XBRL Types (nl-types namespace)
@@ -4536,15 +4618,15 @@ class XBRLValidator {
     return rules;
   }
 }
-var __defProp$7 = Object.defineProperty;
-var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
-var __decorateClass$7 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target;
+var __defProp$8 = Object.defineProperty;
+var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
+var __decorateClass$8 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$7(target, key, result);
+    __defProp$8(target, key, result);
   return result;
 };
 let JupiterFormField = class extends LitElement {
@@ -6111,99 +6193,99 @@ JupiterFormField.styles = css`
       animation: concept-highlight-pulse 10s ease-out forwards;
     }
   `;
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: Object })
 ], JupiterFormField.prototype, "field", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: String })
 ], JupiterFormField.prototype, "conceptId", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: String })
 ], JupiterFormField.prototype, "conceptType", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: Array })
 ], JupiterFormField.prototype, "datatypes", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: Array })
 ], JupiterFormField.prototype, "defaultUnits", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: String })
 ], JupiterFormField.prototype, "columnId", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2()
 ], JupiterFormField.prototype, "value", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: Boolean })
 ], JupiterFormField.prototype, "disabled", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: String })
 ], JupiterFormField.prototype, "locale", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: Boolean })
 ], JupiterFormField.prototype, "hideLabel", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: String })
 ], JupiterFormField.prototype, "mode", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: Object })
 ], JupiterFormField.prototype, "masterData", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: Array })
 ], JupiterFormField.prototype, "facts", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: Object })
 ], JupiterFormField.prototype, "column", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: String })
 ], JupiterFormField.prototype, "periodStartDate", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: String })
 ], JupiterFormField.prototype, "periodEndDate", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: String })
 ], JupiterFormField.prototype, "periodInstantDate", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: String })
 ], JupiterFormField.prototype, "unit", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: String })
 ], JupiterFormField.prototype, "decimals", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: String })
 ], JupiterFormField.prototype, "globalDecimals", 2);
-__decorateClass$7([
+__decorateClass$8([
   n2({ type: Object })
 ], JupiterFormField.prototype, "typedMemberValues", 2);
-__decorateClass$7([
+__decorateClass$8([
   r()
 ], JupiterFormField.prototype, "_errors", 2);
-__decorateClass$7([
+__decorateClass$8([
   r()
 ], JupiterFormField.prototype, "_xbrlErrors", 2);
-__decorateClass$7([
+__decorateClass$8([
   r()
 ], JupiterFormField.prototype, "_touched", 2);
-__decorateClass$7([
+__decorateClass$8([
   r()
 ], JupiterFormField.prototype, "_showPeriodPopup", 2);
-__decorateClass$7([
+__decorateClass$8([
   r()
 ], JupiterFormField.prototype, "_availableUnits", 2);
-__decorateClass$7([
+__decorateClass$8([
   r()
 ], JupiterFormField.prototype, "_numericDraftValue", 2);
-JupiterFormField = __decorateClass$7([
+JupiterFormField = __decorateClass$8([
   t$1("jupiter-form-field")
 ], JupiterFormField);
-var __defProp$6 = Object.defineProperty;
-var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
-var __decorateClass$6 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
+var __defProp$7 = Object.defineProperty;
+var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
+var __decorateClass$7 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$6(target, key, result);
+    __defProp$7(target, key, result);
   return result;
 };
 let JupiterConceptTree = class extends LitElement {
@@ -6860,90 +6942,90 @@ JupiterConceptTree.styles = css`
     }
 
   `;
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "concept", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Array })
 ], JupiterConceptTree.prototype, "columns", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "formData", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "periodData", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "unitData", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "decimalsData", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: String })
 ], JupiterConceptTree.prototype, "globalDecimals", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Array })
 ], JupiterConceptTree.prototype, "defaultUnits", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Boolean })
 ], JupiterConceptTree.prototype, "disabled", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: String })
 ], JupiterConceptTree.prototype, "locale", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Set })
 ], JupiterConceptTree.prototype, "expandedConcepts", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Array })
 ], JupiterConceptTree.prototype, "datatypes", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: String })
 ], JupiterConceptTree.prototype, "mode", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "masterData", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Array })
 ], JupiterConceptTree.prototype, "facts", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "typedMemberData", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Boolean })
 ], JupiterConceptTree.prototype, "showAddButton", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Boolean })
 ], JupiterConceptTree.prototype, "showRemoveButton", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: String })
 ], JupiterConceptTree.prototype, "highlightType", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: String })
 ], JupiterConceptTree.prototype, "highlightColumnId", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "calculationMismatches", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: String })
 ], JupiterConceptTree.prototype, "language", 2);
-__decorateClass$6([
+__decorateClass$7([
   n2({ type: Boolean })
 ], JupiterConceptTree.prototype, "rowFocused", 2);
-__decorateClass$6([
+__decorateClass$7([
   r()
 ], JupiterConceptTree.prototype, "_expanded", 2);
-JupiterConceptTree = __decorateClass$6([
+JupiterConceptTree = __decorateClass$7([
   t$1("jupiter-concept-tree")
 ], JupiterConceptTree);
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
-var __decorateClass$5 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
+var __decorateClass$6 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$5(target, key, result);
+    __defProp$6(target, key, result);
   return result;
 };
 let JupiterAddColumnDialog = class extends LitElement {
@@ -7680,54 +7762,54 @@ JupiterAddColumnDialog.styles = css`
       line-height: 1.4;
     }
   `;
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: String })
 ], JupiterAddColumnDialog.prototype, "periodType", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: Boolean })
 ], JupiterAddColumnDialog.prototype, "open", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: Array })
 ], JupiterAddColumnDialog.prototype, "availableDimensions", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: String })
 ], JupiterAddColumnDialog.prototype, "periodStartDate", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: String })
 ], JupiterAddColumnDialog.prototype, "periodEndDate", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: Array })
 ], JupiterAddColumnDialog.prototype, "datatypes", 2);
-__decorateClass$5([
+__decorateClass$6([
   r()
 ], JupiterAddColumnDialog.prototype, "_startDate", 2);
-__decorateClass$5([
+__decorateClass$6([
   r()
 ], JupiterAddColumnDialog.prototype, "_endDate", 2);
-__decorateClass$5([
+__decorateClass$6([
   r()
 ], JupiterAddColumnDialog.prototype, "_instantDate", 2);
-__decorateClass$5([
+__decorateClass$6([
   r()
 ], JupiterAddColumnDialog.prototype, "_selectedType", 2);
-__decorateClass$5([
+__decorateClass$6([
   r()
 ], JupiterAddColumnDialog.prototype, "_selectedDimensions", 2);
-__decorateClass$5([
+__decorateClass$6([
   r()
 ], JupiterAddColumnDialog.prototype, "_typedValueErrors", 2);
-JupiterAddColumnDialog = __decorateClass$5([
+JupiterAddColumnDialog = __decorateClass$6([
   t$1("jupiter-add-column-dialog")
 ], JupiterAddColumnDialog);
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
-var __decorateClass$4 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
+var __decorateClass$5 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$4(target, key, result);
+    __defProp$5(target, key, result);
   return result;
 };
 let JupiterFormSection = class extends LitElement {
@@ -7865,6 +7947,47 @@ let JupiterFormSection = class extends LitElement {
       bubbles: true
     }));
   }
+  /**
+   * Makes `conceptId`'s row render: opens this section (as clicking its header would) and expands
+   * every ancestor of the row in the tree. A row only renders while all its ancestors are expanded,
+   * and only the first section expands its tree on its own, so dynamic-form's scrollToConcept calls
+   * this before looking the row up. Resolves false if the concept isn't in this section.
+   */
+  async revealConcept(conceptId) {
+    var _a;
+    const ancestors = this._findAncestorIds(((_a = this.section) == null ? void 0 : _a.concepts) ?? [], conceptId);
+    if (!ancestors)
+      return false;
+    if (!this._expanded) {
+      this._expanded = true;
+      this._expandAllTrees();
+      this.dispatchEvent(new CustomEvent("section-expand", {
+        detail: { sectionId: this.section.id, expanded: true },
+        bubbles: true
+      }));
+    }
+    const next = /* @__PURE__ */ new Set([...this._expandedConcepts, ...ancestors]);
+    if (next.size !== this._expandedConcepts.size) {
+      this._expandedConcepts = next;
+      const allConceptIds = this._getAllConceptIds(this.section.concepts || []);
+      this._allTreeExpanded = allConceptIds.length > 0 && allConceptIds.every((id) => next.has(id));
+    }
+    await this.updateComplete;
+    return true;
+  }
+  _findAncestorIds(concepts, conceptId, trail = []) {
+    var _a;
+    for (const concept of concepts) {
+      if (concept.id === conceptId)
+        return trail;
+      if ((_a = concept.children) == null ? void 0 : _a.length) {
+        const found = this._findAncestorIds(concept.children, conceptId, [...trail, concept.id]);
+        if (found)
+          return found;
+      }
+    }
+    return null;
+  }
   _handleRemoveColumn(columnId) {
     this._openMenuColumnId = null;
     this.dispatchEvent(new CustomEvent("column-remove", {
@@ -9071,129 +9194,129 @@ JupiterFormSection.styles = css`
       font-style: italic;
     }
   `;
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "section", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Array })
 ], JupiterFormSection.prototype, "columns", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Array })
 ], JupiterFormSection.prototype, "datatypes", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "formData", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "periodData", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "unitData", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "decimalsData", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: String })
 ], JupiterFormSection.prototype, "globalDecimals", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "typedMemberData", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "repeatCounts", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Array })
 ], JupiterFormSection.prototype, "defaultUnits", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Boolean })
 ], JupiterFormSection.prototype, "disabled", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Boolean })
 ], JupiterFormSection.prototype, "collapsible", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: String })
 ], JupiterFormSection.prototype, "locale", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Boolean })
 ], JupiterFormSection.prototype, "isFirstSection", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Array })
 ], JupiterFormSection.prototype, "availableDimensions", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Boolean })
 ], JupiterFormSection.prototype, "hideHeader", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: String })
 ], JupiterFormSection.prototype, "mode", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Boolean })
 ], JupiterFormSection.prototype, "showFactsOnly", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "conceptMatchIds", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "masterData", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: String })
 ], JupiterFormSection.prototype, "periodStartDate", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: String })
 ], JupiterFormSection.prototype, "periodEndDate", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: String })
 ], JupiterFormSection.prototype, "language", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Boolean })
 ], JupiterFormSection.prototype, "calculationEnabled", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "totalManuallyEditedData", 2);
-__decorateClass$4([
+__decorateClass$5([
   r()
 ], JupiterFormSection.prototype, "_expanded", 2);
-__decorateClass$4([
+__decorateClass$5([
   r()
 ], JupiterFormSection.prototype, "_showAddColumnDialog", 2);
-__decorateClass$4([
+__decorateClass$5([
   r()
 ], JupiterFormSection.prototype, "_sectionPeriodType", 2);
-__decorateClass$4([
+__decorateClass$5([
   r()
 ], JupiterFormSection.prototype, "_openMenuColumnId", 2);
-__decorateClass$4([
+__decorateClass$5([
   r()
 ], JupiterFormSection.prototype, "_insertAfterColumnId", 2);
-__decorateClass$4([
+__decorateClass$5([
   r()
 ], JupiterFormSection.prototype, "_typedMemberErrors", 2);
-__decorateClass$4([
+__decorateClass$5([
   r()
 ], JupiterFormSection.prototype, "_expandedConcepts", 2);
-__decorateClass$4([
+__decorateClass$5([
   r()
 ], JupiterFormSection.prototype, "_allTreeExpanded", 2);
-__decorateClass$4([
+__decorateClass$5([
   r()
 ], JupiterFormSection.prototype, "_highlightMap", 2);
-__decorateClass$4([
+__decorateClass$5([
   r()
 ], JupiterFormSection.prototype, "_focusedConceptId", 2);
-__decorateClass$4([
+__decorateClass$5([
   r()
 ], JupiterFormSection.prototype, "_calculationMismatches", 2);
-JupiterFormSection = __decorateClass$4([
+JupiterFormSection = __decorateClass$5([
   t$1("jupiter-form-section")
 ], JupiterFormSection);
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
-var __decorateClass$3 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
+var __decorateClass$4 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$3(target, key, result);
+    __defProp$4(target, key, result);
   return result;
 };
 let JupiterAdvancedFilter = class extends LitElement {
@@ -9382,27 +9505,27 @@ JupiterAdvancedFilter.styles = css`
       color: var(--primaryTextColor, var(--jupiter-text-primary, #333));
     }
   `;
-__decorateClass$3([
+__decorateClass$4([
   n2({ type: Boolean })
 ], JupiterAdvancedFilter.prototype, "showFactsOnly", 2);
-__decorateClass$3([
+__decorateClass$4([
   n2({ type: String })
 ], JupiterAdvancedFilter.prototype, "conceptSearchText", 2);
-__decorateClass$3([
+__decorateClass$4([
   r()
 ], JupiterAdvancedFilter.prototype, "_localConceptSearchText", 2);
-JupiterAdvancedFilter = __decorateClass$3([
+JupiterAdvancedFilter = __decorateClass$4([
   t$1("jupiter-advanced-filter")
 ], JupiterAdvancedFilter);
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
-var __decorateClass$2 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;
+var __defProp$3 = Object.defineProperty;
+var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
+var __decorateClass$3 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$2(target, key, result);
+    __defProp$3(target, key, result);
   return result;
 };
 let _lastViewWasAdvancedFilter = false;
@@ -11106,84 +11229,84 @@ JupiterFilterRolesDialog.styles = css`
       background: var(--menuBgColorLighter, var(--jupiter-hover-background, #f5f5f5));
     }
   `;
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Boolean, reflect: true })
 ], JupiterFilterRolesDialog.prototype, "open", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Array })
 ], JupiterFilterRolesDialog.prototype, "availableRoles", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Array })
 ], JupiterFilterRolesDialog.prototype, "selectedRoleIds", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Object })
 ], JupiterFilterRolesDialog.prototype, "periodPreferences", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: String })
 ], JupiterFilterRolesDialog.prototype, "mode", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Object })
 ], JupiterFilterRolesDialog.prototype, "hypercubeData", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Boolean })
 ], JupiterFilterRolesDialog.prototype, "showFactsOnly", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: String })
 ], JupiterFilterRolesDialog.prototype, "conceptSearchText", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_tempSelectedRoles", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_searchQuery", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_filteredRoles", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_tempPeriodPreferences", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_selectedAvailableRole", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_selectedChosenRole", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_chosenSearchQuery", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_draggedRoleId", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_dragOverRoleId", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_chosenRoleOrder", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_showAdvancedFilter", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_showFactsOnly", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_conceptSearchText", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFilterRolesDialog.prototype, "_collapsedRoles", 2);
-JupiterFilterRolesDialog = __decorateClass$2([
+JupiterFilterRolesDialog = __decorateClass$3([
   t$1("jupiter-filter-roles-dialog")
 ], JupiterFilterRolesDialog);
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
-var __decorateClass$1 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
+var __decorateClass$2 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$1(target, key, result);
+    __defProp$2(target, key, result);
   return result;
 };
 let JupiterFormulaValidationDialog = class extends LitElement {
@@ -11537,21 +11660,194 @@ JupiterFormulaValidationDialog.styles = css`
       opacity: 0.9;
     }
   `;
-__decorateClass$1([
+__decorateClass$2([
   n2({ type: Array })
 ], JupiterFormulaValidationDialog.prototype, "results", 2);
-__decorateClass$1([
+__decorateClass$2([
   n2({ type: Object })
 ], JupiterFormulaValidationDialog.prototype, "summary", 2);
-__decorateClass$1([
+__decorateClass$2([
   n2({ type: Boolean, reflect: true })
 ], JupiterFormulaValidationDialog.prototype, "open", 2);
-__decorateClass$1([
+__decorateClass$2([
   r()
 ], JupiterFormulaValidationDialog.prototype, "_collapsedGroups", 2);
-JupiterFormulaValidationDialog = __decorateClass$1([
+JupiterFormulaValidationDialog = __decorateClass$2([
   t$1("jupiter-formula-validation-dialog")
 ], JupiterFormulaValidationDialog);
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
+var __decorateClass$1 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
+  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
+    if (decorator = decorators[i2])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp$1(target, key, result);
+  return result;
+};
+let JupiterConfirmDialog = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.open = false;
+    this.heading = "";
+    this.message = "";
+    this.confirmLabel = "OK";
+    this.cancelLabel = "Cancel";
+    this._boundHandleKeydown = this._handleKeydown.bind(this);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    window.addEventListener("keydown", this._boundHandleKeydown);
+  }
+  disconnectedCallback() {
+    window.removeEventListener("keydown", this._boundHandleKeydown);
+    super.disconnectedCallback();
+  }
+  updated(changed) {
+    var _a, _b;
+    if (changed.has("open") && this.open) {
+      (_b = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".btn-primary")) == null ? void 0 : _b.focus();
+    }
+  }
+  _handleKeydown(event) {
+    if (this.open && event.key === "Escape") {
+      this._handleCancel();
+    }
+  }
+  _handleConfirm() {
+    this.open = false;
+    this.dispatchEvent(new CustomEvent("dialog-confirm", { bubbles: true }));
+  }
+  _handleCancel() {
+    this.open = false;
+    this.dispatchEvent(new CustomEvent("dialog-cancel", { bubbles: true }));
+  }
+  render() {
+    if (!this.open)
+      return html``;
+    return html`
+      <div class="dialog" role="alertdialog" aria-modal="true" aria-labelledby="title" aria-describedby="message"
+        @click="${(e2) => e2.stopPropagation()}">
+        <h2 class="dialog-title" id="title">${this.heading}</h2>
+        <p class="dialog-message" id="message">${this.message}</p>
+        <div class="dialog-actions">
+          <button type="button" class="btn btn-secondary" @click="${this._handleCancel}">${this.cancelLabel}</button>
+          <button type="button" class="btn btn-primary" @click="${this._handleConfirm}">${this.confirmLabel}</button>
+        </div>
+      </div>
+    `;
+  }
+};
+JupiterConfirmDialog.styles = css`
+    :host {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.5);
+      z-index: 1100;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 0.3s ease, visibility 0.3s ease;
+    }
+
+    :host([open]) {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    .dialog {
+      background: var(--bg-color-2, var(--jupiter-card-background, #fff));
+      border-radius: 8px;
+      padding: 24px;
+      min-width: 360px;
+      max-width: 520px;
+      width: 90vw;
+      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
+      transform: scale(0.9);
+      transition: transform 0.3s ease;
+    }
+
+    :host([open]) .dialog {
+      transform: scale(1);
+    }
+
+    .dialog-title {
+      font-size: 20px;
+      font-weight: 600;
+      color: var(--primaryTextColor, var(--jupiter-text-primary, #333));
+      margin: 0 0 12px 0;
+    }
+
+    .dialog-message {
+      font-size: 14px;
+      line-height: 1.5;
+      color: var(--primaryTextColor, var(--jupiter-text-primary, #333));
+      margin: 0;
+      overflow-wrap: anywhere;
+    }
+
+    .dialog-actions {
+      display: flex;
+      gap: 12px;
+      justify-content: flex-end;
+      border-top: 1px solid var(--jupiter-border-color, #ddd);
+      padding-top: 16px;
+      margin-top: 20px;
+    }
+
+    .btn {
+      padding: 10px 20px;
+      border-radius: 4px;
+      font-size: 14px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: background-color 0.2s ease;
+    }
+
+    .btn-primary {
+      border: none;
+      background: var(--buttonBgColor, var(--jupiter-primary-color, #1976d2));
+      color: var(--buttonTextColor, white);
+    }
+
+    .btn-primary:hover {
+      opacity: 0.9;
+    }
+
+    .btn-secondary {
+      border: 1px solid var(--jupiter-border-color, #ddd);
+      background: transparent;
+      color: var(--primaryTextColor, var(--jupiter-text-primary, #333));
+    }
+
+    .btn-secondary:hover {
+      background: var(--jupiter-hover-background, #f5f5f5);
+    }
+  `;
+__decorateClass$1([
+  n2({ type: Boolean, reflect: true })
+], JupiterConfirmDialog.prototype, "open", 2);
+__decorateClass$1([
+  n2({ type: String })
+], JupiterConfirmDialog.prototype, "heading", 2);
+__decorateClass$1([
+  n2({ type: String })
+], JupiterConfirmDialog.prototype, "message", 2);
+__decorateClass$1([
+  n2({ type: String })
+], JupiterConfirmDialog.prototype, "confirmLabel", 2);
+__decorateClass$1([
+  n2({ type: String })
+], JupiterConfirmDialog.prototype, "cancelLabel", 2);
+JupiterConfirmDialog = __decorateClass$1([
+  t$1("jupiter-confirm-dialog")
+], JupiterConfirmDialog);
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -11612,6 +11908,7 @@ let JupiterDynamicForm = class extends LitElement {
     this._allSections = [];
     this._selectedRoleIds = [];
     this._showFilterDialog = false;
+    this._revealRolePrompt = null;
     this._showFactsOnly = false;
     this._conceptSearchText = "";
     this._periodPreferences = {};
@@ -11709,6 +12006,7 @@ let JupiterDynamicForm = class extends LitElement {
       clearInterval(this._autoSaveTimer);
       this._autoSaveTimer = null;
     }
+    this._settleRevealRolePrompt(false);
   }
   /**
    * Capture the current _formData as the auto-save baseline.
@@ -12405,8 +12703,14 @@ let JupiterDynamicForm = class extends LitElement {
     this.scrollToConcept(event.detail.conceptQName, void 0, void 0, event.detail.columnId, event.detail.conceptId);
   }
   _handleRoleFilterApply(event) {
-    var _a, _b;
     const { selectedRoleIds, periodPreferences } = event.detail;
+    this._applyRoleSelection(selectedRoleIds, periodPreferences, "filterDialog");
+  }
+  // Applies a new role selection: preserves entered data through a draft, rebuilds the form, and
+  // restores the data. Shared by the Filter Roles dialog and scrollToConcept's reveal (JDF-086).
+  // Resolves once the draft has been restored into the rebuilt form.
+  _applyRoleSelection(selectedRoleIds, periodPreferences, source) {
+    var _a, _b;
     console.log("🎯 Filter apply triggered");
     console.log("📊 Old _selectedRoleIds:", this._selectedRoleIds);
     console.log("📊 New selectedRoleIds from dialog:", selectedRoleIds);
@@ -12447,7 +12751,7 @@ let JupiterDynamicForm = class extends LitElement {
     console.log("📊 After _initializeForm, _currentSchema.sections.length:", (_a = this._currentSchema) == null ? void 0 : _a.sections.length);
     console.log("📊 Section IDs:", (_b = this._currentSchema) == null ? void 0 : _b.sections.map((s2) => s2.id));
     console.log("📥 Restoring form data from draft after reinitialization...");
-    this._loadDraftIfExists().then(() => {
+    const restored = this._loadDraftIfExists().then(() => {
       this._seedAutoSaveBaseline();
       console.log("✅ Form data restored successfully after reinitialization");
     }).catch((error2) => {
@@ -12463,10 +12767,43 @@ let JupiterDynamicForm = class extends LitElement {
         // Enhanced structure with roleURI and order
         totalRoles: this._allSections.length,
         visibleRoles: roleCount,
-        periodPreferences
+        periodPreferences,
+        source
       },
       bubbles: true
     }));
+    return restored;
+  }
+  // JDF-086: scrollToConcept found its target in a role the user has filtered out of the left
+  // panel. Resolves true if the user agrees to show that role. A newer call replaces a prompt
+  // that is still open; the older call then resolves false.
+  _confirmRevealHiddenRole(section2) {
+    var _a;
+    (_a = this._revealRolePrompt) == null ? void 0 : _a.resolve(false);
+    return new Promise((resolve) => {
+      this._revealRolePrompt = { section: section2, resolve };
+    });
+  }
+  _settleRevealRolePrompt(confirmed) {
+    const prompt = this._revealRolePrompt;
+    this._revealRolePrompt = null;
+    prompt == null ? void 0 : prompt.resolve(confirmed);
+  }
+  // JDF-086: add one role to the current filter, exactly as if it had been ticked in the Filter
+  // Roles dialog. The user's custom order is kept and the role is appended, as the dialog does
+  // for newly ticked roles.
+  _revealRole(section2) {
+    var _a;
+    const current = this._selectedRoleIds;
+    let selected;
+    if (current.length > 0 && typeof current[0] === "object") {
+      const enhanced = current;
+      const nextOrder = Math.max(-1, ...enhanced.map((r2) => r2.order)) + 1;
+      selected = [...enhanced, { roleId: section2.id, roleURI: ((_a = section2.metadata) == null ? void 0 : _a.roleURI) || "", order: nextOrder }];
+    } else {
+      selected = [...current, section2.id];
+    }
+    return this._applyRoleSelection(selected, this._periodPreferences, "scrollToConcept");
   }
   /**
    * Check if dimension selections have changed for any role
@@ -12916,11 +13253,21 @@ let JupiterDynamicForm = class extends LitElement {
     return this._xbrlFormErrors.some((error2) => error2.sectionId === roleId);
   }
   async _handleErrorFieldClick(conceptId, columnId, sectionId) {
-    var _a, _b, _c, _d;
+    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.updateComplete;
+    if (!((_a = this._currentSchema) == null ? void 0 : _a.sections.some((s2) => s2.id === sectionId))) {
+      const section2 = this._allSections.find((s2) => s2.id === sectionId);
+      if (!section2 || !await this._confirmRevealHiddenRole(section2))
+        return;
+      await this._revealRole(section2);
+    }
+    if ((_b = this._hiddenColumnIds.get(sectionId)) == null ? void 0 : _b.has(columnId)) {
+      this._showColumn(sectionId, columnId);
+      await this.updateComplete;
+    }
     if (this.display === "sidePanel" && this._activeSidePanelRoleId !== sectionId) {
       console.log(`🔀 Switching to section: ${sectionId} (currently on: ${this._activeSidePanelRoleId})`);
       this._activeSidePanelRoleId = sectionId;
@@ -12928,7 +13275,7 @@ let JupiterDynamicForm = class extends LitElement {
       await this.updateComplete;
       await new Promise((resolve) => setTimeout(resolve, 500));
     }
-    const sectionElements = (_a = this.shadowRoot) == null ? void 0 : _a.querySelectorAll("jupiter-form-section");
+    const sectionElements = (_c = this.shadowRoot) == null ? void 0 : _c.querySelectorAll("jupiter-form-section");
     let targetSection = null;
     sectionElements == null ? void 0 : sectionElements.forEach((sectionEl) => {
       var _a2;
@@ -12941,19 +13288,14 @@ let JupiterDynamicForm = class extends LitElement {
       return;
     }
     console.log(`✅ Found section element:`, targetSection);
-    if ((_b = targetSection.section) == null ? void 0 : _b.collapsed) {
-      console.log(`📂 Expanding collapsed section`);
-      targetSection.section.collapsed = false;
-      targetSection.requestUpdate();
-      await targetSection.updateComplete;
-      await new Promise((resolve) => setTimeout(resolve, 500));
-    } else {
-      await targetSection.updateComplete;
-      await new Promise((resolve) => setTimeout(resolve, 100));
+    await targetSection.updateComplete;
+    if (await ((_d = targetSection.revealConcept) == null ? void 0 : _d.call(targetSection, conceptId))) {
+      await Promise.all(Array.from(((_e = targetSection.shadowRoot) == null ? void 0 : _e.querySelectorAll("jupiter-concept-tree")) ?? []).map((ct) => ct.updateComplete));
     }
+    await new Promise((resolve) => setTimeout(resolve, 100));
     console.log(`🔍 Section shadow DOM exists: ${!!targetSection.shadowRoot}`);
     if (targetSection.shadowRoot) {
-      console.log(`🔍 Shadow DOM innerHTML length: ${((_c = targetSection.shadowRoot.innerHTML) == null ? void 0 : _c.length) || 0}`);
+      console.log(`🔍 Shadow DOM innerHTML length: ${((_f = targetSection.shadowRoot.innerHTML) == null ? void 0 : _f.length) || 0}`);
       const allElements = targetSection.shadowRoot.querySelectorAll("*");
       console.log(`🔍 Total elements in shadow DOM: ${allElements.length}`);
       const customElements2 = Array.from(allElements).filter((el) => {
@@ -12965,7 +13307,7 @@ let JupiterDynamicForm = class extends LitElement {
     const fieldId = `${conceptId}_${columnId}_field`;
     console.log(`🔍 Looking for input with fieldId: ${fieldId}`);
     console.log(`🔍 Looking for field with conceptId: ${conceptId} AND columnId: ${columnId}`);
-    const conceptTrees = (_d = targetSection.shadowRoot) == null ? void 0 : _d.querySelectorAll("jupiter-concept-tree");
+    const conceptTrees = (_g = targetSection.shadowRoot) == null ? void 0 : _g.querySelectorAll("jupiter-concept-tree");
     let targetInput = null;
     console.log(`🔍 Found ${(conceptTrees == null ? void 0 : conceptTrees.length) || 0} concept-tree elements`);
     if (conceptTrees) {
@@ -13064,10 +13406,15 @@ let JupiterDynamicForm = class extends LitElement {
     }));
   }
   _handleColumnShow(event) {
-    var _a;
     const { columnId, sectionId } = event.detail;
     if (!sectionId || !columnId)
       return;
+    this._showColumn(sectionId, columnId);
+  }
+  // Un-hides a column the user collapsed. Shared by the collapsed header's double-click and by
+  // navigation to a field in that column (scrollToConcept, the error popup — JDF-088).
+  _showColumn(sectionId, columnId) {
+    var _a;
     (_a = this._hiddenColumnIds.get(sectionId)) == null ? void 0 : _a.delete(columnId);
     this._dirty = true;
     this.hasUnsavedChanges = true;
@@ -15854,11 +16201,11 @@ let JupiterDynamicForm = class extends LitElement {
       return dims.length === 1 && this._normalizeAxisId(col.dimensionData.axisId ?? "") === this._normalizeAxisId(dims[0].axis) && this._normalizeMemberId(col.dimensionData.memberId ?? "") === this._normalizeMemberId(dims[0].member);
     })) == null ? void 0 : _a.id;
   }
-  async scrollToConcept(conceptName, dimensions, match, columnId, exactConceptId) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-    console.log(`[scrollToConcept] ▶ START conceptName=${conceptName} value=${match == null ? void 0 : match.value} dims=${JSON.stringify(dimensions)} columnId=${columnId} exactConceptId=${exactConceptId}`);
-    let targetSection = null;
-    let targetConcept = null;
+  // Step 1 of scrollToConcept: pick the section + concept row to navigate to. Precedence:
+  // exactConceptId (caller resolved the row) → role (JDF-087: caller named the role) → the
+  // original whole-form search (visible sections first, then the rest).
+  _resolveScrollTarget(conceptName, dimensions, columnId, exactConceptId, role, targetValue) {
+    var _a;
     const sectionsToSearch = [
       ...((_a = this._currentSchema) == null ? void 0 : _a.sections) ?? [],
       ...this._allSections.filter((s2) => {
@@ -15867,101 +16214,154 @@ let JupiterDynamicForm = class extends LitElement {
       })
     ];
     console.log(`[scrollToConcept] Searching ${sectionsToSearch.length} sections`);
-    const hasValueMatch = (match == null ? void 0 : match.value) !== void 0 && (match == null ? void 0 : match.value) !== null;
-    const targetValue = hasValueMatch ? String(match.value) : null;
     if (exactConceptId) {
       for (const section2 of sectionsToSearch) {
         const found = this._findConceptById(section2.concepts, exactConceptId);
         if (found) {
           console.log(`[scrollToConcept] Section "${section2.id}" matched exactConceptId="${exactConceptId}"`);
-          targetSection = section2;
-          targetConcept = found;
-          break;
+          return { section: section2, concept: found, viaRole: false };
         }
       }
     }
-    if (!targetSection || !targetConcept) {
-      for (const section2 of sectionsToSearch) {
-        const candidates = this._findAllConceptsByName(section2.concepts, conceptName);
-        if (!candidates.length)
+    if (role) {
+      const matches = rankMatchingSections(role, sectionsToSearch);
+      console.log(`[scrollToConcept] role="${role}" matched ${matches.length} section(s): ${matches.slice(0, 5).map((m) => `${m.section.id} (tier ${m.tier})`).join(", ")}`);
+      for (const { section: section2, tier } of matches) {
+        const hit = this._resolveConceptInSection(section2, conceptName, dimensions, columnId, targetValue);
+        if (!hit)
           continue;
-        const cols = section2.columns ?? this._columns;
-        const resolvedColumnId = columnId ?? ((dimensions == null ? void 0 : dimensions.length) ? this._findColumnByDimensions(cols, dimensions) : void 0);
-        let picked;
-        if (candidates.length > 1) {
-          picked = candidates.find((c2) => {
-            const rowData = this._formData[c2.id];
-            if (!rowData)
-              return false;
-            if (resolvedColumnId) {
-              const cellValue = rowData[resolvedColumnId];
-              if (cellValue === void 0 || cellValue === null || cellValue === "")
-                return false;
-              return !hasValueMatch || this._valueLooselyMatches(cellValue, targetValue);
-            }
-            if (hasValueMatch) {
-              return Object.values(rowData).some(
-                (v) => v !== void 0 && v !== null && v !== "" && this._valueLooselyMatches(v, targetValue)
-              );
-            }
+        if (tier >= ROLE_MATCH_TIER.SUBSTRING) {
+          console.warn(`[scrollToConcept] role="${role}" only fuzzily matched "${section2.id}" (tier ${tier}) — pass the role's id or local name for an exact match`);
+        }
+        return { section: section2, concept: hit.concept, viaRole: true };
+      }
+      console.warn(`[scrollToConcept] "${conceptName}" not found in any section matching role="${role}" — falling back to whole-form search`);
+    }
+    let tentative = null;
+    for (const section2 of sectionsToSearch) {
+      const hit = this._resolveConceptInSection(section2, conceptName, dimensions, columnId, targetValue);
+      if (!hit)
+        continue;
+      if (hit.strong)
+        return { section: section2, concept: hit.concept, viaRole: false };
+      tentative ?? (tentative = { section: section2, concept: hit.concept });
+    }
+    return tentative ? { ...tentative, viaRole: false } : null;
+  }
+  // Finds conceptName's row in one section. `strong` is false when the concept is there but the
+  // requested column (columnId, or one matching `dimensions`) isn't — the whole-form search keeps
+  // such a hit only as a fallback while it looks for a section where the column is present.
+  _resolveConceptInSection(section2, conceptName, dimensions, columnId, targetValue) {
+    const candidates = this._findAllConceptsByName(section2.concepts, conceptName);
+    if (!candidates.length)
+      return null;
+    const hasValueMatch = targetValue !== null;
+    const cols = section2.columns ?? this._columns;
+    const resolvedColumnId = columnId ?? ((dimensions == null ? void 0 : dimensions.length) ? this._findColumnByDimensions(cols, dimensions) : void 0);
+    let picked;
+    if (candidates.length > 1) {
+      picked = candidates.find((c2) => {
+        const rowData = this._formData[c2.id];
+        if (!rowData)
+          return false;
+        if (resolvedColumnId) {
+          const cellValue = rowData[resolvedColumnId];
+          if (cellValue === void 0 || cellValue === null || cellValue === "")
             return false;
-          });
-          console.log(`[scrollToConcept] Section "${section2.id}" has ${candidates.length} rows named "${conceptName}" | disambiguated=${(picked == null ? void 0 : picked.id) ?? "none (using first)"}`);
+          return !hasValueMatch || this._valueLooselyMatches(cellValue, targetValue);
         }
-        const found = picked ?? candidates[0];
-        if (columnId) {
-          const hasColumn = cols.some((c2) => c2.id === columnId);
-          console.log(`[scrollToConcept] Section "${section2.id}" has concept "${found.id}" | columnId="${columnId}" present=${hasColumn}`);
-          if (hasColumn) {
-            targetSection = section2;
-            targetConcept = found;
-            break;
-          } else if (!targetSection) {
-            targetSection = section2;
-            targetConcept = found;
-          }
-        } else if (dimensions == null ? void 0 : dimensions.length) {
-          console.log(`[scrollToConcept] Section "${section2.id}" has concept "${found.id}" | colMatch=${resolvedColumnId ?? "null"} | cols=${cols.map((c2) => c2.id).join(",")}`);
-          if (resolvedColumnId) {
-            targetSection = section2;
-            targetConcept = found;
-            break;
-          } else if (!targetSection) {
-            targetSection = section2;
-            targetConcept = found;
-          }
-        } else {
-          console.log(`[scrollToConcept] Section "${section2.id}" has concept "${found.id}" (no dims, taking first)`);
-          targetSection = section2;
-          targetConcept = found;
-          break;
+        if (hasValueMatch) {
+          return Object.values(rowData).some(
+            (v) => v !== void 0 && v !== null && v !== "" && this._valueLooselyMatches(v, targetValue)
+          );
         }
-      }
+        return false;
+      });
+      console.log(`[scrollToConcept] Section "${section2.id}" has ${candidates.length} rows named "${conceptName}" | disambiguated=${(picked == null ? void 0 : picked.id) ?? "none (using first)"}`);
     }
-    if (!targetSection || !targetConcept) {
+    const found = picked ?? candidates[0];
+    if (columnId) {
+      const hasColumn = cols.some((c2) => c2.id === columnId);
+      console.log(`[scrollToConcept] Section "${section2.id}" has concept "${found.id}" | columnId="${columnId}" present=${hasColumn}`);
+      return { concept: found, strong: hasColumn };
+    }
+    if (dimensions == null ? void 0 : dimensions.length) {
+      console.log(`[scrollToConcept] Section "${section2.id}" has concept "${found.id}" | colMatch=${resolvedColumnId ?? "null"} | cols=${cols.map((c2) => c2.id).join(",")}`);
+      return { concept: found, strong: !!resolvedColumnId };
+    }
+    console.log(`[scrollToConcept] Section "${section2.id}" has concept "${found.id}" (no dims, taking first)`);
+    return { concept: found, strong: true };
+  }
+  async scrollToConcept(conceptName, dimensions, match, columnId, exactConceptId, role) {
+    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} 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;
+    const targetValue = hasValueMatch ? String(match.value) : null;
+    const resolved = this._resolveScrollTarget(conceptName, dimensions, columnId, exactConceptId, role, targetValue);
+    if (!resolved) {
       console.warn(`[scrollToConcept] Concept not found: ${conceptName}`);
       return;
     }
-    console.log(`[scrollToConcept] → targetSection="${targetSection.id}" targetConceptId="${targetConcept.id}"`);
+    let { section: targetSection, concept: targetConcept } = resolved;
+    const { viaRole } = resolved;
+    console.log(`[scrollToConcept] → targetSection="${targetSection.id}" targetConceptId="${targetConcept.id}" viaRole=${viaRole}`);
+    if (!((_a = this._currentSchema) == null ? void 0 : _a.sections.some((s2) => s2.id === targetSection.id))) {
+      console.log(`[scrollToConcept] Role "${targetSection.id}" is filtered out — asking to show it`);
+      if (!await this._confirmRevealHiddenRole(targetSection)) {
+        console.log("[scrollToConcept] Reveal declined — not navigating");
+        return;
+      }
+      await this._revealRole(targetSection);
+      const revealedSection = (_b = this._currentSchema) == null ? void 0 : _b.sections.find((s2) => s2.id === targetSection.id);
+      const revealedConcept = revealedSection && this._findConceptById(revealedSection.concepts, targetConcept.id);
+      if (!revealedSection || !revealedConcept) {
+        console.warn(`[scrollToConcept] Revealed role "${targetSection.id}" but could not find row "${targetConcept.id}" in it`);
+        return;
+      }
+      targetSection = revealedSection;
+      targetConcept = revealedConcept;
+    }
     targetSection.expanded = true;
     if (this.display === "sidePanel" && this._activeSidePanelRoleId !== targetSection.id) {
       this._activeSidePanelRoleId = targetSection.id;
     }
     const columns = targetSection.columns ?? this._columns;
+    const hiddenColumnIds = this._hiddenColumnIds.get(targetSection.id);
     let targetColumnId = null;
     if (columnId) {
       targetColumnId = columnId;
     } else if (dimensions == null ? void 0 : dimensions.length) {
       targetColumnId = this._findColumnByDimensions(columns, dimensions) ?? null;
     } else if (!hasValueMatch) {
-      targetColumnId = ((_b = columns[0]) == null ? void 0 : _b.id) ?? null;
+      targetColumnId = ((_c = columns.find((c2) => !(hiddenColumnIds == null ? void 0 : hiddenColumnIds.has(c2.id))) ?? columns[0]) == null ? void 0 : _c.id) ?? null;
+    }
+    if (hiddenColumnIds == null ? void 0 : hiddenColumnIds.size) {
+      let columnToShow;
+      if (targetColumnId) {
+        if (hiddenColumnIds.has(targetColumnId))
+          columnToShow = targetColumnId;
+      } else if (hasValueMatch) {
+        const rowData = this._formData[targetConcept.id] ?? {};
+        const holders = columns.filter((c2) => {
+          const v = rowData[c2.id];
+          return v !== void 0 && v !== null && v !== "" && this._valueLooselyMatches(v, targetValue);
+        });
+        if (holders.length && holders.every((c2) => hiddenColumnIds.has(c2.id))) {
+          columnToShow = holders[0].id;
+          targetColumnId = columnToShow;
+        }
+      }
+      if (columnToShow) {
+        console.log(`[scrollToConcept] Column "${columnToShow}" is hidden in "${targetSection.id}" — showing it`);
+        this._showColumn(targetSection.id, columnToShow);
+      }
     }
     console.log(`[scrollToConcept] targetColumnId=${targetColumnId} hasValueMatch=${hasValueMatch} targetValue=${targetValue}`);
     this._conceptSearchText = conceptName.includes(":") ? conceptName.split(":").pop() : conceptName;
     this.requestUpdate();
     await this.updateComplete;
     await new Promise((resolve) => setTimeout(resolve, 300));
-    const sectionElements = (_c = this.shadowRoot) == null ? void 0 : _c.querySelectorAll("jupiter-form-section");
+    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`);
     let targetSectionEl = null;
     sectionElements == null ? void 0 : sectionElements.forEach((el) => {
@@ -15974,7 +16374,10 @@ let JupiterDynamicForm = class extends LitElement {
       return;
     }
     await targetSectionEl.updateComplete;
-    const conceptTrees = (_d = targetSectionEl.shadowRoot) == null ? void 0 : _d.querySelectorAll("jupiter-concept-tree");
+    if (await ((_e = targetSectionEl.revealConcept) == null ? void 0 : _e.call(targetSectionEl, targetConcept.id))) {
+      await Promise.all(Array.from(((_f = targetSectionEl.shadowRoot) == null ? void 0 : _f.querySelectorAll("jupiter-concept-tree")) ?? []).map((ct) => ct.updateComplete));
+    }
+    const conceptTrees = (_g = targetSectionEl.shadowRoot) == null ? void 0 : _g.querySelectorAll("jupiter-concept-tree");
     console.log(`[scrollToConcept] conceptTrees in targetSection: ${(conceptTrees == null ? void 0 : conceptTrees.length) ?? 0}`);
     let targetFieldEl = null;
     const conceptId = targetConcept.id;
@@ -16024,17 +16427,32 @@ let JupiterDynamicForm = class extends LitElement {
       });
     });
     console.log(`[scrollToConcept] Phase1: scanned ${phase1FieldCount} candidates, found=${!!targetFieldEl}`);
+    if (!targetFieldEl && viaRole) {
+      const rowFields = [];
+      conceptTrees == null ? void 0 : conceptTrees.forEach((ct) => {
+        var _a2;
+        (_a2 = ct.shadowRoot) == null ? void 0 : _a2.querySelectorAll("jupiter-form-field").forEach((fieldEl) => {
+          if (fieldEl.conceptId === conceptId)
+            rowFields.push(fieldEl);
+        });
+      });
+      targetFieldEl = targetColumnId && rowFields.find((f2) => f2.columnId === targetColumnId) || rowFields[0] || null;
+      if (targetFieldEl && targetColumnId && targetFieldEl.columnId !== targetColumnId) {
+        console.warn(`[scrollToConcept] Phase1b: column "${targetColumnId}" not rendered in row "${conceptId}" — using column "${targetFieldEl.columnId}"`);
+      }
+      console.log(`[scrollToConcept] Phase1b (role-scoped): ${rowFields.length} fields in row "${conceptId}", found=${!!targetFieldEl}`);
+    }
     if (!targetFieldEl && hasValueMatch) {
       console.log(`[scrollToConcept] Phase2: searching ALL sections by base concept name + value`);
-      const allSectionEls = ((_e = this.shadowRoot) == null ? void 0 : _e.querySelectorAll("jupiter-form-section")) ?? [];
+      const allSectionEls = ((_h = this.shadowRoot) == null ? void 0 : _h.querySelectorAll("jupiter-form-section")) ?? [];
       for (const secEl of Array.from(allSectionEls)) {
         if (targetFieldEl)
           break;
-        const cts = ((_f = secEl.shadowRoot) == null ? void 0 : _f.querySelectorAll("jupiter-concept-tree")) ?? [];
+        const cts = ((_i = secEl.shadowRoot) == null ? void 0 : _i.querySelectorAll("jupiter-concept-tree")) ?? [];
         for (const ct of Array.from(cts)) {
           if (targetFieldEl)
             break;
-          const fields = ((_g = ct.shadowRoot) == null ? void 0 : _g.querySelectorAll("jupiter-form-field")) ?? [];
+          const fields = ((_j = ct.shadowRoot) == null ? void 0 : _j.querySelectorAll("jupiter-form-field")) ?? [];
           fields.forEach((fieldEl) => {
             if (targetFieldEl)
               return;
@@ -16052,15 +16470,15 @@ let JupiterDynamicForm = class extends LitElement {
       }
     }
     if (!targetFieldEl) {
-      const allSectionEls = ((_h = this.shadowRoot) == null ? void 0 : _h.querySelectorAll("jupiter-form-section")) ?? [];
+      const allSectionEls = ((_k = this.shadowRoot) == null ? void 0 : _k.querySelectorAll("jupiter-form-section")) ?? [];
       for (const secEl of Array.from(allSectionEls)) {
         if (targetFieldEl)
           break;
-        const cts = ((_i = secEl.shadowRoot) == null ? void 0 : _i.querySelectorAll("jupiter-concept-tree")) ?? [];
+        const cts = ((_l = secEl.shadowRoot) == null ? void 0 : _l.querySelectorAll("jupiter-concept-tree")) ?? [];
         for (const ct of Array.from(cts)) {
           if (targetFieldEl)
             break;
-          const fields = ((_j = ct.shadowRoot) == null ? void 0 : _j.querySelectorAll("jupiter-form-field")) ?? [];
+          const fields = ((_m = ct.shadowRoot) == null ? void 0 : _m.querySelectorAll("jupiter-form-field")) ?? [];
           fields.forEach((fieldEl) => {
             if (targetFieldEl)
               return;
@@ -16092,7 +16510,7 @@ let JupiterDynamicForm = class extends LitElement {
     } else {
       targetFieldEl.scrollIntoView({ behavior: "smooth", block: "center" });
     }
-    const tableContainer = (_k = targetSectionEl == null ? void 0 : targetSectionEl.shadowRoot) == null ? void 0 : _k.querySelector(".table-container");
+    const tableContainer = (_n = targetSectionEl == null ? void 0 : targetSectionEl.shadowRoot) == null ? void 0 : _n.querySelector(".table-container");
     if (tableContainer && tableContainer.scrollWidth > tableContainer.clientWidth) {
       const tableRect = tableContainer.getBoundingClientRect();
       const targetScrollLeft = Math.max(
@@ -16105,7 +16523,7 @@ let JupiterDynamicForm = class extends LitElement {
     const rowHost = rootNode instanceof ShadowRoot ? rootNode.host : null;
     const highlightEl = rowHost ?? targetFieldEl;
     highlightEl.classList.add("concept-highlight");
-    const focusTarget = (_l = targetFieldEl.shadowRoot) == null ? void 0 : _l.querySelector(
+    const focusTarget = (_o = targetFieldEl.shadowRoot) == null ? void 0 : _o.querySelector(
       'input:not([type="hidden"]), select, textarea, button, [tabindex]:not([tabindex="-1"])'
     );
     if (focusTarget) {
@@ -16248,6 +16666,20 @@ let JupiterDynamicForm = class extends LitElement {
           ></jupiter-formula-validation-dialog>
         ` : ""}
 
+        <!-- Show filtered-out role? (JDF-086, from scrollToConcept) -->
+        ${this._revealRolePrompt ? html`
+          <jupiter-confirm-dialog
+            open
+            .heading="${I18n.t("scrollToConcept.revealRole.title")}"
+            .message="${I18n.t("scrollToConcept.revealRole.message", { role: this._revealRolePrompt.section.title })}"
+            .confirmLabel="${I18n.t("scrollToConcept.revealRole.confirm")}"
+            .cancelLabel="${I18n.t("scrollToConcept.revealRole.cancel")}"
+            @dialog-confirm="${() => this._settleRevealRolePrompt(true)}"
+            @dialog-cancel="${() => this._settleRevealRolePrompt(false)}"
+            @click="${() => this._settleRevealRolePrompt(false)}"
+          ></jupiter-confirm-dialog>
+        ` : ""}
+
         <!-- Validation Error Popup -->
         ${this._showErrorPopup ? html`
           <div class="error-popup-overlay" @click="${() => {
@@ -17305,6 +17737,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_showFilterDialog", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_revealRolePrompt", 2);
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_showFactsOnly", 2);
@@ -17366,6 +17801,7 @@ export {
   JupiterAddColumnDialog,
   JupiterAdvancedFilter,
   JupiterConceptTree,
+  JupiterConfirmDialog,
   JupiterDynamicForm,
   JupiterFilterRolesDialog,
   JupiterFormField,