@robosystems/report-components 0.1.4 → 0.2.1

package/dist/index.js

@@ -1,33 +1,7 @@
-import { BLOCK_ORDER, BLOCK_TITLES, humanize, qname } from './chunk-JTTICHPF.js';
-export { BLOCK_ORDER, BLOCK_TITLES, NS, cypherAdapter, humanize, jsonldFileAdapter, parseJsonld, parseStore, qname } from './chunk-JTTICHPF.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useMemo, useState } from 'react';
-
-// src/format.ts
-function formatMoney(value, opts = {}) {
-  if (value === null || value === void 0 || Number.isNaN(value)) return "\u2014";
-  const symbol = opts.currencySymbol ?? "$";
-  const abs = Math.abs(value).toLocaleString("en-US", {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  });
-  return value < 0 ? `${symbol}(${abs})` : `${symbol}${abs}`;
-}
-var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-function formatDate(iso) {
-  if (!iso) return "";
-  const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(iso);
-  if (!m) return iso;
-  const [, year, month, day] = m;
-  const idx = Number(month) - 1;
-  return `${MONTHS[idx] ?? month} ${Number(day)}, ${year}`;
-}
-function formatPeriod(period) {
-  if (period.type === "instant") {
-    return `As of ${formatDate(period.instant ?? period.end)}`;
-  }
-  return `${formatDate(period.startDate)} \u2013 ${formatDate(period.endDate ?? period.end)}`;
-}
+import { formatDate, BLOCK_TITLES, numericKindOf, humanizeDuration, formatValue, formatPeriod, isExternalFactUrl, BLOCK_ORDER, humanize, qname, currencySymbolFor } from './chunk-DGP4KRWF.js';
+export { BLOCK_ORDER, BLOCK_TITLES, NS, currencySymbolFor, cypherAdapter, fetchSecReportShell, fetchSecSection, formatDate, formatMoney, formatPeriod, formatValue, humanize, humanizeDuration, isExternalFactUrl, jsonldFileAdapter, mergeSecSections, numericKindOf, parseJsonld, parseStore, parseStructureDefinition, qname } from './chunk-DGP4KRWF.js';
+import { useState, useEffect, useMemo, useRef } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/project.ts
 function fallbackElement(id) {
@@ -81,13 +55,190 @@ function calcSubtotals(model) {
   for (const assoc of model.calcAssociations) out.add(assoc.parent);
   return out;
 }
-function structureForBlock(model, blockType) {
-  return model.structures.find((s) => s.blockType === blockType) ?? null;
+function sliceReportSection(model, informationBlockId) {
+  const ib = model.informationBlocks.find((b) => b.id === informationBlockId);
+  return { ...model, informationBlocks: ib ? [ib] : [] };
+}
+function footCheck(model, table, elementId, columnIndex) {
+  const kids = model.calcAssociations.filter((a) => a.parent === elementId);
+  if (!kids.length) return null;
+  const valueOf = (id) => {
+    const row = table.rows.find((r) => r.element.id === id && r.members.length === 0);
+    return row ? row.cells[columnIndex]?.value ?? null : null;
+  };
+  const terms = kids.slice().sort((a, b) => a.order - b.order).map((a) => ({
+    element: model.elements[a.child] ?? fallbackElement(a.child),
+    weight: a.weight,
+    value: valueOf(a.child)
+  }));
+  const present = terms.filter((t) => t.value !== null);
+  const expected = present.length ? present.reduce((sum, t) => sum + t.value * t.weight, 0) : null;
+  const actual = valueOf(elementId);
+  const ok = expected !== null && actual !== null && Math.abs(expected - actual) < 5e-3;
+  return {
+    element: model.elements[elementId] ?? fallbackElement(elementId),
+    columnIndex,
+    terms,
+    expected,
+    actual,
+    ok
+  };
+}
+
+// src/pivot.ts
+var DOMAIN = "\u2205";
+function dimKey(axis) {
+  return `dim:${axis}`;
+}
+function axisOf(key) {
+  return key.startsWith("dim:") ? key.slice(4) : null;
+}
+function dimAxes(keys) {
+  return keys.map(axisOf).filter((a) => a !== null);
+}
+function memberByAxis(fact) {
+  const m = /* @__PURE__ */ new Map();
+  for (const d of fact.dimensions ?? []) m.set(d.axis, d);
+  return m;
+}
+function coordinate(byAxis, axes) {
+  return axes.map((a) => `${a}=${byAxis.get(a)?.member ?? byAxis.get(a)?.typedValue ?? DOMAIN}`).join("|");
+}
+function sectionFacts(model, ib) {
+  return model.facts.filter((f) => f.factSet !== null && f.factSet === ib.factSet);
+}
+function localName(qname2) {
+  return qname2.includes(":") ? qname2.split(":").pop() : qname2;
+}
+function presentationNodeLocals(model, structureId) {
+  const out = /* @__PURE__ */ new Set();
+  for (const a of model.presAssociations) {
+    if (a.structure !== structureId) continue;
+    out.add(localName(a.parent));
+    out.add(localName(a.child));
+  }
+  return out;
+}
+function presentationScope(model, structureId) {
+  const declared = presentationNodeLocals(model, structureId);
+  let listsMembers = false;
+  for (const l of declared) {
+    if (l.endsWith("Member")) {
+      listsMembers = true;
+      break;
+    }
+  }
+  return { declared, listsMembers };
+}
+function dimensionInScope(scope, d) {
+  if (!scope.declared.has(localName(d.axis))) return false;
+  return !scope.listsMembers || d.member === null || scope.declared.has(localName(d.member));
+}
+function presentationTree(model, structureId) {
+  const children = /* @__PURE__ */ new Map();
+  const froms = /* @__PURE__ */ new Set();
+  const tos = /* @__PURE__ */ new Set();
+  for (const assoc of model.presAssociations) {
+    if (assoc.structure !== structureId) continue;
+    const kids = children.get(assoc.parent) ?? [];
+    kids.push([assoc.order, assoc.child]);
+    children.set(assoc.parent, kids);
+    froms.add(assoc.parent);
+    tos.add(assoc.child);
+  }
+  const childrenOf = /* @__PURE__ */ new Map();
+  for (const [parent, kids] of children) {
+    childrenOf.set(
+      parent,
+      kids.sort((a, b) => a[0] - b[0]).map(([, child]) => child)
+    );
+  }
+  const rootKey = (root) => {
+    const kids = children.get(root);
+    return kids && kids.length ? kids[0][0] : 0;
+  };
+  const roots = [...froms].filter((f) => !tos.has(f)).sort((a, b) => rootKey(a) - rootKey(b));
+  const indexOf = /* @__PURE__ */ new Map();
+  const seen = /* @__PURE__ */ new Set();
+  const pre = (node) => {
+    if (seen.has(node)) return;
+    seen.add(node);
+    const ln = localName(node);
+    if (!indexOf.has(ln)) indexOf.set(ln, indexOf.size);
+    for (const child of childrenOf.get(node) ?? []) pre(child);
+  };
+  for (const root of roots) pre(root);
+  return { childrenOf, roots, indexOf };
+}
+function structureForBlock(model, ib) {
+  if (ib.structureId) {
+    const byId = model.structures.find((s) => s.id === ib.structureId);
+    if (byId) return byId;
+  }
+  return model.structures.find((s) => s.blockType === ib.blockType) ?? null;
 }
-function columnLabel(period) {
-  return formatDate(period.end);
+function fallbackElement2(id) {
+  return {
+    id,
+    qname: qname(id),
+    label: humanize(id),
+    balance: null,
+    periodType: null,
+    abstract: false,
+    monetary: false
+  };
+}
+var elementOf = (model, id) => model.elements[id] ?? fallbackElement2(id);
+function defaultPivotConfig(model, ib) {
+  const facts = sectionFacts(model, ib);
+  const structure = structureForBlock(model, ib);
+  const scope = structure ? presentationScope(model, structure.id) : { declared: /* @__PURE__ */ new Set(), listsMembers: false };
+  const membersByAxis = /* @__PURE__ */ new Map();
+  let hasEntity = false;
+  for (const f of facts) {
+    if (f.entity) hasEntity = true;
+    for (const d of f.dimensions ?? []) {
+      if (!dimensionInScope(scope, d)) continue;
+      const set = membersByAxis.get(d.axis) ?? /* @__PURE__ */ new Set();
+      set.add(d.member ?? d.typedValue ?? DOMAIN);
+      membersByAxis.set(d.axis, set);
+    }
+  }
+  const axes = [...membersByAxis.keys()].sort();
+  const memberAxes = axes.filter((a) => (membersByAxis.get(a)?.size ?? 0) > 1);
+  const slicerAxes = axes.filter((a) => (membersByAxis.get(a)?.size ?? 0) <= 1);
+  return {
+    rows: ["concept", ...memberAxes.map(dimKey)],
+    columns: ["period"],
+    slicers: [...hasEntity ? ["entity"] : [], ...slicerAxes.map(dimKey)],
+    scale: "auto",
+    showAbstracts: true,
+    dropSparsePeriods: true
+  };
+}
+function pivotDimensionsOn(config, placement) {
+  const isDim = (k) => k.startsWith("dim:");
+  const dims = [...config.rows, ...config.columns].filter(isDim);
+  const rows = config.rows.filter((k) => !isDim(k));
+  const columns = config.columns.filter((k) => !isDim(k));
+  if (placement === "rows") rows.push(...dims);
+  else columns.push(...dims);
+  return { ...config, rows, columns };
+}
+var PERIOD_DENSITY_FRACTION = 0.2;
+function pruneSparsePeriods(model, facts, periods) {
+  const count = /* @__PURE__ */ new Map();
+  for (const f of facts) {
+    const populated = f.value !== null || f.textValue != null && f.textValue !== "";
+    const end = model.periods[f.period]?.end;
+    if (end && populated) count.set(end, (count.get(end) ?? 0) + 1);
+  }
+  const max = Math.max(0, ...count.values());
+  if (max < 5) return periods;
+  const threshold = Math.max(2, max * PERIOD_DENSITY_FRACTION);
+  return periods.filter((p) => (count.get(p.end) ?? 0) >= threshold);
 }
-function deriveColumns(model, facts) {
+function derivePeriods(model, facts) {
   const byEnd = /* @__PURE__ */ new Map();
   for (const fact of facts) {
     const period = model.periods[fact.period];
@@ -101,81 +252,396 @@ function deriveColumns(model, facts) {
     const aStart = a.startDate ?? a.end;
     const bStart = b.startDate ?? b.end;
     return aStart.localeCompare(bStart) || a.end.localeCompare(b.end);
-  }).map((period) => ({ key: period.end, label: columnLabel(period), period }));
-}
-function buildStatement(model, ib, subtotals) {
-  const structure = structureForBlock(model, ib.blockType);
-  const order = structure ? presentationOrder(model, structure.id) : /* @__PURE__ */ new Map();
-  const facts = model.facts.filter((f) => f.factSet !== null && f.factSet === ib.factSet);
-  const columns = deriveColumns(model, facts);
-  const colIndex = new Map(columns.map((c, i) => [c.key, i]));
-  const cellsByElement = /* @__PURE__ */ new Map();
-  for (const fact of facts) {
-    const period = model.periods[fact.period];
-    if (!period) continue;
-    const idx = colIndex.get(period.end);
-    if (idx === void 0) continue;
-    let cells = cellsByElement.get(fact.element);
-    if (!cells) {
-      cells = columns.map(() => ({ value: null, fact: null }));
-      cellsByElement.set(fact.element, cells);
+  });
+}
+function memberCombos(facts, axes, order, domainLast) {
+  if (axes.length === 0) return [{ sig: "", members: [], labels: [] }];
+  const perAxis = axes.map((axis) => {
+    const byMember = /* @__PURE__ */ new Map();
+    let hasDomain = false;
+    for (const f of facts) {
+      const d = (f.dimensions ?? []).find((x) => x.axis === axis);
+      if (d) byMember.set(d.member ?? d.typedValue ?? DOMAIN, d);
+      else hasDomain = true;
+    }
+    const members = [...byMember.entries()].map(([key, qual]) => ({ key, qual })).sort((a, b) => {
+      const ao = a.qual?.member ? order.get(localName(a.qual.member)) ?? Infinity : Infinity;
+      const bo = b.qual?.member ? order.get(localName(b.qual.member)) ?? Infinity : Infinity;
+      return ao - bo || (a.qual?.memberLabel ?? a.key).localeCompare(b.qual?.memberLabel ?? b.key);
+    });
+    if (hasDomain) {
+      const domain = { key: DOMAIN, qual: null };
+      members.push(domain);
+    }
+    return { axis, members };
+  });
+  let combos = [{ sig: "", members: [], labels: [] }];
+  for (const { axis, members } of perAxis) {
+    const next = [];
+    for (const combo of combos) {
+      for (const { key, qual } of members) {
+        next.push({
+          sig: combo.sig ? `${combo.sig}|${axis}=${key}` : `${axis}=${key}`,
+          members: [...combo.members, ...qual ? [qual] : []],
+          labels: [...combo.labels, qual ? qual.memberLabel : "Total"]
+        });
+      }
     }
-    cells[idx] = { value: fact.value, fact };
+    combos = next;
+  }
+  return combos;
+}
+function headerLevels(segsPerColumn) {
+  const levels = segsPerColumn[0]?.length ?? 0;
+  const out = [];
+  for (let level = 0; level < levels; level++) {
+    const row = [];
+    let i = 0;
+    while (i < segsPerColumn.length) {
+      let span = 1;
+      while (i + span < segsPerColumn.length && segsPerColumn[i + span][level] === segsPerColumn[i][level] && Array.from({ length: level + 1 }, (_, l) => l).every(
+        (l) => segsPerColumn[i + span][l] === segsPerColumn[i][l]
+      )) {
+        span++;
+      }
+      row.push({ label: segsPerColumn[i][level], span });
+      i += span;
+    }
+    out.push(row);
+  }
+  return out;
+}
+var SCALE_FACTOR = {
+  ones: { factor: 1, label: "" },
+  thousands: { factor: 1e3, label: "thousands" },
+  millions: { factor: 1e6, label: "millions" },
+  billions: { factor: 1e9, label: "billions" }
+};
+function resolveScale(facts, model, requested) {
+  const kindOf = (id) => numericKindOf(elementOf(model, id));
+  let factor = 1;
+  let label = "";
+  if (requested !== "auto") {
+    ({ factor, label } = SCALE_FACTOR[requested]);
+  } else {
+    const decimalsCount = /* @__PURE__ */ new Map();
+    for (const f of facts) {
+      if (f.value === null || kindOf(f.element) !== "monetary") continue;
+      const d = f.decimals === null || f.decimals === "INF" ? NaN : Number(f.decimals);
+      if (Number.isNaN(d) || d >= 0) continue;
+      decimalsCount.set(d, (decimalsCount.get(d) ?? 0) + 1);
+    }
+    let dominant = 0;
+    let best = 0;
+    for (const [d, count] of decimalsCount) {
+      if (count > best) {
+        best = count;
+        dominant = d;
+      }
+    }
+    if (dominant <= -9) ({ factor, label } = SCALE_FACTOR.billions);
+    else if (dominant <= -6) ({ factor, label } = SCALE_FACTOR.millions);
+    else if (dominant <= -3) ({ factor, label } = SCALE_FACTOR.thousands);
+  }
+  let caption = null;
+  if (factor > 1) {
+    const hasPerShare = facts.some((f) => {
+      const k = kindOf(f.element);
+      return f.value !== null && (k === "perShare" || k === "shares");
+    });
+    caption = hasPerShare ? `In ${label}, except per-share amounts` : `In ${label}`;
+  }
+  return { factor, label, caption };
+}
+function buildSlicers(model, facts, config) {
+  const slicers = [];
+  for (const key of config.slicers) {
+    if (key === "entity") {
+      if (model.entity) {
+        slicers.push({
+          aspect: "entity",
+          label: "Reporting Entity",
+          valueLabel: model.entity.name
+        });
+      }
+      continue;
+    }
+    const axis = axisOf(key);
+    if (!axis) continue;
+    let qual = null;
+    for (const f of facts) {
+      const d = (f.dimensions ?? []).find((x) => x.axis === axis);
+      if (d) {
+        qual = d;
+        break;
+      }
+    }
+    const axisLabel = qual?.axisLabel ?? humanize(axis);
+    slicers.push({
+      aspect: key,
+      label: `${axisLabel} [Axis]`,
+      valueLabel: qual ? qual.memberLabel : "Consolidated"
+    });
+  }
+  return slicers;
+}
+function buildPivot(model, ib, config = defaultPivotConfig(model, ib)) {
+  const structure = structureForBlock(model, ib);
+  const tree = structure ? presentationTree(model, structure.id) : { childrenOf: /* @__PURE__ */ new Map(), roots: [], indexOf: /* @__PURE__ */ new Map() };
+  const rowDimAxes = dimAxes(config.rows);
+  const colDimAxes = dimAxes(config.columns);
+  const allowedAxes = /* @__PURE__ */ new Set([...rowDimAxes, ...colDimAxes, ...dimAxes(config.slicers)]);
+  const scope = structure ? presentationScope(model, structure.id) : { declared: /* @__PURE__ */ new Set(), listsMembers: false };
+  const facts = sectionFacts(model, ib).filter(
+    (f) => (f.dimensions ?? []).every((d) => allowedAxes.has(d.axis) && dimensionInScope(scope, d))
+  );
+  const periodOnColumns = config.columns.includes("period");
+  let periods = periodOnColumns ? derivePeriods(model, facts) : [];
+  if (periodOnColumns && config.dropSparsePeriods !== false) {
+    periods = pruneSparsePeriods(model, facts, periods);
+  }
+  const colCombos = memberCombos(facts, colDimAxes, tree.indexOf);
+  const occupiedCols = /* @__PURE__ */ new Set();
+  for (const f of facts) {
+    const end = model.periods[f.period]?.end ?? "";
+    occupiedCols.add(`${end}#${coordinate(memberByAxis(f), colDimAxes)}`);
+  }
+  const columns = [];
+  const columnSegs = [];
+  const periodList = periodOnColumns ? periods : [null];
+  for (const period of periodList) {
+    for (const combo of colCombos) {
+      const end = period?.end ?? "";
+      if (!occupiedCols.has(`${end}#${combo.sig}`)) continue;
+      const periodLabel = period ? formatDate(period.end) : "";
+      columns.push({
+        key: `${end}#${combo.sig}`,
+        period,
+        members: combo.members,
+        label: combo.labels.length ? combo.labels[combo.labels.length - 1] : periodLabel
+      });
+      columnSegs.push([...periodOnColumns ? [periodLabel] : [], ...combo.labels]);
+    }
+  }
+  const columnHeaders = headerLevels(columnSegs);
+  const factIndex = /* @__PURE__ */ new Map();
+  for (const f of facts) {
+    const byAxis = memberByAxis(f);
+    const end = model.periods[f.period]?.end ?? "";
+    const rowSig = coordinate(byAxis, rowDimAxes);
+    const colSig = coordinate(byAxis, colDimAxes);
+    factIndex.set(`${f.element}\u241F${rowSig}\u241F${end}\u241F${colSig}`, f);
   }
-  const rows = [...cellsByElement.keys()].map((id) => {
-    const entry = order.get(id);
+  const factfulConcepts = new Set(facts.map((f) => f.element));
+  const rowCombos = memberCombos(facts, rowDimAxes, tree.indexOf);
+  const combosForConcept = (element) => {
+    if (rowDimAxes.length === 0) return rowCombos;
+    return rowCombos.filter(
+      (combo) => columns.some(
+        (col) => factIndex.has(
+          `${element}\u241F${combo.sig}\u241F${col.period?.end ?? ""}\u241F${coordinate(
+            new Map(col.members.map((m) => [m.axis, m])),
+            colDimAxes
+          )}`
+        )
+      )
+    );
+  };
+  const cellsFor = (element, rowSig) => columns.map((col) => {
+    const colSig = coordinate(new Map(col.members.map((m) => [m.axis, m])), colDimAxes);
+    const fact = factIndex.get(`${element}\u241F${rowSig}\u241F${col.period?.end ?? ""}\u241F${colSig}`);
     return {
-      id,
-      order: entry ? entry.order : Number.MAX_SAFE_INTEGER,
-      depth: entry ? entry.depth : 0
+      value: fact?.value ?? null,
+      fact: fact ?? null,
+      textValue: fact && fact.value === null ? fact.textValue ?? null : null
     };
-  }).sort((a, b) => a.order - b.order || a.id.localeCompare(b.id)).map(({ id, depth }) => ({
-    element: model.elements[id] ?? fallbackElement(id),
-    depth,
-    isSubtotal: subtotals.has(id),
-    cells: cellsByElement.get(id)
-  }));
+  });
+  const subtotals = calcSubtotals(model);
+  const hasFactMemo = /* @__PURE__ */ new Map();
+  const subtreeHasFact = (id) => {
+    const cached = hasFactMemo.get(id);
+    if (cached !== void 0) return cached;
+    hasFactMemo.set(id, false);
+    let has = factfulConcepts.has(id);
+    for (const child of tree.childrenOf.get(id) ?? []) {
+      if (subtreeHasFact(child)) has = true;
+    }
+    hasFactMemo.set(id, has);
+    return has;
+  };
+  const rows = [];
+  const emitConcept = (id, depth) => {
+    const el = elementOf(model, id);
+    const combos = combosForConcept(id);
+    if (!combos.length) return;
+    if (combos.every((c) => c.members.length > 0)) {
+      rows.push({
+        key: id,
+        element: el,
+        depth,
+        header: false,
+        isSubtotal: subtotals.has(id),
+        members: [],
+        cells: columns.map(() => ({ value: null, fact: null, textValue: null }))
+      });
+    }
+    for (const combo of combos) {
+      rows.push({
+        key: combo.members.length ? `${id}\u241F${combo.sig}` : id,
+        element: el,
+        depth: depth + (combo.members.length ? 1 : 0),
+        header: false,
+        isSubtotal: subtotals.has(id),
+        members: combo.members,
+        cells: cellsFor(id, combo.sig)
+      });
+    }
+  };
+  const seenInTree = /* @__PURE__ */ new Set();
+  const walk = (id, depth) => {
+    if (seenInTree.has(id) || !subtreeHasFact(id)) return;
+    seenInTree.add(id);
+    const el = elementOf(model, id);
+    if (el.abstract) {
+      if (config.showAbstracts) {
+        rows.push({
+          key: id,
+          element: el,
+          depth,
+          header: true,
+          isSubtotal: false,
+          members: [],
+          cells: []
+        });
+      }
+      for (const child of tree.childrenOf.get(id) ?? []) walk(child, depth + 1);
+    } else {
+      for (const child of tree.childrenOf.get(id) ?? []) walk(child, depth + 1);
+      emitConcept(id, depth);
+    }
+  };
+  for (const root of tree.roots) walk(root, 0);
+  for (const id of factfulConcepts) {
+    if (seenInTree.has(id) || elementOf(model, id).abstract) continue;
+    emitConcept(id, 0);
+  }
+  const title = ib.structureId ? structure?.structureName ?? ib.label ?? BLOCK_TITLES[ib.blockType] ?? ib.blockType : BLOCK_TITLES[ib.blockType] ?? ib.label ?? ib.blockType;
   return {
     ib,
     blockType: ib.blockType,
-    title: BLOCK_TITLES[ib.blockType] ?? ib.label ?? ib.blockType,
-    structureName: structure?.structureName ?? ib.label ?? null,
+    title,
+    structureName: ib.structureId ? null : structure?.structureName ?? ib.label ?? null,
+    slicers: buildSlicers(model, facts, config),
+    columnHeaders,
     columns,
-    rows
+    rows,
+    scale: resolveScale(facts, model, config.scale),
+    config
   };
 }
-function buildStatements(model) {
-  const subtotals = calcSubtotals(model);
-  return [...model.informationBlocks].sort(
-    (a, b) => (BLOCK_ORDER[a.blockType] ?? 99) - (BLOCK_ORDER[b.blockType] ?? 99) || a.blockType.localeCompare(b.blockType)
-  ).map((ib) => buildStatement(model, ib, subtotals));
+function reportSections(model) {
+  return buildPivots(model).map((p) => ({ id: p.ib.id, title: p.title }));
 }
-function footCheck(model, statement, elementId, columnIndex) {
-  const kids = model.calcAssociations.filter((a) => a.parent === elementId);
-  if (!kids.length) return null;
-  const valueOf = (id) => {
-    const row = statement.rows.find((r) => r.element.id === id);
-    return row ? row.cells[columnIndex]?.value ?? null : null;
-  };
-  const terms = kids.slice().sort((a, b) => a.order - b.order).map((a) => ({
-    element: model.elements[a.child] ?? fallbackElement(a.child),
-    weight: a.weight,
-    value: valueOf(a.child)
-  }));
-  const present = terms.filter((t) => t.value !== null);
-  const expected = present.length ? present.reduce((sum, t) => sum + t.value * t.weight, 0) : null;
-  const actual = valueOf(elementId);
-  const ok = expected !== null && actual !== null && Math.abs(expected - actual) < 5e-3;
-  return {
-    element: model.elements[elementId] ?? fallbackElement(elementId),
-    columnIndex,
-    terms,
-    expected,
-    actual,
-    ok
+function buildPivots(model, configFor) {
+  const order = (ib) => {
+    if (ib.structureId) {
+      const s = model.structures.find((x) => x.id === ib.structureId);
+      if (s?.order !== void 0) return s.order;
+    }
+    return BLOCK_ORDER[ib.blockType] ?? 99;
   };
+  return [...model.informationBlocks].sort((a, b) => order(a) - order(b) || a.blockType.localeCompare(b.blockType)).map(
+    (ib) => configFor ? buildPivot(model, ib, configFor(ib, defaultPivotConfig(model, ib))) : buildPivot(model, ib)
+  );
 }
 var styles = {
+  status: {
+    fontFamily: "var(--rs-font-sans, ui-sans-serif, system-ui, sans-serif)",
+    fontSize: "0.85rem",
+    color: "var(--rs-muted, #6b7280)",
+    padding: "0.75rem 0"
+  },
+  link: { color: "var(--rs-primary-700, #1d4ed8)" },
+  frame: { width: "100%", border: "none", display: "block" },
+  pre: {
+    whiteSpace: "pre-wrap",
+    wordBreak: "break-word",
+    fontFamily: "var(--rs-font-mono, ui-monospace, monospace)",
+    fontSize: "0.85rem",
+    color: "var(--rs-text, #111827)",
+    margin: 0
+  }
+};
+function wrapHtml(body) {
+  return `<!doctype html><html><head><meta charset="utf-8"><base target="_blank"><style>
+    :root { color-scheme: light; }
+    body { margin: 0; color: #111827;
+      font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+      font-size: 13px; line-height: 1.45; }
+    img, svg { max-width: 100%; height: auto; }
+    table { max-width: 100%; border-collapse: collapse; }
+    a { color: #1d4ed8; }
+  </style></head><body>${body}</body></html>`;
+}
+function SandboxedHtml({ html }) {
+  const ref = useRef(null);
+  const fit = () => {
+    const frame = ref.current;
+    const doc = frame?.contentWindow?.document;
+    if (!frame || !doc) return;
+    try {
+      frame.style.height = `${doc.documentElement.scrollHeight}px`;
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      ref,
+      title: "Disclosure",
+      sandbox: "allow-same-origin",
+      srcDoc: wrapHtml(html),
+      style: styles.frame,
+      onLoad: () => {
+        fit();
+        setTimeout(fit, 250);
+      }
+    }
+  );
+}
+function ExternalTextBlock({ url }) {
+  const [state, setState] = useState("loading");
+  const [body, setBody] = useState("");
+  const isHtml = /\.html$/i.test(url);
+  useEffect(() => {
+    let cancelled = false;
+    setState("loading");
+    fetch(url).then((r) => {
+      if (!r.ok) throw new Error(`HTTP ${r.status}`);
+      return r.text();
+    }).then((text) => {
+      if (cancelled) return;
+      setBody(text);
+      setState("ready");
+    }).catch(() => {
+      if (!cancelled) setState("error");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [url]);
+  if (state === "loading") return /* @__PURE__ */ jsx("div", { style: styles.status, children: "Loading disclosure\u2026" });
+  if (state === "error") {
+    return /* @__PURE__ */ jsxs("div", { style: styles.status, children: [
+      "Could not load this disclosure.",
+      " ",
+      /* @__PURE__ */ jsx("a", { style: styles.link, href: url, target: "_blank", rel: "noreferrer", children: "Open it directly \u2197" })
+    ] });
+  }
+  if (!isHtml) return /* @__PURE__ */ jsx("pre", { style: styles.pre, children: body });
+  return /* @__PURE__ */ jsx(SandboxedHtml, { html: body });
+}
+var styles2 = {
   panel: {
     fontFamily: "var(--rs-font-sans, ui-sans-serif, system-ui, sans-serif)",
     color: "var(--rs-text, #111827)",
@@ -192,8 +658,6 @@ var styles = {
     gap: "1rem",
     marginBottom: "0.75rem"
   },
-  // `minWidth: 0` lets this flex child shrink below its content so the long
-  // label / qname wrap inside the panel instead of overflowing it.
   headerText: { minWidth: 0 },
   label: { fontSize: "1rem", fontWeight: 700, margin: 0, overflowWrap: "anywhere" },
   qname: {
@@ -201,7 +665,6 @@ var styles = {
     fontFamily: "var(--rs-font-mono, ui-monospace, monospace)",
     fontSize: "0.8rem",
     color: "var(--rs-primary-700, #1d4ed8)",
-    // qnames are single unbroken tokens — break anywhere so they don't overflow.
     overflowWrap: "anywhere"
   },
   close: {
@@ -221,6 +684,7 @@ var styles = {
   },
   key: { color: "var(--rs-muted, #6b7280)" },
   mono: { fontFamily: "var(--rs-font-mono, ui-monospace, monospace)" },
+  dims: { display: "grid", gap: "0.15rem" },
   footing: {
     marginTop: "0.85rem",
     paddingTop: "0.75rem",
@@ -241,84 +705,90 @@ var styles = {
 };
 function Field({ k, children }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { style: styles.key, children: k }),
+    /* @__PURE__ */ jsx("span", { style: styles2.key, children: k }),
     /* @__PURE__ */ jsx("span", { children })
   ] });
 }
-function FactInspector({
-  report,
-  statement,
-  row,
-  columnIndex,
-  onClose,
-  currencySymbol = "$"
-}) {
+function symbolFor(unit) {
+  return unit?.symbol ?? currencySymbolFor(unit?.measure) ?? "$";
+}
+function FactInspector({ report, table, row, columnIndex, onClose }) {
   const { element } = row;
   const cell = row.cells[columnIndex];
-  const column = statement.columns[columnIndex];
-  const unit = cell.fact?.unit ? report.units[cell.fact.unit] : null;
-  const foot = footCheck(report, statement, element.id, columnIndex);
-  const sym = currencySymbol;
-  return /* @__PURE__ */ jsxs("div", { style: styles.panel, children: [
-    /* @__PURE__ */ jsxs("div", { style: styles.header, children: [
-      /* @__PURE__ */ jsxs("div", { style: styles.headerText, children: [
-        /* @__PURE__ */ jsx("p", { style: styles.label, children: element.label }),
-        /* @__PURE__ */ jsx("span", { style: styles.qname, children: element.qname })
+  const fact = cell?.fact ?? null;
+  const period = fact ? report.periods[fact.period] : null;
+  const unit = fact?.unit ? report.units[fact.unit] : void 0;
+  const kind = numericKindOf(element);
+  const dims = fact?.dimensions ?? row.members;
+  const foot = footCheck(report, table, element.id, columnIndex);
+  const sym = symbolFor(unit);
+  return /* @__PURE__ */ jsxs("div", { style: styles2.panel, children: [
+    /* @__PURE__ */ jsxs("div", { style: styles2.header, children: [
+      /* @__PURE__ */ jsxs("div", { style: styles2.headerText, children: [
+        /* @__PURE__ */ jsx("p", { style: styles2.label, children: element.label }),
+        /* @__PURE__ */ jsx("span", { style: styles2.qname, children: element.qname })
       ] }),
-      onClose ? /* @__PURE__ */ jsx("button", { style: styles.close, onClick: onClose, "aria-label": "Close", children: "\xD7" }) : null
+      onClose ? /* @__PURE__ */ jsx("button", { style: styles2.close, onClick: onClose, "aria-label": "Close", children: "\xD7" }) : null
     ] }),
-    /* @__PURE__ */ jsxs("div", { style: styles.grid, children: [
-      /* @__PURE__ */ jsx(Field, { k: "Value", children: /* @__PURE__ */ jsx("span", { style: styles.mono, children: formatMoney(cell.value, { currencySymbol: sym }) }) }),
-      /* @__PURE__ */ jsxs(Field, { k: "Period", children: [
-        formatPeriod(column.period),
+    /* @__PURE__ */ jsxs("div", { style: styles2.grid, children: [
+      /* @__PURE__ */ jsx(Field, { k: "Value", children: cell?.value === null && cell?.textValue ? /* @__PURE__ */ jsx("span", { children: humanizeDuration(cell.textValue) ?? cell.textValue }) : /* @__PURE__ */ jsx("span", { style: styles2.mono, children: formatValue(cell?.value ?? null, { numericKind: kind, symbol: sym }) }) }),
+      period ? /* @__PURE__ */ jsxs(Field, { k: "Period", children: [
+        formatPeriod(period),
         " ",
-        /* @__PURE__ */ jsxs("span", { style: styles.key, children: [
+        /* @__PURE__ */ jsxs("span", { style: styles2.key, children: [
           "(",
-          column.period.type,
+          period.type,
           ")"
         ] })
-      ] }),
+      ] }) : null,
+      report.entity ? /* @__PURE__ */ jsx(Field, { k: "Entity", children: report.entity.name }) : null,
+      dims.length ? /* @__PURE__ */ jsx(Field, { k: "Dimensions", children: /* @__PURE__ */ jsx("span", { style: styles2.dims, children: dims.map((d) => /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs("span", { style: styles2.key, children: [
+          d.axisLabel,
+          ":"
+        ] }),
+        " ",
+        d.explicit ? d.memberLabel : d.typedValue ?? d.memberLabel
+      ] }, d.axis)) }) }) : null,
       /* @__PURE__ */ jsx(Field, { k: "Unit", children: unit ? unit.label : "\u2014" }),
       element.balance ? /* @__PURE__ */ jsx(Field, { k: "Balance", children: element.balance }) : null,
-      cell.fact?.decimals ? /* @__PURE__ */ jsx(Field, { k: "Decimals", children: cell.fact.decimals }) : null
+      fact?.decimals ? /* @__PURE__ */ jsx(Field, { k: "Decimals", children: fact.decimals }) : null
     ] }),
-    foot ? /* @__PURE__ */ jsxs("div", { style: styles.footing, children: [
-      /* @__PURE__ */ jsxs("div", { style: styles.footTitle, children: [
+    foot ? /* @__PURE__ */ jsxs("div", { style: styles2.footing, children: [
+      /* @__PURE__ */ jsxs("div", { style: styles2.footTitle, children: [
         "Calculation ",
         foot.ok ? "\u2713 foots" : "\u26A0 does not foot"
       ] }),
-      /* @__PURE__ */ jsxs("div", { style: styles.equation, children: [
+      /* @__PURE__ */ jsxs("div", { style: styles2.equation, children: [
         foot.terms.map((term, i) => {
           const op = i === 0 ? term.weight < 0 ? "\u2212" : "" : term.weight < 0 ? " \u2212 " : " + ";
           return /* @__PURE__ */ jsxs("span", { title: term.element.qname, children: [
             op,
-            formatMoney(term.value === null ? 0 : Math.abs(term.value), {
-              currencySymbol: sym
+            formatValue(term.value === null ? 0 : Math.abs(term.value), {
+              numericKind: "monetary",
+              symbol: sym
             })
           ] }, term.element.id);
         }),
         " = ",
-        /* @__PURE__ */ jsx("strong", { children: formatMoney(foot.expected, { currencySymbol: sym }) }),
+        /* @__PURE__ */ jsx("strong", { children: formatValue(foot.expected, { numericKind: "monetary", symbol: sym }) }),
         " ",
         foot.ok ? /* @__PURE__ */ jsx("span", { style: { color: "var(--rs-success, #00875a)" }, children: "\u2713" }) : /* @__PURE__ */ jsxs("span", { style: { color: "var(--rs-error, #dc2626)" }, children: [
           "\u2717 (reported ",
-          formatMoney(foot.actual, { currencySymbol: sym }),
+          formatValue(foot.actual, { numericKind: "monetary", symbol: sym }),
           ")"
         ] })
       ] })
     ] }) : null
   ] });
 }
-var styles2 = {
+var styles3 = {
   wrap: {
     fontFamily: "var(--rs-font-sans, ui-sans-serif, system-ui, sans-serif)",
     color: "var(--rs-text, #111827)",
     marginBottom: "2.5rem"
   },
-  heading: {
-    textAlign: "center",
-    marginBottom: "1rem"
-  },
+  heading: { textAlign: "center", marginBottom: "0.75rem" },
   title: {
     fontFamily: "var(--rs-font-heading, var(--rs-font-sans, sans-serif))",
     fontSize: "1.15rem",
@@ -326,28 +796,92 @@ var styles2 = {
     letterSpacing: "0.02em",
     margin: 0
   },
-  subtitle: {
-    fontSize: "0.85rem",
+  subtitle: { fontSize: "0.85rem", color: "var(--rs-muted, #6b7280)", marginTop: "0.25rem" },
+  scaleCaption: {
+    fontSize: "0.8rem",
+    fontStyle: "italic",
     color: "var(--rs-muted, #6b7280)",
     marginTop: "0.25rem"
   },
-  table: {
-    width: "100%",
-    borderCollapse: "collapse",
-    fontSize: "0.875rem"
+  slicers: {
+    display: "flex",
+    flexWrap: "wrap",
+    gap: "0.5rem",
+    margin: "0 0 0.75rem"
+  },
+  slicer: {
+    display: "inline-flex",
+    gap: "0.4rem",
+    alignItems: "baseline",
+    border: "1px solid var(--rs-border, #e5e7eb)",
+    borderRadius: "6px",
+    padding: "0.2rem 0.55rem",
+    fontSize: "0.78rem",
+    background: "var(--rs-slicer-bg, #f9fafb)"
   },
+  slicerLabel: {
+    color: "var(--rs-muted, #6b7280)",
+    textTransform: "uppercase",
+    letterSpacing: "0.03em",
+    fontSize: "0.68rem"
+  },
+  slicerValue: { fontWeight: 600 },
+  controls: {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.5rem",
+    margin: "0 0 0.9rem",
+    fontSize: "0.8rem"
+  },
+  controlLabel: { color: "var(--rs-muted, #6b7280)" },
+  segmented: {
+    display: "inline-flex",
+    border: "1px solid var(--rs-border, #e5e7eb)",
+    borderRadius: "7px",
+    overflow: "hidden"
+  },
+  segment: {
+    border: "none",
+    padding: "0.25rem 0.7rem",
+    fontSize: "0.78rem",
+    cursor: "pointer",
+    background: "transparent",
+    color: "var(--rs-text, #111827)"
+  },
+  segmentActive: {
+    background: "var(--rs-primary-600, #2563eb)",
+    color: "#ffffff",
+    fontWeight: 600
+  },
+  scroll: { overflowX: "auto" },
+  table: { width: "100%", borderCollapse: "collapse", fontSize: "0.875rem" },
   th: {
     borderBottom: "2px solid var(--rs-border-strong, #9ca3af)",
-    padding: "0.5rem 0.75rem",
+    padding: "0.4rem 0.75rem",
     fontWeight: 600,
     color: "var(--rs-muted, #6b7280)",
     fontSize: "0.8rem"
   },
-  thConcept: { textAlign: "left" },
-  thNum: { textAlign: "right", whiteSpace: "nowrap" },
-  labelCell: {
+  thGroup: {
+    borderBottom: "1px solid var(--rs-border, #e5e7eb)",
     padding: "0.3rem 0.75rem",
-    whiteSpace: "normal"
+    fontWeight: 600,
+    color: "var(--rs-muted, #6b7280)",
+    fontSize: "0.8rem",
+    textAlign: "center"
+  },
+  // A floor on the concept column so a wide table (many member/period columns)
+  // scrolls horizontally rather than squeezing labels down to vertical text.
+  thConcept: { textAlign: "left", verticalAlign: "bottom", minWidth: "18rem" },
+  thNum: { textAlign: "right", whiteSpace: "nowrap" },
+  labelCell: { padding: "0.3rem 0.75rem", whiteSpace: "normal", minWidth: "18rem" },
+  headerRowLabel: {
+    padding: "0.4rem 0.75rem",
+    fontWeight: 700,
+    fontSize: "0.8rem",
+    textTransform: "uppercase",
+    letterSpacing: "0.02em",
+    color: "var(--rs-muted, #6b7280)"
   },
   numCell: {
     padding: "0.3rem 0.75rem",
@@ -355,69 +889,171 @@ var styles2 = {
     whiteSpace: "nowrap",
     fontFamily: "var(--rs-font-mono, ui-monospace, SFMono-Regular, monospace)",
     fontVariantNumeric: "tabular-nums"
+  },
+  textBlockCell: { padding: "0.75rem", borderTop: "1px solid var(--rs-border, #e5e7eb)" },
+  textBlockLabel: {
+    fontSize: "0.7rem",
+    textTransform: "uppercase",
+    letterSpacing: "0.05em",
+    fontWeight: 600,
+    color: "var(--rs-muted, #6b7280)",
+    marginBottom: "0.5rem"
   }
 };
+function cellSymbol(unit) {
+  return unit?.symbol ?? currencySymbolFor(unit?.measure) ?? "$";
+}
 function StatementTable({
-  statement,
+  table,
+  units,
   onCellClick,
-  currencySymbol = "$",
-  selected = null
+  selected = null,
+  dimensionPlacement,
+  onDimensionPlacementChange
 }) {
-  const { columns, rows } = statement;
-  const periodCaption = columns.length === 1 ? formatPeriod(columns[0].period) : null;
-  return /* @__PURE__ */ jsxs("section", { style: styles2.wrap, children: [
-    /* @__PURE__ */ jsxs("header", { style: styles2.heading, children: [
-      /* @__PURE__ */ jsx("h3", { style: styles2.title, children: statement.title }),
-      statement.structureName ? /* @__PURE__ */ jsx("div", { style: styles2.subtitle, children: statement.structureName }) : null,
-      periodCaption ? /* @__PURE__ */ jsx("div", { style: styles2.subtitle, children: periodCaption }) : null
+  const { columns, rows, columnHeaders, scale } = table;
+  const totalCols = columns.length;
+  const dimensional = table.config.rows.some((k) => k.startsWith("dim:")) || table.config.columns.some((k) => k.startsWith("dim:"));
+  const showToggle = onDimensionPlacementChange != null && dimensional;
+  return /* @__PURE__ */ jsxs("section", { style: styles3.wrap, children: [
+    /* @__PURE__ */ jsxs("header", { style: styles3.heading, children: [
+      /* @__PURE__ */ jsx("h3", { style: styles3.title, children: table.title }),
+      table.structureName ? /* @__PURE__ */ jsx("div", { style: styles3.subtitle, children: table.structureName }) : null,
+      scale.caption ? /* @__PURE__ */ jsx("div", { style: styles3.scaleCaption, children: scale.caption }) : null
     ] }),
-    /* @__PURE__ */ jsxs("table", { style: styles2.table, children: [
-      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("th", { style: { ...styles2.th, ...styles2.thConcept }, children: "Concept" }),
-        columns.map((col) => /* @__PURE__ */ jsx("th", { style: { ...styles2.th, ...styles2.thNum }, children: col.label }, col.key))
-      ] }) }),
+    table.slicers.length ? /* @__PURE__ */ jsx("div", { style: styles3.slicers, children: table.slicers.map((s) => /* @__PURE__ */ jsxs("div", { style: styles3.slicer, children: [
+      /* @__PURE__ */ jsx("span", { style: styles3.slicerLabel, children: s.label }),
+      /* @__PURE__ */ jsx("span", { style: styles3.slicerValue, children: s.valueLabel })
+    ] }, s.aspect)) }) : null,
+    showToggle ? /* @__PURE__ */ jsxs("div", { style: styles3.controls, children: [
+      /* @__PURE__ */ jsx("span", { style: styles3.controlLabel, children: "Dimensions" }),
+      /* @__PURE__ */ jsx("div", { style: styles3.segmented, role: "group", "aria-label": "Dimension placement", children: ["rows", "columns"].map((placement) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onDimensionPlacementChange?.(placement),
+          "aria-pressed": dimensionPlacement === placement,
+          style: {
+            ...styles3.segment,
+            ...dimensionPlacement === placement ? styles3.segmentActive : {}
+          },
+          children: placement === "rows" ? "As rows" : "As columns"
+        },
+        placement
+      )) })
+    ] }) : null,
+    /* @__PURE__ */ jsx("div", { style: styles3.scroll, children: /* @__PURE__ */ jsxs("table", { style: styles3.table, children: [
+      /* @__PURE__ */ jsx("thead", { children: columnHeaders.map((level, levelIndex) => {
+        const isLast = levelIndex === columnHeaders.length - 1;
+        let leaf = 0;
+        return /* @__PURE__ */ jsxs("tr", { children: [
+          levelIndex === 0 ? /* @__PURE__ */ jsx(
+            "th",
+            {
+              rowSpan: columnHeaders.length,
+              style: { ...styles3.th, ...styles3.thConcept },
+              "aria-label": "Concept"
+            }
+          ) : null,
+          level.map((h, i) => {
+            const key = `${levelIndex}-${i}-${leaf}`;
+            leaf += h.span;
+            return /* @__PURE__ */ jsx(
+              "th",
+              {
+                colSpan: h.span,
+                style: isLast ? { ...styles3.th, ...styles3.thNum } : styles3.thGroup,
+                children: h.label
+              },
+              key
+            );
+          })
+        ] }, levelIndex);
+      }) }),
       /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => {
+        if (row.header) {
+          return /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+            "td",
+            {
+              colSpan: totalCols + 1,
+              style: {
+                ...styles3.headerRowLabel,
+                paddingLeft: `${row.depth * 20 + 12}px`
+              },
+              title: row.element.qname,
+              children: row.element.label
+            }
+          ) }, row.key);
+        }
+        const textBlock = row.cells.find(
+          (c) => c.value === null && isExternalFactUrl(c.textValue)
+        );
+        if (textBlock?.textValue) {
+          return /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { colSpan: totalCols + 1, style: styles3.textBlockCell, children: [
+            /* @__PURE__ */ jsx("div", { style: styles3.textBlockLabel, title: row.element.qname, children: rowLabel(row) }),
+            /* @__PURE__ */ jsx(ExternalTextBlock, { url: textBlock.textValue })
+          ] }) }, row.key);
+        }
+        const kind = numericKindOf(row.element);
         const isGrandTotal = row.isSubtotal && row.depth === 0;
         const allZeroOrNull = row.cells.every((c) => c.value === null || c.value === 0);
         const rowStyle = {
           backgroundColor: row.isSubtotal ? "var(--rs-subtotal-bg, #f9fafb)" : void 0
         };
         const labelStyle = {
-          ...styles2.labelCell,
+          ...styles3.labelCell,
           paddingLeft: `${row.depth * 20 + 12}px`,
           fontWeight: row.isSubtotal ? 600 : 400,
           color: !row.isSubtotal && allZeroOrNull ? "var(--rs-muted, #9ca3af)" : void 0,
           borderBottom: isGrandTotal ? "3px double var(--rs-text, #111827)" : void 0
         };
         return /* @__PURE__ */ jsxs("tr", { style: rowStyle, children: [
-          /* @__PURE__ */ jsx("td", { style: labelStyle, title: row.element.qname, children: row.element.label }),
+          /* @__PURE__ */ jsx("td", { style: labelStyle, title: row.element.qname, children: rowLabel(row) }),
           row.cells.map((cell, i) => {
-            const isSelected = selected !== null && selected.elementId === row.element.id && selected.columnIndex === i;
+            const isSelected = selected !== null && selected.rowKey === row.key && selected.columnIndex === i;
             const clickable = onCellClick && cell.fact !== null;
+            const isText = cell.value === null && cell.textValue != null && cell.textValue !== "";
+            const duration = isText ? humanizeDuration(cell.textValue) : null;
+            const isProse = isText && !duration;
+            const unit = cell.fact?.unit && units ? units[cell.fact.unit] : void 0;
             const numStyle = {
-              ...styles2.numCell,
+              ...styles3.numCell,
               fontWeight: row.isSubtotal ? 600 : 400,
               borderBottom: isGrandTotal ? "3px double var(--rs-text, #111827)" : void 0,
               cursor: clickable ? "pointer" : "default",
               backgroundColor: isSelected ? "var(--rs-selected-bg, #dbeafe)" : void 0,
-              color: !row.isSubtotal && (cell.value === null || cell.value === 0) ? "var(--rs-muted, #9ca3af)" : void 0
+              color: !isText && !row.isSubtotal && (cell.value === null || cell.value === 0) ? "var(--rs-muted, #9ca3af)" : void 0,
+              ...isProse ? {
+                textAlign: "left",
+                whiteSpace: "normal",
+                fontFamily: "var(--rs-font-sans, ui-sans-serif, system-ui, sans-serif)"
+              } : {}
             };
+            const display = isText ? duration ?? cell.textValue : cell.fact === null ? "" : cell.value === 0 ? "\u2014" : formatValue(cell.value, {
+              numericKind: kind,
+              symbol: cellSymbol(unit),
+              scaleFactor: scale.factor
+            });
             return /* @__PURE__ */ jsx(
               "td",
               {
                 style: numStyle,
                 onClick: clickable ? () => onCellClick?.(row, i) : void 0,
-                children: formatMoney(cell.value, { currencySymbol })
+                children: display
               },
               columns[i].key
             );
           })
-        ] }, row.element.id);
+        ] }, row.key);
       }) })
-    ] })
+    ] }) })
   ] });
 }
-var styles3 = {
+function rowLabel(row) {
+  if (!row.members.length) return row.element.label;
+  return row.members.map((m) => m.memberLabel).join(" \xB7 ");
+}
+var styles4 = {
   layout: {
     display: "grid",
     gridTemplateColumns: "minmax(0, 1fr)",
@@ -438,52 +1074,50 @@ var styles3 = {
     margin: 0,
     color: "var(--rs-text, #111827)"
   },
-  entitySub: { fontSize: "0.85rem", color: "var(--rs-muted, #6b7280)" },
   panel: { position: "sticky", top: "1rem" }
 };
-function ReportView({ report, currencySymbol = "$", inspect = true }) {
-  const statements = useMemo(() => buildStatements(report), [report]);
+function ReportView({ report, inspect = true, dimensionAxis = "rows" }) {
+  const [dimAxis, setDimAxis] = useState(dimensionAxis);
   const [selection, setSelection] = useState(null);
+  const statements = useMemo(
+    () => buildPivots(report, (_ib, cfg) => pivotDimensionsOn(cfg, dimAxis)),
+    [report, dimAxis]
+  );
   const selected = selection !== null ? statements[selection.statementIndex] : null;
-  const selectedRow = selected?.rows.find((r) => r.element.id === selection?.elementId) ?? null;
+  const selectedRow = selected?.rows.find((r) => r.key === selection?.rowKey) ?? null;
+  const setPlacement = (placement) => {
+    setSelection(null);
+    setDimAxis(placement);
+  };
   return /* @__PURE__ */ jsxs("div", { children: [
-    report.entity ? /* @__PURE__ */ jsxs("header", { style: styles3.entity, children: [
-      /* @__PURE__ */ jsx("h2", { style: styles3.entityName, children: report.entity.name }),
-      report.entity.country ? /* @__PURE__ */ jsx("div", { style: styles3.entitySub, children: report.entity.country }) : null
-    ] }) : null,
+    report.entity ? /* @__PURE__ */ jsx("header", { style: styles4.entity, children: /* @__PURE__ */ jsx("h2", { style: styles4.entityName, children: report.entity.name }) }) : null,
     /* @__PURE__ */ jsxs(
       "div",
       {
         style: {
-          ...styles3.layout,
-          ...inspect && selectedRow ? styles3.layoutWithPanel : {}
+          ...styles4.layout,
+          ...inspect && selectedRow ? styles4.layoutWithPanel : {}
         },
         children: [
           /* @__PURE__ */ jsx("div", { children: statements.map((statement, statementIndex) => /* @__PURE__ */ jsx(
             StatementTable,
             {
-              statement,
-              currencySymbol,
-              selected: selection && selection.statementIndex === statementIndex ? {
-                elementId: selection.elementId,
-                columnIndex: selection.columnIndex
-              } : null,
-              onCellClick: inspect ? (row, columnIndex) => setSelection({
-                statementIndex,
-                elementId: row.element.id,
-                columnIndex
-              }) : void 0
+              table: statement,
+              units: report.units,
+              dimensionPlacement: dimAxis,
+              onDimensionPlacementChange: setPlacement,
+              selected: selection && selection.statementIndex === statementIndex ? { rowKey: selection.rowKey, columnIndex: selection.columnIndex } : null,
+              onCellClick: inspect ? (row, columnIndex) => setSelection({ statementIndex, rowKey: row.key, columnIndex }) : void 0
             },
             statement.ib.id
           )) }),
-          inspect && selected && selectedRow && selection ? /* @__PURE__ */ jsx("div", { style: styles3.panel, children: /* @__PURE__ */ jsx(
+          inspect && selected && selectedRow && selection ? /* @__PURE__ */ jsx("div", { style: styles4.panel, children: /* @__PURE__ */ jsx(
             FactInspector,
             {
               report,
-              statement: selected,
+              table: selected,
               row: selectedRow,
               columnIndex: selection.columnIndex,
-              currencySymbol,
               onClose: () => setSelection(null)
             }
           ) }) : null
@@ -493,6 +1127,6 @@ function ReportView({ report, currencySymbol = "$", inspect = true }) {
   ] });
 }
 
-export { FactInspector, ReportView, StatementTable, buildStatements, calcSubtotals, footCheck, formatDate, formatMoney, formatPeriod, presentationOrder };
+export { ExternalTextBlock, FactInspector, ReportView, StatementTable, buildPivot, buildPivots, calcSubtotals, defaultPivotConfig, footCheck, pivotDimensionsOn, presentationOrder, reportSections, sliceReportSection };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map