@fusedashlabs/widgets 0.4.5 → 0.6.0

package/dist/components/step-line-chart/element/ui9000-step-line-chart.js

@@ -8,10 +8,10 @@ import { lineLegendEntries } from "../../../utils/chart-legend.js";
 import { isFuseWidgetPayload, xDomainHintFromWidget } from "../../../utils/fuse-widget.js";
 import { FD } from "../../../utils/fusedash-visual.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
-import { renderStepLineChart } from "../render/draw.js";
-import { stepLineChartStyles } from "./styles.js";
 import { normalizeStepLineData } from "../lib/normalize.js";
 import { formatCompact } from "../lib/format.js";
+import { renderStepLineChart } from "../render/draw.js";
+import { stepLineChartStyles } from "./styles.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -33,7 +33,6 @@ let Ui9000StepLineChart = class extends Ui9000ChartElement {
     this.showTooltip = true;
     this.xLabel = "";
     this.yLabel = "";
-    this._tooltip = null;
     this._empty = false;
     this._raf = 0;
   }
@@ -107,17 +106,15 @@ let Ui9000StepLineChart = class extends Ui9000ChartElement {
       yLabel: this.yLabel || void 0,
       ...this.axisLabelHandlers(),
       onHover: this.showTooltip ? ({ xLabel, entries, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          xLabel,
-          entries
-        };
+        this.openTooltip(event, {
+          title: xLabel,
+          rows: entries.map((entry) => ({
+            label: entry.seriesName,
+            value: formatCompact(entry.value)
+          }))
+        });
       } : void 0,
-      onLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
@@ -130,20 +127,6 @@ let Ui9000StepLineChart = class extends Ui9000ChartElement {
           ${this.renderLegend(series)}
           <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
           ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
-          ${this._tooltip ? html`<div
-                class="tooltip"
-                part="tooltip"
-                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
-              >
-                <div class="x">${this._tooltip.xLabel}</div>
-                ${this._tooltip.entries.map(
-      (entry) => html`<div class="row">
-                    <span class="swatch" style="background:${entry.color}"></span>
-                    <span>${entry.seriesName}</span>
-                    <span class="value">${formatCompact(entry.value)}</span>
-                  </div>`
-    )}
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -172,9 +155,6 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "y-label" })
 ], Ui9000StepLineChart.prototype, "yLabel", 2);
-__decorateClass([
-  state()
-], Ui9000StepLineChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000StepLineChart.prototype, "_empty", 2);

package/dist/components/step-line-chart/element/ui9000-step-line-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-step-line-chart.js","sources":["../../../../src/components/step-line-chart/element/ui9000-step-line-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { DataPoint, WidgetScale } from '../../../types/index.js';\nimport { getStepLineDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { lineLegendEntries } from '../../../utils/chart-legend.js';\nimport {\n  isFuseWidgetPayload,\n  xDomainHintFromWidget,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport { FD } from '../../../utils/fusedash-visual.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatCompact,\n  normalizeStepLineData,\n  type StepLineChartData,\n  type StepLineGrafType,\n  type StepLineHoverEntry,\n  type StepLineSeries,\n} from '../lib/index.js';\nimport { renderStepLineChart } from '../render/draw.js';\nimport { stepLineChartStyles } from './styles.js';\n\n@customElement('ui9000-step-line-chart')\nexport class Ui9000StepLineChart extends Ui9000ChartElement {\n  static override styles = [stepLineChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: String, attribute: 'graf-type' })\n  grafType: StepLineGrafType = 'none';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _tooltip: {\n    x: number;\n    y: number;\n    xLabel: string;\n    entries: StepLineHoverEntry[];\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): StepLineSeries[] {\n    const raw = parseJsonAttr<DataPoint[] | StepLineChartData | StepLineSeries[] | FuseWidgetLike>(\n      this.dataJson,\n      [],\n    );\n    return normalizeStepLineData(raw);\n  }\n\n  private xDomainHint(): string[] | undefined {\n    const raw = parseJsonAttr<unknown>(this.dataJson, null);\n    if (isFuseWidgetPayload(raw)) return xDomainHintFromWidget(raw);\n    return undefined;\n  }\n\n  private renderLegend(series: StepLineSeries[]) {\n    const overlay =\n      this.grafType === 'curve'\n        ? { label: 'Ideal', kind: 'line' as const, color: FD.stepIdealColor }\n        : this.grafType === 'line'\n          ? { label: 'Random guessing', kind: 'dashed-line' as const, color: '' }\n          : null;\n    const itemCount = series.length + (overlay ? 1 : 0);\n    if (!this.showLegend || itemCount <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    const entries = lineLegendEntries(series, theme);\n    if (overlay) {\n      entries.push({\n        label: overlay.label,\n        swatch:\n          overlay.kind === 'dashed-line'\n            ? { kind: 'dashed-line', color: theme.textMuted }\n            : { kind: 'line', color: overlay.color },\n      });\n    }\n    return renderChartLegend(entries);\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const series = this.parseData();\n    this._empty = series.length === 0 || series.every((s) => !s.points.length);\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getStepLineDimensions(root);\n\n    renderStepLineChart(root, {\n      series,\n      width,\n      height,\n      margin,\n      theme,\n      grafType: this.grafType,\n      showGrid: this.showGrid,\n      xDomainHint: this.xDomainHint(),\n      showTooltip: this.showTooltip,\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ xLabel, entries, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              xLabel,\n              entries,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const series =\n      this._empty ? [] : this.parseData().filter((s) => s.points.length > 0);\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${this.renderLegend(series)}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty ? html`<div class=\"empty\" part=\"empty\">No data</div>` : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                <div class=\"x\">${this._tooltip.xLabel}</div>\n                ${this._tooltip.entries.map(\n                  (entry) => html`<div class=\"row\">\n                    <span class=\"swatch\" style=\"background:${entry.color}\"></span>\n                    <span>${entry.seriesName}</span>\n                    <span class=\"value\">${formatCompact(entry.value)}</span>\n                  </div>`,\n                )}\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-step-line-chart': Ui9000StepLineChart;\n  }\n}\n\nexport function registerStepLineChart(): void {\n  if (!customElements.get('ui9000-step-line-chart')) {\n    customElements.define('ui9000-step-line-chart', Ui9000StepLineChart);\n  }\n}\n\nregisterStepLineChart();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ui9000-step-line-chart.js","sources":["../../../../src/components/step-line-chart/element/ui9000-step-line-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { DataPoint, WidgetScale } from '../../../types/index.js';\nimport { getStepLineDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { lineLegendEntries } from '../../../utils/chart-legend.js';\nimport {\n  isFuseWidgetPayload,\n  xDomainHintFromWidget,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport { FD } from '../../../utils/fusedash-visual.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatCompact,\n  normalizeStepLineData,\n  type StepLineChartData,\n  type StepLineGrafType,\n  type StepLineSeries,\n} from '../lib/index.js';\nimport { renderStepLineChart } from '../render/draw.js';\nimport { stepLineChartStyles } from './styles.js';\n\n@customElement('ui9000-step-line-chart')\nexport class Ui9000StepLineChart extends Ui9000ChartElement {\n  static override styles = [stepLineChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: String, attribute: 'graf-type' })\n  grafType: StepLineGrafType = 'none';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): StepLineSeries[] {\n    const raw = parseJsonAttr<DataPoint[] | StepLineChartData | StepLineSeries[] | FuseWidgetLike>(\n      this.dataJson,\n      [],\n    );\n    return normalizeStepLineData(raw);\n  }\n\n  private xDomainHint(): string[] | undefined {\n    const raw = parseJsonAttr<unknown>(this.dataJson, null);\n    if (isFuseWidgetPayload(raw)) return xDomainHintFromWidget(raw);\n    return undefined;\n  }\n\n  private renderLegend(series: StepLineSeries[]) {\n    const overlay =\n      this.grafType === 'curve'\n        ? { label: 'Ideal', kind: 'line' as const, color: FD.stepIdealColor }\n        : this.grafType === 'line'\n          ? { label: 'Random guessing', kind: 'dashed-line' as const, color: '' }\n          : null;\n    const itemCount = series.length + (overlay ? 1 : 0);\n    if (!this.showLegend || itemCount <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    const entries = lineLegendEntries(series, theme);\n    if (overlay) {\n      entries.push({\n        label: overlay.label,\n        swatch:\n          overlay.kind === 'dashed-line'\n            ? { kind: 'dashed-line', color: theme.textMuted }\n            : { kind: 'line', color: overlay.color },\n      });\n    }\n    return renderChartLegend(entries);\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const series = this.parseData();\n    this._empty = series.length === 0 || series.every((s) => !s.points.length);\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getStepLineDimensions(root);\n\n    renderStepLineChart(root, {\n      series,\n      width,\n      height,\n      margin,\n      theme,\n      grafType: this.grafType,\n      showGrid: this.showGrid,\n      xDomainHint: this.xDomainHint(),\n      showTooltip: this.showTooltip,\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ xLabel, entries, event }) => {\n            this.openTooltip(event, {\n              title: xLabel,\n              rows: entries.map((entry) => ({\n                label: entry.seriesName,\n                value: formatCompact(entry.value),\n              })),\n            });\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => this.closeTooltip() : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const series =\n      this._empty ? [] : this.parseData().filter((s) => s.points.length > 0);\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${this.renderLegend(series)}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty ? html`<div class=\"empty\" part=\"empty\">No data</div>` : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-step-line-chart': Ui9000StepLineChart;\n  }\n}\n\nexport function registerStepLineChart(): void {\n  if (!customElements.get('ui9000-step-line-chart')) {\n    customElements.define('ui9000-step-line-chart', Ui9000StepLineChart);\n  }\n}\n\nregisterStepLineChart();\n"],"names":[],"mappings":"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"}

package/dist/components/step-line-chart/index.js

@@ -1,10 +1,10 @@
 import { registerStepLineChart } from "./element/ui9000-step-line-chart.js";
 import { Ui9000StepLineChart } from "./element/ui9000-step-line-chart.js";
 import { renderStepLineChart } from "./render/draw.js";
-import { default as default2 } from "./metadata.json.js";
+import { normalizeStepLineData } from "./lib/normalize.js";
 import { averageYByX, collectStepXDomain, collectStepYDomain, isDateXDomain, orderStepXDomain, parseXDate } from "./lib/domain.js";
 import { formatCompact, selectTickIndices } from "./lib/format.js";
-import { normalizeStepLineData } from "./lib/normalize.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   Ui9000StepLineChart,
   averageYByX,

package/dist/components/table/element/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const tableStyles: import('lit').CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/table/element/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/table/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAmGvB,CAAC"}

package/dist/components/table/element/styles.js

@@ -0,0 +1,105 @@
+import { css } from "lit";
+const tableStyles = css`
+  :host {
+    display: block;
+    width: 100%;
+    height: 100%;
+    min-height: 0;
+    overflow: hidden;
+    box-sizing: border-box;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+  }
+
+  .table-root {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    min-height: 0;
+    overflow: hidden;
+    box-sizing: border-box;
+  }
+
+  .table-scroll {
+    flex: 1 1 auto;
+    min-height: 0;
+    width: 100%;
+    overflow: auto;
+    scrollbar-width: thin;
+  }
+
+  .table {
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    table-layout: fixed;
+  }
+
+  .table thead {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+    background: var(--ui9000-color-surface, #ffffff);
+  }
+
+  .table thead th {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+    background: var(--ui9000-color-surface, #ffffff);
+    background-clip: padding-box;
+    color: var(--ui9000-color-text, #111827);
+    font-weight: 600;
+    font-size: 13px;
+    letter-spacing: 0.01em;
+    text-transform: capitalize;
+    box-shadow: 0 1px 0 var(--ui9000-color-grid, #e5e7eb);
+  }
+
+  .table th,
+  .table td {
+    padding: 10px 12px;
+    vertical-align: middle;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    border-bottom: 1px solid var(--ui9000-color-grid, #e5e7eb);
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    text-align: left;
+  }
+
+  .table tbody tr {
+    cursor: pointer;
+  }
+
+  .table tbody tr:last-child td {
+    border-bottom: none;
+  }
+
+  .table-badge {
+    display: inline-block;
+    padding: 2px 8px;
+    border-radius: 999px;
+    font-size: 12px;
+    font-weight: 600;
+    line-height: 16px;
+  }
+
+  .table-badge[data-type='success'] {
+    color: #0f7b4a;
+    background: #d9f5e7;
+  }
+
+  .table-badge[data-type='error'] {
+    color: #b42318;
+    background: #fde8e6;
+  }
+`;
+export {
+  tableStyles
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/table/element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/table/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const tableStyles = css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n    box-sizing: border-box;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n  }\n\n  .table-root {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .table-scroll {\n    flex: 1 1 auto;\n    min-height: 0;\n    width: 100%;\n    overflow: auto;\n    scrollbar-width: thin;\n  }\n\n  .table {\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: 0;\n    table-layout: fixed;\n  }\n\n  .table thead {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    background: var(--ui9000-color-surface, #ffffff);\n  }\n\n  .table thead th {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    background: var(--ui9000-color-surface, #ffffff);\n    background-clip: padding-box;\n    color: var(--ui9000-color-text, #111827);\n    font-weight: 600;\n    font-size: 13px;\n    letter-spacing: 0.01em;\n    text-transform: capitalize;\n    box-shadow: 0 1px 0 var(--ui9000-color-grid, #e5e7eb);\n  }\n\n  .table th,\n  .table td {\n    padding: 10px 12px;\n    vertical-align: middle;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    border-bottom: 1px solid var(--ui9000-color-grid, #e5e7eb);\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    text-align: left;\n  }\n\n  .table tbody tr {\n    cursor: pointer;\n  }\n\n  .table tbody tr:last-child td {\n    border-bottom: none;\n  }\n\n  .table-badge {\n    display: inline-block;\n    padding: 2px 8px;\n    border-radius: 999px;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n  }\n\n  .table-badge[data-type='success'] {\n    color: #0f7b4a;\n    background: #d9f5e7;\n  }\n\n  .table-badge[data-type='error'] {\n    color: #b42318;\n    background: #fde8e6;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/table/element/ui9000-table.d.ts

@@ -0,0 +1,17 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class Ui9000Table extends LitElement {
+    static styles: import('lit').CSSResult;
+    dataJson: string;
+    private _model;
+    connectedCallback(): void;
+    willUpdate(changed: PropertyValues): void;
+    private onRowClick;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export declare function registerTable(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-table': Ui9000Table;
+    }
+}
+//# sourceMappingURL=ui9000-table.d.ts.map

package/dist/components/table/element/ui9000-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/element/ui9000-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAoB5D,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAe;IAGrC,QAAQ,SAAQ;IAGhB,OAAO,CAAC,MAAM,CAAiC;IAEtC,iBAAiB,IAAI,IAAI;IAKzB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAMlD,OAAO,CAAC,UAAU;IAMT,MAAM;CA8ChB;AAED,wBAAgB,aAAa,IAAI,IAAI,CAIpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/dist/components/table/element/ui9000-table.js

@@ -0,0 +1,113 @@
+import { LitElement, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { dispatchUi9000Select } from "../../../element/dispatch-ui9000.js";
+import { parseJsonAttr } from "../../../utils/chart-helpers.js";
+import { normalizeTableModel } from "../lib/table.js";
+import { tableStyles } from "./styles.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+function asTableModel(raw) {
+  if (!raw) return null;
+  if (typeof raw === "object" && raw && "columns" in raw && "cells" in raw) {
+    const model = raw;
+    if (Array.isArray(model.columns) && Array.isArray(model.cells)) return model;
+  }
+  if (typeof raw === "object" && raw && "headers" in raw) {
+    return normalizeTableModel(raw);
+  }
+  return null;
+}
+let Ui9000Table = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.dataJson = "{}";
+    this._model = null;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._model = asTableModel(parseJsonAttr(this.dataJson, null));
+  }
+  willUpdate(changed) {
+    if (changed.has("dataJson")) {
+      this._model = asTableModel(parseJsonAttr(this.dataJson, null));
+    }
+  }
+  onRowClick(index) {
+    var _a, _b, _c, _d, _e;
+    const key = (_b = (_a = this._model) == null ? void 0 : _a.columns[0]) == null ? void 0 : _b.key;
+    const first = (_e = (_d = (_c = this._model) == null ? void 0 : _c.cells[index]) == null ? void 0 : _d[0]) == null ? void 0 : _e.text;
+    dispatchUi9000Select(this, { id: first || (key ? `${key}-${index}` : String(index)) });
+  }
+  render() {
+    const table = this._model;
+    if (!table) {
+      return html`<div class="table-root" role="status">No table data</div>`;
+    }
+    return html`
+      <div class="table-root" role="region" aria-label="Evidence table">
+        <div class="table-scroll">
+          <table class="table">
+            <thead>
+              <tr>
+                ${table.columns.map(
+      (col) => html`<th class="table-cell" data-header>${col.label}</th>`
+    )}
+              </tr>
+            </thead>
+            <tbody>
+              ${table.cells.map(
+      (row, index) => html`
+                  <tr
+                    class="table-row"
+                    tabindex="0"
+                    @click=${() => this.onRowClick(index)}
+                    @keydown=${(e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          this.onRowClick(index);
+        }
+      }}
+                  >
+                    ${row.map(
+        (cell) => cell.badge ? html`<td class="table-cell">
+                            <span class="table-badge" data-type=${cell.badge}>${cell.text}</span>
+                          </td>` : html`<td class="table-cell">${cell.text}</td>`
+      )}
+                  </tr>
+                `
+    )}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000Table.styles = tableStyles;
+__decorateClass([
+  property({ type: String, attribute: "data" })
+], Ui9000Table.prototype, "dataJson", 2);
+__decorateClass([
+  state()
+], Ui9000Table.prototype, "_model", 2);
+Ui9000Table = __decorateClass([
+  customElement("ui9000-table")
+], Ui9000Table);
+function registerTable() {
+  if (!customElements.get("ui9000-table")) {
+    customElements.define("ui9000-table", Ui9000Table);
+  }
+}
+export {
+  Ui9000Table,
+  registerTable
+};
+//# sourceMappingURL=ui9000-table.js.map

package/dist/components/table/element/ui9000-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-table.js","sources":["../../../../src/components/table/element/ui9000-table.ts"],"sourcesContent":["import { html, LitElement, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { dispatchUi9000Select } from '../../../element/dispatch-ui9000.js';\nimport { parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { normalizeTableModel, type CustomTableModel } from '../lib/table.js';\nimport { tableStyles } from './styles.js';\n\nfunction asTableModel(raw: unknown): CustomTableModel | null {\n  if (!raw) return null;\n  if (typeof raw === 'object' && raw && 'columns' in raw && 'cells' in raw) {\n    const model = raw as CustomTableModel;\n    if (Array.isArray(model.columns) && Array.isArray(model.cells)) return model;\n  }\n  if (typeof raw === 'object' && raw && 'headers' in raw) {\n    return normalizeTableModel(raw as { headers?: unknown; data?: unknown; tableData?: unknown; tablePreviewRows?: unknown });\n  }\n  return null;\n}\n\n@customElement('ui9000-table')\nexport class Ui9000Table extends LitElement {\n  static override styles = tableStyles;\n\n  @property({ type: String, attribute: 'data' })\n  dataJson = '{}';\n\n  @state()\n  private _model: CustomTableModel | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._model = asTableModel(parseJsonAttr<unknown>(this.dataJson, null));\n  }\n\n  override willUpdate(changed: PropertyValues): void {\n    if (changed.has('dataJson')) {\n      this._model = asTableModel(parseJsonAttr<unknown>(this.dataJson, null));\n    }\n  }\n\n  private onRowClick(index: number): void {\n    const key = this._model?.columns[0]?.key;\n    const first = this._model?.cells[index]?.[0]?.text;\n    dispatchUi9000Select(this, { id: first || (key ? `${key}-${index}` : String(index)) });\n  }\n\n  override render() {\n    const table = this._model;\n    if (!table) {\n      return html`<div class=\"table-root\" role=\"status\">No table data</div>`;\n    }\n    return html`\n      <div class=\"table-root\" role=\"region\" aria-label=\"Evidence table\">\n        <div class=\"table-scroll\">\n          <table class=\"table\">\n            <thead>\n              <tr>\n                ${table.columns.map(\n                  (col) => html`<th class=\"table-cell\" data-header>${col.label}</th>`,\n                )}\n              </tr>\n            </thead>\n            <tbody>\n              ${table.cells.map(\n                (row, index) => html`\n                  <tr\n                    class=\"table-row\"\n                    tabindex=\"0\"\n                    @click=${() => this.onRowClick(index)}\n                    @keydown=${(e: KeyboardEvent) => {\n                      if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        this.onRowClick(index);\n                      }\n                    }}\n                  >\n                    ${row.map((cell) =>\n                      cell.badge\n                        ? html`<td class=\"table-cell\">\n                            <span class=\"table-badge\" data-type=${cell.badge}>${cell.text}</span>\n                          </td>`\n                        : html`<td class=\"table-cell\">${cell.text}</td>`,\n                    )}\n                  </tr>\n                `,\n              )}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport function registerTable(): void {\n  if (!customElements.get('ui9000-table')) {\n    customElements.define('ui9000-table', Ui9000Table);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-table': Ui9000Table;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQA,SAAS,aAAa,KAAuC;AAC3D,MAAI,CAAC,IAAK,QAAO;AACjB,MAAI,OAAO,QAAQ,YAAY,OAAO,aAAa,OAAO,WAAW,KAAK;AACxE,UAAM,QAAQ;AACd,QAAI,MAAM,QAAQ,MAAM,OAAO,KAAK,MAAM,QAAQ,MAAM,KAAK,EAAG,QAAO;AAAA,EACzE;AACA,MAAI,OAAO,QAAQ,YAAY,OAAO,aAAa,KAAK;AACtD,WAAO,oBAAoB,GAA6F;AAAA,EAC1H;AACA,SAAO;AACT;AAGO,IAAM,cAAN,cAA0B,WAAW;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA;AAIL,SAAA,WAAW;AAGX,SAAQ,SAAkC;AAAA,EAAA;AAAA,EAEjC,oBAA0B;AACjC,UAAM,kBAAA;AACN,SAAK,SAAS,aAAa,cAAuB,KAAK,UAAU,IAAI,CAAC;AAAA,EACxE;AAAA,EAES,WAAW,SAA+B;AACjD,QAAI,QAAQ,IAAI,UAAU,GAAG;AAC3B,WAAK,SAAS,aAAa,cAAuB,KAAK,UAAU,IAAI,CAAC;AAAA,IACxE;AAAA,EACF;AAAA,EAEQ,WAAW,OAAqB;;AACtC,UAAM,OAAM,gBAAK,WAAL,mBAAa,QAAQ,OAArB,mBAAyB;AACrC,UAAM,SAAQ,sBAAK,WAAL,mBAAa,MAAM,WAAnB,mBAA4B,OAA5B,mBAAgC;AAC9C,yBAAqB,MAAM,EAAE,IAAI,UAAU,MAAM,GAAG,GAAG,IAAI,KAAK,KAAK,OAAO,KAAK,IAAI;AAAA,EACvF;AAAA,EAES,SAAS;AAChB,UAAM,QAAQ,KAAK;AACnB,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AACA,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO,MAAM,QAAQ;AAAA,MACd,CAAC,QAAQ,0CAA0C,IAAI,KAAK;AAAA,IAAA,CAC7D;AAAA;AAAA;AAAA;AAAA,gBAID,MAAM,MAAM;AAAA,MACZ,CAAC,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA,6BAIH,MAAM,KAAK,WAAW,KAAK,CAAC;AAAA,+BAC1B,CAAC,MAAqB;AAC/B,YAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,YAAE,eAAA;AACF,eAAK,WAAW,KAAK;AAAA,QACvB;AAAA,MACF,CAAC;AAAA;AAAA,sBAEC,IAAI;AAAA,QAAI,CAAC,SACT,KAAK,QACD;AAAA,kEACwC,KAAK,KAAK,IAAI,KAAK,IAAI;AAAA,mCAE/D,8BAA8B,KAAK,IAAI;AAAA,MAAA,CAC5C;AAAA;AAAA;AAAA,IAAA,CAGN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMb;AACF;AAxEa,YACK,SAAS;AAGzB,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,QAAQ;AAAA,GAHlC,YAIX,WAAA,YAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GANI,YAOH,WAAA,UAAA,CAAA;AAPG,cAAN,gBAAA;AAAA,EADN,cAAc,cAAc;AAAA,GAChB,WAAA;AA0EN,SAAS,gBAAsB;AACpC,MAAI,CAAC,eAAe,IAAI,cAAc,GAAG;AACvC,mBAAe,OAAO,gBAAgB,WAAW;AAAA,EACnD;AACF;"}

package/dist/components/table/index.d.ts

@@ -0,0 +1,4 @@
+export { Ui9000Table, registerTable } from './element/ui9000-table.js';
+export { normalizeTableModel, buildLiveTableRowsFromSources, formatTableCell, parseTableHeaders, type CustomTableModel, type TableCellModel, type TableColumnSource, type TableHeader, } from './lib/table.js';
+export { default as tableMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EACL,mBAAmB,EACnB,6BAA6B,EAC7B,eAAe,EACf,iBAAiB,EACjB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/table/index.js

@@ -0,0 +1,14 @@
+import { registerTable } from "./element/ui9000-table.js";
+import { Ui9000Table } from "./element/ui9000-table.js";
+import { buildLiveTableRowsFromSources, formatTableCell, normalizeTableModel, parseTableHeaders } from "./lib/table.js";
+import { default as default2 } from "./metadata.json.js";
+export {
+  Ui9000Table,
+  buildLiveTableRowsFromSources,
+  formatTableCell,
+  normalizeTableModel,
+  parseTableHeaders,
+  registerTable,
+  default2 as tableMetadata
+};
+//# sourceMappingURL=index.js.map

package/dist/components/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/table/lib/table.d.ts

@@ -0,0 +1,55 @@
+/** Client CustomWidget TableWidget — sources, zip-by-index rows, MCP preview fallback. */
+export type TableColumnSource = {
+    type: 'dataset';
+    datasetId: string;
+    field: string;
+} | {
+    type: 'chart';
+    field: string;
+} | {
+    type: 'static';
+    field: string;
+};
+export interface TableHeaderContains {
+    key?: string;
+    source?: TableColumnSource;
+}
+export interface TableHeader {
+    label: string;
+    contains?: TableHeaderContains[];
+}
+export type DataRow = Record<string, string | number | boolean | null | undefined>;
+export interface TableCellModel {
+    text: string;
+    badge?: 'success' | 'error';
+}
+export interface CustomTableModel {
+    columns: {
+        key: string;
+        label: string;
+    }[];
+    cells: TableCellModel[][];
+}
+export declare function stripDataPrefix(field: string): string;
+export declare function buildQualifiedDatasetColumnKey(datasetId: string, field: string): string;
+export declare function buildQualifiedChartColumnKey(field: string): string;
+export declare function buildQualifiedStaticColumnKey(field: string): string;
+export declare function getSourceFromContains(header: TableHeader): TableColumnSource | undefined;
+export declare function parseTableHeaders(input: unknown): TableHeader[];
+export declare function asDataRows(input: unknown): DataRow[];
+/** Client `buildLiveTableRowsFromSources` — zip sources by row index, not a join. */
+export declare function buildLiveTableRowsFromSources({ headers, datasetRows, chartRows, tableDataRows, }: {
+    headers: TableHeader[];
+    datasetRows: DataRow[];
+    chartRows: DataRow[];
+    tableDataRows?: DataRow[];
+}): DataRow[];
+/** Client `getCellValue` — stringify + Findings badge. */
+export declare function formatTableCell(header: TableHeader, row: DataRow): TableCellModel;
+export declare function normalizeTableModel(widget: {
+    headers?: unknown;
+    data?: unknown;
+    tableData?: unknown;
+    tablePreviewRows?: unknown;
+}): CustomTableModel | null;
+//# sourceMappingURL=table.d.ts.map

package/dist/components/table/lib/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/lib/table.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAE1F,MAAM,MAAM,iBAAiB,GACzB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtC,MAAM,WAAW,mBAAmB;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;CAClC;AAED,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAEnF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1C,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC;CAC3B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAErD;AAED,wBAAgB,8BAA8B,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAEvF;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElE;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEnE;AAgBD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,WAAW,GAAG,iBAAiB,GAAG,SAAS,CAExF;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,WAAW,EAAE,CAqB/D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,CAKpD;AAED,qFAAqF;AACrF,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,WAAW,EACX,SAAS,EACT,aAAkB,GACnB,EAAE;IACD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,EAAE,OAAO,EAAE,CAAC;IACvB,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC;CAC3B,GAAG,OAAO,EAAE,CAwDZ;AAsBD,0DAA0D;AAC1D,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,GAAG,cAAc,CA8BjF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG,gBAAgB,GAAG,IAAI,CAqB1B"}

package/dist/components/table/lib/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../../src/components/table/lib/table.ts"],"sourcesContent":["/** Client CustomWidget TableWidget — sources, zip-by-index rows, MCP preview fallback. */\n\nexport type TableColumnSource =\n  | { type: 'dataset'; datasetId: string; field: string }\n  | { type: 'chart'; field: string }\n  | { type: 'static'; field: string };\n\nexport interface TableHeaderContains {\n  key?: string;\n  source?: TableColumnSource;\n}\n\nexport interface TableHeader {\n  label: string;\n  contains?: TableHeaderContains[];\n}\n\nexport type DataRow = Record<string, string | number | boolean | null | undefined>;\n\nexport interface TableCellModel {\n  text: string;\n  badge?: 'success' | 'error';\n}\n\nexport interface CustomTableModel {\n  columns: { key: string; label: string }[];\n  cells: TableCellModel[][];\n}\n\nexport function stripDataPrefix(field: string): string {\n  return field.startsWith('data.') ? field.slice('data.'.length) : field;\n}\n\nexport function buildQualifiedDatasetColumnKey(datasetId: string, field: string): string {\n  return `${field}__${datasetId}`;\n}\n\nexport function buildQualifiedChartColumnKey(field: string): string {\n  return `${field}__chart`;\n}\n\nexport function buildQualifiedStaticColumnKey(field: string): string {\n  return `${field}__static`;\n}\n\nfunction parseSource(raw: unknown): TableColumnSource | undefined {\n  if (!raw || typeof raw !== 'object' || Array.isArray(raw)) return undefined;\n  const o = raw as Record<string, unknown>;\n  const field = typeof o.field === 'string' ? stripDataPrefix(o.field.trim()) : '';\n  if (!field) return undefined;\n  if (o.type === 'chart' || o.type === 'static') return { type: o.type, field };\n  if (o.type === 'dataset') {\n    const datasetId = typeof o.datasetId === 'string' ? o.datasetId.trim() : '';\n    if (!datasetId) return undefined;\n    return { type: 'dataset', datasetId, field };\n  }\n  return undefined;\n}\n\nexport function getSourceFromContains(header: TableHeader): TableColumnSource | undefined {\n  return header.contains?.[0]?.source;\n}\n\nexport function parseTableHeaders(input: unknown): TableHeader[] {\n  if (!Array.isArray(input)) return [];\n  const headers: TableHeader[] = [];\n  for (const item of input) {\n    if (!item || typeof item !== 'object' || Array.isArray(item)) continue;\n    const raw = item as Record<string, unknown>;\n    const label = typeof raw.label === 'string' ? raw.label : '';\n    const containsRaw = Array.isArray(raw.contains) ? raw.contains : [];\n    const contains: TableHeaderContains[] = containsRaw.flatMap((entry) => {\n      if (!entry || typeof entry !== 'object' || Array.isArray(entry)) return [];\n      const e = entry as Record<string, unknown>;\n      return [\n        {\n          key: typeof e.key === 'string' ? e.key : undefined,\n          source: parseSource(e.source),\n        },\n      ];\n    });\n    headers.push({ label, contains });\n  }\n  return headers;\n}\n\nexport function asDataRows(input: unknown): DataRow[] {\n  if (!Array.isArray(input)) return [];\n  return input.filter(\n    (row): row is DataRow => !!row && typeof row === 'object' && !Array.isArray(row),\n  ) as DataRow[];\n}\n\n/** Client `buildLiveTableRowsFromSources` — zip sources by row index, not a join. */\nexport function buildLiveTableRowsFromSources({\n  headers,\n  datasetRows,\n  chartRows,\n  tableDataRows = [],\n}: {\n  headers: TableHeader[];\n  datasetRows: DataRow[];\n  chartRows: DataRow[];\n  tableDataRows?: DataRow[];\n}): DataRow[] {\n  const sourcedHeaders = headers.filter((header) => Boolean(getSourceFromContains(header)));\n  if (!sourcedHeaders.length) return [];\n\n  const needsDataset = sourcedHeaders.some((h) => getSourceFromContains(h)?.type === 'dataset');\n  const needsChart = sourcedHeaders.some((h) => getSourceFromContains(h)?.type === 'chart');\n  const needsStatic = sourcedHeaders.some((h) => getSourceFromContains(h)?.type === 'static');\n\n  const rowCount = Math.max(\n    needsDataset ? datasetRows.length : 0,\n    needsChart ? chartRows.length : 0,\n    needsStatic ? tableDataRows.length : 0,\n    0,\n  );\n\n  const rows: DataRow[] = [];\n  for (let index = 0; index < rowCount; index += 1) {\n    const row: DataRow = {};\n    for (const header of sourcedHeaders) {\n      const contains = header.contains?.[0];\n      const source = getSourceFromContains(header);\n      if (!contains || !source) continue;\n\n      if (source.type === 'chart') {\n        const chartField = stripDataPrefix(source.field);\n        const outputKey = contains.key || buildQualifiedChartColumnKey(chartField);\n        row[outputKey] =\n          chartRows[index]?.[chartField] ?? chartRows[index]?.[source.field] ?? null;\n        continue;\n      }\n\n      if (source.type === 'static') {\n        const staticField = stripDataPrefix(source.field);\n        const outputKey = contains.key || buildQualifiedStaticColumnKey(staticField);\n        row[outputKey] =\n          tableDataRows[index]?.[staticField] ??\n          tableDataRows[index]?.[source.field] ??\n          tableDataRows[index]?.[outputKey] ??\n          null;\n        continue;\n      }\n\n      const bareField = stripDataPrefix(source.field);\n      const outputKey = contains.key || buildQualifiedDatasetColumnKey(source.datasetId, bareField);\n      const qualifiedKey = buildQualifiedDatasetColumnKey(source.datasetId, bareField);\n      const legacyQualified = buildQualifiedDatasetColumnKey(source.datasetId, source.field);\n      row[outputKey] =\n        datasetRows[index]?.[qualifiedKey] ??\n        datasetRows[index]?.[legacyQualified] ??\n        datasetRows[index]?.[bareField] ??\n        datasetRows[index]?.[source.field] ??\n        null;\n    }\n    rows.push(row);\n  }\n  return rows;\n}\n\nfunction formatJsonToReadable(value: unknown): string | undefined {\n  if (!value) return undefined;\n  let obj: Record<string, unknown> | null = null;\n  if (typeof value === 'object' && !Array.isArray(value)) {\n    obj = value as Record<string, unknown>;\n  } else if (typeof value === 'string') {\n    const trimmed = value.trim();\n    if (!trimmed.startsWith('{') || !trimmed.endsWith('}')) return undefined;\n    try {\n      obj = JSON.parse(trimmed) as Record<string, unknown>;\n    } catch {\n      return undefined;\n    }\n  }\n  if (!obj) return undefined;\n  return Object.entries(obj)\n    .map(([key, val]) => `${key} : ${String(val)}`)\n    .join(', ');\n}\n\n/** Client `getCellValue` — stringify + Findings badge. */\nexport function formatTableCell(header: TableHeader, row: DataRow): TableCellModel {\n  const contains = header.contains?.[0];\n  const source = getSourceFromContains(header);\n  const bareField = (source?.field ?? '').replace(/^data\\./, '');\n  const keyField =\n    contains?.key ||\n    (source?.type === 'dataset'\n      ? `${bareField}__${source.datasetId}`\n      : source?.type === 'chart'\n        ? `${bareField}__chart`\n        : source?.type === 'static'\n          ? `${bareField}__static`\n          : '');\n  if (!keyField) return { text: '-' };\n\n  const rawValue = row[keyField];\n  const modelValue = formatJsonToReadable(rawValue);\n  const cellValue =\n    modelValue ??\n    (rawValue == null\n      ? undefined\n      : typeof rawValue === 'string' || typeof rawValue === 'number' || typeof rawValue === 'boolean'\n        ? String(rawValue)\n        : JSON.stringify(rawValue));\n  const text = cellValue ?? '-';\n\n  if (keyField.toLowerCase() === 'findings') {\n    return { text, badge: text === 'Optimal' ? 'success' : 'error' };\n  }\n  return { text };\n}\n\nexport function normalizeTableModel(widget: {\n  headers?: unknown;\n  data?: unknown;\n  tableData?: unknown;\n  tablePreviewRows?: unknown;\n}): CustomTableModel | null {\n  const headers = parseTableHeaders(widget.headers);\n  if (!headers.length) return null;\n  if (headers.some((header) => !getSourceFromContains(header))) return null;\n\n  const rows = buildLiveTableRowsFromSources({\n    headers,\n    datasetRows: asDataRows(widget.tablePreviewRows),\n    chartRows: asDataRows(widget.data),\n    tableDataRows: asDataRows(widget.tableData),\n  });\n\n  const columns = headers.map((header, index) => ({\n    key: header.contains?.[0]?.key || `col-${index}`,\n    label: header.label || header.contains?.[0]?.key || `Column ${index + 1}`,\n  }));\n\n  return {\n    columns,\n    cells: rows.map((row) => headers.map((header) => formatTableCell(header, row))),\n  };\n}\n"],"names":["_a","outputKey"],"mappings":"AA6BO,SAAS,gBAAgB,OAAuB;AACrD,SAAO,MAAM,WAAW,OAAO,IAAI,MAAM,MAAM,QAAQ,MAAM,IAAI;AACnE;AAEO,SAAS,+BAA+B,WAAmB,OAAuB;AACvF,SAAO,GAAG,KAAK,KAAK,SAAS;AAC/B;AAEO,SAAS,6BAA6B,OAAuB;AAClE,SAAO,GAAG,KAAK;AACjB;AAEO,SAAS,8BAA8B,OAAuB;AACnE,SAAO,GAAG,KAAK;AACjB;AAEA,SAAS,YAAY,KAA6C;AAChE,MAAI,CAAC,OAAO,OAAO,QAAQ,YAAY,MAAM,QAAQ,GAAG,EAAG,QAAO;AAClE,QAAM,IAAI;AACV,QAAM,QAAQ,OAAO,EAAE,UAAU,WAAW,gBAAgB,EAAE,MAAM,KAAA,CAAM,IAAI;AAC9E,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAU,QAAO,EAAE,MAAM,EAAE,MAAM,MAAA;AACtE,MAAI,EAAE,SAAS,WAAW;AACxB,UAAM,YAAY,OAAO,EAAE,cAAc,WAAW,EAAE,UAAU,SAAS;AACzE,QAAI,CAAC,UAAW,QAAO;AACvB,WAAO,EAAE,MAAM,WAAW,WAAW,MAAA;AAAA,EACvC;AACA,SAAO;AACT;AAEO,SAAS,sBAAsB,QAAoD;AA9BnF;AA+BL,UAAO,kBAAO,aAAP,mBAAkB,OAAlB,mBAAsB;AAC/B;AAEO,SAAS,kBAAkB,OAA+B;AAC/D,MAAI,CAAC,MAAM,QAAQ,KAAK,UAAU,CAAA;AAClC,QAAM,UAAyB,CAAA;AAC/B,aAAW,QAAQ,OAAO;AACxB,QAAI,CAAC,QAAQ,OAAO,SAAS,YAAY,MAAM,QAAQ,IAAI,EAAG;AAC9D,UAAM,MAAM;AACZ,UAAM,QAAQ,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ;AAC1D,UAAM,cAAc,MAAM,QAAQ,IAAI,QAAQ,IAAI,IAAI,WAAW,CAAA;AACjE,UAAM,WAAkC,YAAY,QAAQ,CAAC,UAAU;AACrE,UAAI,CAAC,SAAS,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,EAAG,QAAO,CAAA;AACxE,YAAM,IAAI;AACV,aAAO;AAAA,QACL;AAAA,UACE,KAAK,OAAO,EAAE,QAAQ,WAAW,EAAE,MAAM;AAAA,UACzC,QAAQ,YAAY,EAAE,MAAM;AAAA,QAAA;AAAA,MAC9B;AAAA,IAEJ,CAAC;AACD,YAAQ,KAAK,EAAE,OAAO,SAAA,CAAU;AAAA,EAClC;AACA,SAAO;AACT;AAEO,SAAS,WAAW,OAA2B;AACpD,MAAI,CAAC,MAAM,QAAQ,KAAK,UAAU,CAAA;AAClC,SAAO,MAAM;AAAA,IACX,CAAC,QAAwB,CAAC,CAAC,OAAO,OAAO,QAAQ,YAAY,CAAC,MAAM,QAAQ,GAAG;AAAA,EAAA;AAEnF;AAGO,SAAS,8BAA8B;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB,CAAA;AAClB,GAKc;AA3EP;AA4EL,QAAM,iBAAiB,QAAQ,OAAO,CAAC,WAAW,QAAQ,sBAAsB,MAAM,CAAC,CAAC;AACxF,MAAI,CAAC,eAAe,OAAQ,QAAO,CAAA;AAEnC,QAAM,eAAe,eAAe,KAAK,CAAC;AA/ErC,QAAAA;AA+E2C,aAAAA,MAAA,sBAAsB,CAAC,MAAvB,gBAAAA,IAA0B,UAAS;AAAA,GAAS;AAC5F,QAAM,aAAa,eAAe,KAAK,CAAC;AAhFnC,QAAAA;AAgFyC,aAAAA,MAAA,sBAAsB,CAAC,MAAvB,gBAAAA,IAA0B,UAAS;AAAA,GAAO;AACxF,QAAM,cAAc,eAAe,KAAK,CAAC;AAjFpC,QAAAA;AAiF0C,aAAAA,MAAA,sBAAsB,CAAC,MAAvB,gBAAAA,IAA0B,UAAS;AAAA,GAAQ;AAE1F,QAAM,WAAW,KAAK;AAAA,IACpB,eAAe,YAAY,SAAS;AAAA,IACpC,aAAa,UAAU,SAAS;AAAA,IAChC,cAAc,cAAc,SAAS;AAAA,IACrC;AAAA,EAAA;AAGF,QAAM,OAAkB,CAAA;AACxB,WAAS,QAAQ,GAAG,QAAQ,UAAU,SAAS,GAAG;AAChD,UAAM,MAAe,CAAA;AACrB,eAAW,UAAU,gBAAgB;AACnC,YAAM,YAAW,YAAO,aAAP,mBAAkB;AACnC,YAAM,SAAS,sBAAsB,MAAM;AAC3C,UAAI,CAAC,YAAY,CAAC,OAAQ;AAE1B,UAAI,OAAO,SAAS,SAAS;AAC3B,cAAM,aAAa,gBAAgB,OAAO,KAAK;AAC/C,cAAMC,aAAY,SAAS,OAAO,6BAA6B,UAAU;AACzE,YAAIA,UAAS,MACX,eAAU,KAAK,MAAf,mBAAmB,kBAAe,eAAU,KAAK,MAAf,mBAAmB,OAAO,WAAU;AACxE;AAAA,MACF;AAEA,UAAI,OAAO,SAAS,UAAU;AAC5B,cAAM,cAAc,gBAAgB,OAAO,KAAK;AAChD,cAAMA,aAAY,SAAS,OAAO,8BAA8B,WAAW;AAC3E,YAAIA,UAAS,MACX,mBAAc,KAAK,MAAnB,mBAAuB,mBACvB,mBAAc,KAAK,MAAnB,mBAAuB,OAAO,aAC9B,mBAAc,KAAK,MAAnB,mBAAuBA,gBACvB;AACF;AAAA,MACF;AAEA,YAAM,YAAY,gBAAgB,OAAO,KAAK;AAC9C,YAAM,YAAY,SAAS,OAAO,+BAA+B,OAAO,WAAW,SAAS;AAC5F,YAAM,eAAe,+BAA+B,OAAO,WAAW,SAAS;AAC/E,YAAM,kBAAkB,+BAA+B,OAAO,WAAW,OAAO,KAAK;AACrF,UAAI,SAAS,MACX,iBAAY,KAAK,MAAjB,mBAAqB,oBACrB,iBAAY,KAAK,MAAjB,mBAAqB,uBACrB,iBAAY,KAAK,MAAjB,mBAAqB,iBACrB,iBAAY,KAAK,MAAjB,mBAAqB,OAAO,WAC5B;AAAA,IACJ;AACA,SAAK,KAAK,GAAG;AAAA,EACf;AACA,SAAO;AACT;AAEA,SAAS,qBAAqB,OAAoC;AAChE,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,MAAsC;AAC1C,MAAI,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK,GAAG;AACtD,UAAM;AAAA,EACR,WAAW,OAAO,UAAU,UAAU;AACpC,UAAM,UAAU,MAAM,KAAA;AACtB,QAAI,CAAC,QAAQ,WAAW,GAAG,KAAK,CAAC,QAAQ,SAAS,GAAG,EAAG,QAAO;AAC/D,QAAI;AACF,YAAM,KAAK,MAAM,OAAO;AAAA,IAC1B,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF;AACA,MAAI,CAAC,IAAK,QAAO;AACjB,SAAO,OAAO,QAAQ,GAAG,EACtB,IAAI,CAAC,CAAC,KAAK,GAAG,MAAM,GAAG,GAAG,MAAM,OAAO,GAAG,CAAC,EAAE,EAC7C,KAAK,IAAI;AACd;AAGO,SAAS,gBAAgB,QAAqB,KAA8B;AA1J5E;AA2JL,QAAM,YAAW,YAAO,aAAP,mBAAkB;AACnC,QAAM,SAAS,sBAAsB,MAAM;AAC3C,QAAM,cAAa,iCAAQ,UAAS,IAAI,QAAQ,WAAW,EAAE;AAC7D,QAAM,YACJ,qCAAU,UACT,iCAAQ,UAAS,YACd,GAAG,SAAS,KAAK,OAAO,SAAS,MACjC,iCAAQ,UAAS,UACf,GAAG,SAAS,aACZ,iCAAQ,UAAS,WACf,GAAG,SAAS,aACZ;AACV,MAAI,CAAC,SAAU,QAAO,EAAE,MAAM,IAAA;AAE9B,QAAM,WAAW,IAAI,QAAQ;AAC7B,QAAM,aAAa,qBAAqB,QAAQ;AAChD,QAAM,YACJ,eACC,YAAY,OACT,SACA,OAAO,aAAa,YAAY,OAAO,aAAa,YAAY,OAAO,aAAa,YAClF,OAAO,QAAQ,IACf,KAAK,UAAU,QAAQ;AAC/B,QAAM,OAAO,aAAa;AAE1B,MAAI,SAAS,YAAA,MAAkB,YAAY;AACzC,WAAO,EAAE,MAAM,OAAO,SAAS,YAAY,YAAY,QAAA;AAAA,EACzD;AACA,SAAO,EAAE,KAAA;AACX;AAEO,SAAS,oBAAoB,QAKR;AAC1B,QAAM,UAAU,kBAAkB,OAAO,OAAO;AAChD,MAAI,CAAC,QAAQ,OAAQ,QAAO;AAC5B,MAAI,QAAQ,KAAK,CAAC,WAAW,CAAC,sBAAsB,MAAM,CAAC,EAAG,QAAO;AAErE,QAAM,OAAO,8BAA8B;AAAA,IACzC;AAAA,IACA,aAAa,WAAW,OAAO,gBAAgB;AAAA,IAC/C,WAAW,WAAW,OAAO,IAAI;AAAA,IACjC,eAAe,WAAW,OAAO,SAAS;AAAA,EAAA,CAC3C;AAED,QAAM,UAAU,QAAQ,IAAI,CAAC,QAAQ,UAAA;AA3MhC;AA2M2C;AAAA,MAC9C,OAAK,kBAAO,aAAP,mBAAkB,OAAlB,mBAAsB,QAAO,OAAO,KAAK;AAAA,MAC9C,OAAO,OAAO,WAAS,kBAAO,aAAP,mBAAkB,OAAlB,mBAAsB,QAAO,UAAU,QAAQ,CAAC;AAAA,IAAA;AAAA,GACvE;AAEF,SAAO;AAAA,IACL;AAAA,IACA,OAAO,KAAK,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,WAAW,gBAAgB,QAAQ,GAAG,CAAC,CAAC;AAAA,EAAA;AAElF;"}

package/dist/components/table/metadata.json.d.ts

@@ -0,0 +1,88 @@
+declare const _default: {
+  "id": "table",
+  "tag": "ui9000-table",
+  "title": "Evidence Table",
+  "description": "Snapshot table. Columns + rows; dataset source uses tablePreviewRows, chart uses data, static uses tableData. No live select.",
+  "chartTypeKeys": [],
+  "source": "ui9000-widgets Stage 2 close-out",
+  "stack": "lit",
+  "lazyImport": "@ui9000/widgets/lazy/table",
+  "entry": "@ui9000/widgets/table",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": [
+    "select",
+    "resize"
+  ],
+  "tier": "engine",
+  "intents": [
+    "evidence",
+    "summary"
+  ],
+  "dataRoles": [
+    {
+      "id": "rows",
+      "required": true,
+      "description": "Tabular rows with named columns (evidence snapshot)."
+    }
+  ],
+  "eligibility": [
+    {
+      "when": "profile.hasTabularRows && profile.rowCount >= 1",
+      "reason": "Table shows a snapshot of rows and columns."
+    }
+  ],
+  "disqualify": [
+    {
+      "when": "!profile.hasTabularRows",
+      "reason": "Without rows a table is empty; use text or entity-detail."
+    }
+  ],
+  "accessibility": {
+    "nameFrom": "title or first column header",
+    "keyboard": [
+      "Tab into table container"
+    ],
+    "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element."
+  },
+  "evalCases": [
+    {
+      "id": "table-picks-rows",
+      "intent": "evidence",
+      "profile": {
+        "hasTabularRows": true,
+        "rowCount": 12
+      },
+      "expect": "eligible",
+      "reasonIncludes": "snapshot"
+    },
+    {
+      "id": "table-rejects-empty",
+      "intent": "evidence",
+      "profile": {
+        "hasTabularRows": false
+      },
+      "expect": "disqualified",
+      "reasonIncludes": "empty"
+    }
+  ],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "type": "object",
+        "description": "CustomTableModel or FuseDash widget with headers"
+      }
+    },
+    "required": [
+      "data"
+    ]
+  }
+}
+;
+
+export default _default;