@fusedashlabs/widgets 0.4.5 → 0.6.0

package/dist/components/chart-renderer/element/ui9000-chart-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-chart-renderer.js","sources":["../../../../src/components/chart-renderer/element/ui9000-chart-renderer.ts"],"sourcesContent":["import { loadChart } from '../../../lazy/index.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport {\n  resolveChartTarget,\n  resolveWidgetChartType,\n  type ChartTargetAttrs,\n} from '../lib/index.js';\nimport { chartRendererStyles } from './styles.js';\n\nfunction applyTargetAttrs(el: HTMLElement, attrs?: ChartTargetAttrs): void {\n  if (!attrs) return;\n  for (const [key, value] of Object.entries(attrs)) {\n    if (typeof value === 'boolean') {\n      if (value) el.setAttribute(key, '');\n      else el.removeAttribute(key);\n    } else {\n      el.setAttribute(key, String(value));\n    }\n  }\n}\n\nexport class Ui9000ChartRenderer extends HTMLElement {\n  static get observedAttributes(): string[] {\n    return [\n      'data',\n      'chart-type',\n      'scale',\n      'show-grid',\n      'show-legend',\n      'show-tooltip',\n      'show-header',\n      'embedded',\n      'chart-title',\n      'mapbox-token',\n      'geojson-base-url',\n      'pmtiles-base-url',\n    ];\n  }\n\n  private _host: HTMLDivElement | null = null;\n  private _empty: HTMLDivElement | null = null;\n  private _mountToken = 0;\n\n  connectedCallback(): void {\n    if (this._host) return;\n    const root = this.attachShadow({ mode: 'open' });\n    const style = document.createElement('style');\n    style.textContent = chartRendererStyles.cssText;\n    root.appendChild(style);\n\n    this._host = document.createElement('div');\n    this._host.className = 'host';\n    this._host.part = 'chart';\n    root.appendChild(this._host);\n\n    this._empty = document.createElement('div');\n    this._empty.className = 'empty';\n    this._empty.part = 'empty';\n    this._empty.hidden = true;\n    root.appendChild(this._empty);\n\n    void this.mountChart();\n  }\n\n  attributeChangedCallback(): void {\n    if (this._host) void this.mountChart();\n  }\n\n  private get dataJson(): string {\n    return this.getAttribute('data') ?? '{}';\n  }\n\n  private get chartTypeAttr(): string {\n    return this.getAttribute('chart-type') ?? '';\n  }\n\n  private get scale(): WidgetScale {\n    return (this.getAttribute('scale') as WidgetScale) || 'default';\n  }\n\n  private applyBoolProp(el: HTMLElement, attr: string, prop: string): void {\n    if (!this.hasAttribute(attr)) return;\n    const on = this.getAttribute(attr) !== 'false';\n    (el as unknown as Record<string, unknown>)[prop] = on;\n  }\n\n  private copyHostAttr(el: HTMLElement, name: string): void {\n    const value = this.getAttribute(name);\n    if (value) el.setAttribute(name, value);\n    else el.removeAttribute(name);\n  }\n\n  private boolAttr(name: string): boolean | undefined {\n    if (!this.hasAttribute(name)) return undefined;\n    return this.getAttribute(name) !== 'false';\n  }\n\n  private showEmpty(message: string, detail?: string): void {\n    if (!this._empty || !this._host) return;\n    this._host.replaceChildren();\n    this._host.hidden = true;\n    this._empty.hidden = false;\n    this._empty.replaceChildren();\n    const strong = document.createElement('strong');\n    strong.textContent = message;\n    this._empty.appendChild(strong);\n    if (detail) {\n      const p = document.createElement('span');\n      p.textContent = detail;\n      this._empty.appendChild(p);\n    }\n  }\n\n  private async mountChart(): Promise<void> {\n    if (!this._host || !this._empty) return;\n    const token = ++this._mountToken;\n\n    const chartType = resolveWidgetChartType(this.dataJson, this.chartTypeAttr);\n    if (!chartType) {\n      this.showEmpty('No chart type', 'Pass chart-type or a widget payload with chartType.');\n      return;\n    }\n\n    const target = resolveChartTarget(chartType);\n    if (!target) {\n      this.showEmpty(\n        'Unsupported chart type',\n        `\"${chartType}\" is not available in @ui9000/widgets yet.`,\n      );\n      return;\n    }\n\n    try {\n      await loadChart(target.kind);\n    } catch {\n      if (token !== this._mountToken) return;\n      this.showEmpty('Failed to load chart', target.kind);\n      return;\n    }\n\n    if (token !== this._mountToken) return;\n\n    const widget = parseJsonAttr<{ name?: string } | null>(this.dataJson, null);\n    const title =\n      this.getAttribute('show-header') === 'false'\n        ? ''\n        : this.getAttribute('chart-title')?.trim() ||\n          (widget && typeof widget === 'object' ? widget.name?.trim() : '') ||\n          '';\n\n    let el = this._host.firstElementChild as HTMLElement | null;\n    const reuse = !!el && el.tagName.toLowerCase() === target.tag;\n    if (!reuse) {\n      el = document.createElement(target.tag);\n    }\n    if (!el) return;\n\n    el.setAttribute('data', this.dataJson);\n    el.setAttribute('scale', this.scale);\n    if (title) el.setAttribute('chart-title', title);\n    else el.removeAttribute('chart-title');\n    if (this.getAttribute('show-header') === 'false')\n      el.setAttribute('show-header', 'false');\n    else el.removeAttribute('show-header');\n\n    const showGrid = this.boolAttr('show-grid');\n    const showLegend = this.boolAttr('show-legend');\n    const showTooltip = this.boolAttr('show-tooltip');\n    if (showGrid !== undefined) {\n      if (showGrid) el.setAttribute('show-grid', '');\n      else el.setAttribute('show-grid', 'false');\n    }\n    if (showLegend !== undefined) {\n      if (showLegend) el.setAttribute('show-legend', '');\n      else el.setAttribute('show-legend', 'false');\n    }\n    if (showTooltip !== undefined) {\n      if (showTooltip) el.setAttribute('show-tooltip', '');\n      else el.setAttribute('show-tooltip', 'false');\n    }\n    this.applyBoolProp(el, 'show-header', 'showHeader');\n    this.applyBoolProp(el, 'show-grid', 'showGrid');\n    this.applyBoolProp(el, 'show-legend', 'showLegend');\n    this.applyBoolProp(el, 'show-tooltip', 'showTooltip');\n\n    applyTargetAttrs(el, target.attrs);\n    this.copyHostAttr(el, 'mapbox-token');\n    this.copyHostAttr(el, 'geojson-base-url');\n    this.copyHostAttr(el, 'pmtiles-base-url');\n    el.style.display = 'block';\n    el.style.width = '100%';\n    el.style.height = '100%';\n    if (this.hasAttribute('embedded')) {\n      el.setAttribute('embedded', '');\n      el.style.minHeight = '0';\n      el.style.setProperty('--ui9000-host-min-height', '0');\n      el.style.setProperty('--ui9000-plot-min-height', '0');\n    } else {\n      el.removeAttribute('embedded');\n    }\n\n    if (!reuse) {\n      this._host.replaceChildren();\n      this._host.appendChild(el);\n    }\n\n    this._empty.hidden = true;\n    this._host.hidden = false;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-chart-renderer': Ui9000ChartRenderer;\n  }\n}\n\nexport function registerChartRenderer(): void {\n  if (!customElements.get('ui9000-chart-renderer')) {\n    customElements.define('ui9000-chart-renderer', Ui9000ChartRenderer);\n  }\n}\n\nregisterChartRenderer();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ui9000-chart-renderer.js","sources":["../../../../src/components/chart-renderer/element/ui9000-chart-renderer.ts"],"sourcesContent":["import type { WidgetHeaderHandlers } from '../../../element/widget-header.js';\nimport { loadChart } from '../../../lazy/index.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport {\n  resolveChartTarget,\n  resolveWidgetChartType,\n  type ChartTargetAttrs,\n} from '../lib/index.js';\nimport { chartRendererStyles } from './styles.js';\n\nfunction applyTargetAttrs(el: HTMLElement, attrs?: ChartTargetAttrs): void {\n  if (!attrs) return;\n  for (const [key, value] of Object.entries(attrs)) {\n    if (typeof value === 'boolean') {\n      if (value) el.setAttribute(key, '');\n      else el.removeAttribute(key);\n    } else {\n      el.setAttribute(key, String(value));\n    }\n  }\n}\n\nexport class Ui9000ChartRenderer extends HTMLElement {\n  static get observedAttributes(): string[] {\n    return [\n      'data',\n      'chart-type',\n      'scale',\n      'show-grid',\n      'show-legend',\n      'show-tooltip',\n      'show-header',\n      'header-variant',\n      'embedded',\n      'chart-title',\n      'mapbox-token',\n      'geojson-base-url',\n      'pmtiles-base-url',\n    ];\n  }\n\n  private _host: HTMLDivElement | null = null;\n  private _empty: HTMLDivElement | null = null;\n  private _mountToken = 0;\n  private _headerHandlers: WidgetHeaderHandlers = {};\n\n  get headerHandlers(): WidgetHeaderHandlers {\n    return this._headerHandlers;\n  }\n\n  set headerHandlers(value: WidgetHeaderHandlers) {\n    this._headerHandlers = value ?? {};\n    const chart = this._host?.firstElementChild;\n    if (chart instanceof HTMLElement) this.applyHeaderHandlers(chart);\n  }\n\n  connectedCallback(): void {\n    if (this._host) return;\n    const root = this.attachShadow({ mode: 'open' });\n    const style = document.createElement('style');\n    style.textContent = chartRendererStyles.cssText;\n    root.appendChild(style);\n\n    this._host = document.createElement('div');\n    this._host.className = 'host';\n    this._host.part = 'chart';\n    root.appendChild(this._host);\n\n    this._empty = document.createElement('div');\n    this._empty.className = 'empty';\n    this._empty.part = 'empty';\n    this._empty.hidden = true;\n    root.appendChild(this._empty);\n\n    void this.mountChart();\n  }\n\n  attributeChangedCallback(): void {\n    if (this._host) void this.mountChart();\n  }\n\n  /** In-memory payload. Not mirrored to the `data` attribute — Storybook's HTML source pass splits quotes there and JSON.parse then fails at column 2. */\n  private _widgetJson: string | null = null;\n\n  private get dataJson(): string {\n    return this._widgetJson ?? this.getAttribute('data') ?? '{}';\n  }\n\n  get widgetJson(): string {\n    return this.dataJson;\n  }\n\n  set widgetJson(value: string) {\n    const next = value && value.trim() ? value : '{}';\n    if (next === this._widgetJson) return;\n    this._widgetJson = next;\n    if (this._host) void this.mountChart();\n  }\n\n  private get chartTypeAttr(): string {\n    return this.getAttribute('chart-type') ?? '';\n  }\n\n  private get scale(): WidgetScale {\n    return (this.getAttribute('scale') as WidgetScale) || 'default';\n  }\n\n  private applyBoolProp(el: HTMLElement, attr: string, prop: string): void {\n    if (!this.hasAttribute(attr)) return;\n    const on = this.getAttribute(attr) !== 'false';\n    (el as unknown as Record<string, unknown>)[prop] = on;\n  }\n\n  private applyHeaderVariant(el: HTMLElement): void {\n    const variant = this.getAttribute('header-variant');\n    if (variant === 'dash' || variant === 'chat') el.setAttribute('header-variant', variant);\n    else el.removeAttribute('header-variant');\n  }\n\n  private applyHeaderHandlers(el: HTMLElement): void {\n    if (!('headerHandlers' in el)) return;\n    (el as HTMLElement & { headerHandlers: WidgetHeaderHandlers }).headerHandlers =\n      this._headerHandlers;\n  }\n\n  private copyHostAttr(el: HTMLElement, name: string): void {\n    const value = this.getAttribute(name);\n    if (value) el.setAttribute(name, value);\n    else el.removeAttribute(name);\n  }\n\n  private boolAttr(name: string): boolean | undefined {\n    if (!this.hasAttribute(name)) return undefined;\n    return this.getAttribute(name) !== 'false';\n  }\n\n  private showEmpty(message: string, detail?: string): void {\n    if (!this._empty || !this._host) return;\n    this._host.replaceChildren();\n    this._host.hidden = true;\n    this._empty.hidden = false;\n    this._empty.replaceChildren();\n    const strong = document.createElement('strong');\n    strong.textContent = message;\n    this._empty.appendChild(strong);\n    if (detail) {\n      const p = document.createElement('span');\n      p.textContent = detail;\n      this._empty.appendChild(p);\n    }\n  }\n\n  private async mountChart(): Promise<void> {\n    if (!this._host || !this._empty) return;\n    const token = ++this._mountToken;\n\n    const chartType = resolveWidgetChartType(this.dataJson, this.chartTypeAttr);\n    if (!chartType) {\n      this.showEmpty('No chart type', 'Pass chart-type or a widget payload with chartType.');\n      return;\n    }\n\n    const target = resolveChartTarget(chartType);\n    if (!target) {\n      this.showEmpty(\n        'Unsupported chart type',\n        `\"${chartType}\" is not available in @ui9000/widgets yet.`,\n      );\n      return;\n    }\n\n    try {\n      await loadChart(target.kind);\n    } catch {\n      if (token !== this._mountToken) return;\n      this.showEmpty('Failed to load chart', target.kind);\n      return;\n    }\n\n    if (token !== this._mountToken) return;\n\n    const widget = parseJsonAttr<{ name?: string } | null>(this.dataJson, null);\n    const title =\n      this.getAttribute('show-header') === 'false'\n        ? ''\n        : this.getAttribute('chart-title')?.trim() ||\n          (widget && typeof widget === 'object' ? widget.name?.trim() : '') ||\n          '';\n\n    let el = this._host.firstElementChild as HTMLElement | null;\n    const reuse = !!el && el.tagName.toLowerCase() === target.tag;\n    if (!reuse) {\n      el = document.createElement(target.tag);\n    }\n    if (!el) return;\n\n    const payload = this.dataJson;\n    const dataProp = el as HTMLElement & { dataJson?: string };\n    if ('dataJson' in el) dataProp.dataJson = payload;\n    else el.setAttribute('data', payload);\n    el.setAttribute('scale', this.scale);\n    if (title) el.setAttribute('chart-title', title);\n    else el.removeAttribute('chart-title');\n    if (this.getAttribute('show-header') === 'false')\n      el.setAttribute('show-header', 'false');\n    else el.removeAttribute('show-header');\n    this.applyHeaderVariant(el);\n    this.applyHeaderHandlers(el);\n\n    const showGrid = this.boolAttr('show-grid');\n    const showLegend = this.boolAttr('show-legend');\n    const showTooltip = this.boolAttr('show-tooltip');\n    if (showGrid !== undefined) {\n      if (showGrid) el.setAttribute('show-grid', '');\n      else el.setAttribute('show-grid', 'false');\n    }\n    if (showLegend !== undefined) {\n      if (showLegend) el.setAttribute('show-legend', '');\n      else el.setAttribute('show-legend', 'false');\n    }\n    if (showTooltip !== undefined) {\n      if (showTooltip) el.setAttribute('show-tooltip', '');\n      else el.setAttribute('show-tooltip', 'false');\n    }\n    this.applyBoolProp(el, 'show-header', 'showHeader');\n    this.applyBoolProp(el, 'show-grid', 'showGrid');\n    this.applyBoolProp(el, 'show-legend', 'showLegend');\n    this.applyBoolProp(el, 'show-tooltip', 'showTooltip');\n\n    applyTargetAttrs(el, target.attrs);\n    this.copyHostAttr(el, 'mapbox-token');\n    this.copyHostAttr(el, 'geojson-base-url');\n    this.copyHostAttr(el, 'pmtiles-base-url');\n    el.style.display = 'block';\n    el.style.width = '100%';\n    el.style.height = '100%';\n    if (this.hasAttribute('embedded')) {\n      el.setAttribute('embedded', '');\n      el.style.minHeight = '0';\n      el.style.setProperty('--ui9000-host-min-height', '0');\n      el.style.setProperty('--ui9000-plot-min-height', '0');\n    } else {\n      el.removeAttribute('embedded');\n    }\n\n    if (!reuse) {\n      this._host.replaceChildren();\n      this._host.appendChild(el);\n    }\n\n    this._empty.replaceChildren();\n    this._empty.hidden = true;\n    this._host.hidden = false;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-chart-renderer': Ui9000ChartRenderer;\n  }\n}\n\nexport function registerChartRenderer(): void {\n  if (!customElements.get('ui9000-chart-renderer')) {\n    customElements.define('ui9000-chart-renderer', Ui9000ChartRenderer);\n  }\n}\n\nregisterChartRenderer();\n"],"names":[],"mappings":"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"}

package/dist/components/chart-renderer/index.js

@@ -1,8 +1,8 @@
 import { registerChartRenderer } from "./element/ui9000-chart-renderer.js";
 import { Ui9000ChartRenderer } from "./element/ui9000-chart-renderer.js";
-import { default as default2 } from "./metadata.json.js";
 import { CHART_TYPE_ALIASES, SUPPORTED_CHART_TYPES, canRenderChartType, resolveChartTarget, resolveRegistryKey } from "./lib/registry.js";
 import { resolveWidgetChartType } from "./lib/resolve-chart-type.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   CHART_TYPE_ALIASES,
   SUPPORTED_CHART_TYPES,

package/dist/components/chart-renderer/lib/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-renderer/lib/registry.ts"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAqB,WAAW,EAAoB,MAAM,YAAY,CAAC;AAEnF,6FAA6F;AAC7F,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAgB/D,CAAC;AA+EF,eAAO,MAAM,qBAAqB,mBAA8C,CAAC;AAEjF,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAI3F;AAED,+EAA+E;AAC/E,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAI3F;AAMD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,OAAO,CAIhF"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-renderer/lib/registry.ts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAqB,WAAW,EAAoB,MAAM,YAAY,CAAC;AAEnF,6FAA6F;AAC7F,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAgB/D,CAAC;AAgFF,eAAO,MAAM,qBAAqB,mBAA8C,CAAC;AAEjF,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAI3F;AAED,+EAA+E;AAC/E,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAI3F;AAMD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,OAAO,CAIhF"}

package/dist/components/chart-renderer/lib/registry.js

@@ -8,6 +8,7 @@ import donutMeta from "../../donut-chart/metadata.json.js";
 import giniImpurityEntropyMeta from "../../gini-impurity-entropy-chart/metadata.json.js";
 import histogramMeta from "../../histogram-chart/metadata.json.js";
 import kpiMeta from "../../kpi-widget/metadata.json.js";
+import statusGaugeMeta from "../../status-gauge-widget/metadata.json.js";
 import lineMeta from "../../line-chart/metadata.json.js";
 import lollipopMeta from "../../lollipop/metadata.json.js";
 import mapChartMeta from "../../map-chart/metadata.json.js";
@@ -57,6 +58,7 @@ const METADATA = [
   giniImpurityEntropyMeta,
   histogramMeta,
   kpiMeta,
+  statusGaugeMeta,
   lineMeta,
   lollipopMeta,
   mapChartMeta,

package/dist/components/chart-renderer/lib/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","sources":["../../../../src/components/chart-renderer/lib/registry.ts"],"sourcesContent":["import type { ChartKind } from '../../../lazy/index.js';\nimport areaChartMeta from '../../area-chart/metadata.json';\nimport areaGroupedBarMeta from '../../area-grouped-bar-chart/metadata.json';\nimport barChartMeta from '../../bar-chart/metadata.json';\nimport biasVarianceTradeoffMeta from '../../bias-variance-tradeoff-chart/metadata.json';\nimport boxPlotMeta from '../../box-plot-chart/metadata.json';\nimport bubbleMeta from '../../bubble-chart/metadata.json';\nimport donutMeta from '../../donut-chart/metadata.json';\nimport giniImpurityEntropyMeta from '../../gini-impurity-entropy-chart/metadata.json';\nimport histogramMeta from '../../histogram-chart/metadata.json';\nimport kpiMeta from '../../kpi-widget/metadata.json';\nimport lineMeta from '../../line-chart/metadata.json';\nimport lollipopMeta from '../../lollipop/metadata.json';\nimport mapChartMeta from '../../map-chart/metadata.json';\nimport matrixMeta from '../../matrix-chart/metadata.json';\nimport networkGraphMeta from '../../network-graph/metadata.json';\nimport parallelCoordinatesMeta from '../../parallel-coordinates-chart/metadata.json';\nimport pieMeta from '../../pie-chart/metadata.json';\nimport polarAreaMeta from '../../polar-area-chart/metadata.json';\nimport punchcardMeta from '../../punchcard-chart/metadata.json';\nimport radarMeta from '../../radar-chart/metadata.json';\nimport radialBarMeta from '../../radial-bar-chart/metadata.json';\nimport sankeyMeta from '../../sankey-chart/metadata.json';\nimport scatterPlotMeta from '../../scatter-plot-chart/metadata.json';\nimport scatterSparklineMeta from '../../scatter-sparkline-chart/metadata.json';\nimport sparkAreaMeta from '../../spark-area-chart/metadata.json';\nimport sparkLineMeta from '../../spark-line-chart/metadata.json';\nimport stepLineMeta from '../../step-line-chart/metadata.json';\nimport treemapMeta from '../../treemap-chart/metadata.json';\nimport violinMeta from '../../violin-chart/metadata.json';\nimport waterfallMeta from '../../waterfall-chart/metadata.json';\nimport partialDependenceMeta from '../../partial-dependence-chart/metadata.json';\nimport type { ChartMetadataLike, ChartTarget, ChartTargetAttrs } from './types.js';\n\n/** FuseDash variant / legacy chartType → registry key (mirrors client chartTypeRegistry). */\nexport const CHART_TYPE_ALIASES: Readonly<Record<string, string>> = {\n  barGroupedChart: 'barGrouped',\n  barStackedChart: 'barStacked',\n  cumulativeBarChart: 'cumulativeBar',\n  barHorizontalChart: 'barHorizontal',\n  barHorizontalGroupedChart: 'barHorizontalGrouped',\n  barHorizontalStackedChart: 'barHorizontalStacked',\n  lollipopGroupedChart: 'lollipopGroupedChart',\n  lollipopStackedChart: 'lollipopStackedChart',\n  lineGroupedChart: 'lineGroupedChart',\n  areaStackedChart: 'areaStackedChart',\n  qqPlot: 'qqPlot',\n  radarChartGrouped: 'radarGroupedChart',\n  /** Client charts mock / MCP spelling */\n  rocPlotChart: 'rocCurveChart',\n  UniversalMap: 'mapChart',\n};\n\nconst METADATA: ChartMetadataLike[] = [\n  areaChartMeta,\n  areaGroupedBarMeta,\n  barChartMeta,\n  biasVarianceTradeoffMeta,\n  boxPlotMeta,\n  bubbleMeta,\n  donutMeta,\n  giniImpurityEntropyMeta,\n  histogramMeta,\n  kpiMeta,\n  lineMeta,\n  lollipopMeta,\n  mapChartMeta,\n  matrixMeta,\n  networkGraphMeta,\n  parallelCoordinatesMeta,\n  pieMeta,\n  polarAreaMeta,\n  punchcardMeta,\n  radarMeta,\n  radialBarMeta,\n  sankeyMeta,\n  scatterPlotMeta,\n  scatterSparklineMeta,\n  sparkAreaMeta,\n  sparkLineMeta,\n  stepLineMeta,\n  treemapMeta,\n  violinMeta,\n  waterfallMeta,\n  partialDependenceMeta,\n];\n\nfunction toDomAttr(camelKey: string): string {\n  return camelKey.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);\n}\n\nfunction attrsFromMap(raw?: Record<string, unknown>): ChartTargetAttrs | undefined {\n  if (!raw) return undefined;\n  const out: ChartTargetAttrs = {};\n  for (const [key, value] of Object.entries(raw)) {\n    if (typeof value === 'string' || typeof value === 'boolean' || typeof value === 'number') {\n      out[toDomAttr(key)] = value;\n    }\n  }\n  return Object.keys(out).length ? out : undefined;\n}\n\nfunction entriesFromMeta(meta: ChartMetadataLike): Record<string, ChartTarget> {\n  const kind = meta.id as ChartKind;\n  const out: Record<string, ChartTarget> = {};\n  for (const chartType of meta.chartTypeKeys ?? []) {\n    out[chartType] = {\n      kind,\n      tag: meta.tag,\n      attrs: attrsFromMap(meta.chartTypeMap?.[chartType]),\n    };\n  }\n  return out;\n}\n\nconst REGISTRY: Record<string, ChartTarget> = METADATA.reduce(\n  (acc, meta) => Object.assign(acc, entriesFromMeta(meta)),\n  {} as Record<string, ChartTarget>,\n);\n\n/** KS / ROC overlays map to step-line `graf-type`. */\nREGISTRY.ksPlotChart = {\n  ...REGISTRY.ksPlotChart,\n  attrs: { 'graf-type': 'curve' },\n};\nREGISTRY.rocCurveChart = {\n  ...REGISTRY.rocCurveChart,\n  attrs: { 'graf-type': 'line' },\n};\n\nexport const SUPPORTED_CHART_TYPES = Object.freeze(Object.keys(REGISTRY).sort());\n\nexport function resolveRegistryKey(chartType: string | undefined | null): string | undefined {\n  if (!chartType?.trim()) return undefined;\n  const trimmed = chartType.trim();\n  return CHART_TYPE_ALIASES[trimmed] ?? trimmed;\n}\n\n/** Resolve FuseDash chartType → lazy ChartKind + host tag + optional attrs. */\nexport function resolveChartTarget(chartType: string | undefined | null): ChartTarget | null {\n  const key = resolveRegistryKey(chartType);\n  if (!key) return null;\n  return REGISTRY[key] ?? null;\n}\n\nconst HOST_NOT_READY = new Set(\n  METADATA.filter((meta) => meta.usageConditions?.hostReady === false).map((meta) => meta.id),\n);\n\nexport function canRenderChartType(chartType: string | undefined | null): boolean {\n  const target = resolveChartTarget(chartType);\n  if (!target) return false;\n  return !HOST_NOT_READY.has(target.kind);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registry.js","sources":["../../../../src/components/chart-renderer/lib/registry.ts"],"sourcesContent":["import type { ChartKind } from '../../../lazy/index.js';\nimport areaChartMeta from '../../area-chart/metadata.json';\nimport areaGroupedBarMeta from '../../area-grouped-bar-chart/metadata.json';\nimport barChartMeta from '../../bar-chart/metadata.json';\nimport biasVarianceTradeoffMeta from '../../bias-variance-tradeoff-chart/metadata.json';\nimport boxPlotMeta from '../../box-plot-chart/metadata.json';\nimport bubbleMeta from '../../bubble-chart/metadata.json';\nimport donutMeta from '../../donut-chart/metadata.json';\nimport giniImpurityEntropyMeta from '../../gini-impurity-entropy-chart/metadata.json';\nimport histogramMeta from '../../histogram-chart/metadata.json';\nimport kpiMeta from '../../kpi-widget/metadata.json';\nimport statusGaugeMeta from '../../status-gauge-widget/metadata.json';\nimport lineMeta from '../../line-chart/metadata.json';\nimport lollipopMeta from '../../lollipop/metadata.json';\nimport mapChartMeta from '../../map-chart/metadata.json';\nimport matrixMeta from '../../matrix-chart/metadata.json';\nimport networkGraphMeta from '../../network-graph/metadata.json';\nimport parallelCoordinatesMeta from '../../parallel-coordinates-chart/metadata.json';\nimport pieMeta from '../../pie-chart/metadata.json';\nimport polarAreaMeta from '../../polar-area-chart/metadata.json';\nimport punchcardMeta from '../../punchcard-chart/metadata.json';\nimport radarMeta from '../../radar-chart/metadata.json';\nimport radialBarMeta from '../../radial-bar-chart/metadata.json';\nimport sankeyMeta from '../../sankey-chart/metadata.json';\nimport scatterPlotMeta from '../../scatter-plot-chart/metadata.json';\nimport scatterSparklineMeta from '../../scatter-sparkline-chart/metadata.json';\nimport sparkAreaMeta from '../../spark-area-chart/metadata.json';\nimport sparkLineMeta from '../../spark-line-chart/metadata.json';\nimport stepLineMeta from '../../step-line-chart/metadata.json';\nimport treemapMeta from '../../treemap-chart/metadata.json';\nimport violinMeta from '../../violin-chart/metadata.json';\nimport waterfallMeta from '../../waterfall-chart/metadata.json';\nimport partialDependenceMeta from '../../partial-dependence-chart/metadata.json';\nimport type { ChartMetadataLike, ChartTarget, ChartTargetAttrs } from './types.js';\n\n/** FuseDash variant / legacy chartType → registry key (mirrors client chartTypeRegistry). */\nexport const CHART_TYPE_ALIASES: Readonly<Record<string, string>> = {\n  barGroupedChart: 'barGrouped',\n  barStackedChart: 'barStacked',\n  cumulativeBarChart: 'cumulativeBar',\n  barHorizontalChart: 'barHorizontal',\n  barHorizontalGroupedChart: 'barHorizontalGrouped',\n  barHorizontalStackedChart: 'barHorizontalStacked',\n  lollipopGroupedChart: 'lollipopGroupedChart',\n  lollipopStackedChart: 'lollipopStackedChart',\n  lineGroupedChart: 'lineGroupedChart',\n  areaStackedChart: 'areaStackedChart',\n  qqPlot: 'qqPlot',\n  radarChartGrouped: 'radarGroupedChart',\n  /** Client charts mock / MCP spelling */\n  rocPlotChart: 'rocCurveChart',\n  UniversalMap: 'mapChart',\n};\n\nconst METADATA: ChartMetadataLike[] = [\n  areaChartMeta,\n  areaGroupedBarMeta,\n  barChartMeta,\n  biasVarianceTradeoffMeta,\n  boxPlotMeta,\n  bubbleMeta,\n  donutMeta,\n  giniImpurityEntropyMeta,\n  histogramMeta,\n  kpiMeta,\n  statusGaugeMeta,\n  lineMeta,\n  lollipopMeta,\n  mapChartMeta,\n  matrixMeta,\n  networkGraphMeta,\n  parallelCoordinatesMeta,\n  pieMeta,\n  polarAreaMeta,\n  punchcardMeta,\n  radarMeta,\n  radialBarMeta,\n  sankeyMeta,\n  scatterPlotMeta,\n  scatterSparklineMeta,\n  sparkAreaMeta,\n  sparkLineMeta,\n  stepLineMeta,\n  treemapMeta,\n  violinMeta,\n  waterfallMeta,\n  partialDependenceMeta,\n];\n\nfunction toDomAttr(camelKey: string): string {\n  return camelKey.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);\n}\n\nfunction attrsFromMap(raw?: Record<string, unknown>): ChartTargetAttrs | undefined {\n  if (!raw) return undefined;\n  const out: ChartTargetAttrs = {};\n  for (const [key, value] of Object.entries(raw)) {\n    if (typeof value === 'string' || typeof value === 'boolean' || typeof value === 'number') {\n      out[toDomAttr(key)] = value;\n    }\n  }\n  return Object.keys(out).length ? out : undefined;\n}\n\nfunction entriesFromMeta(meta: ChartMetadataLike): Record<string, ChartTarget> {\n  const kind = meta.id as ChartKind;\n  const out: Record<string, ChartTarget> = {};\n  for (const chartType of meta.chartTypeKeys ?? []) {\n    out[chartType] = {\n      kind,\n      tag: meta.tag,\n      attrs: attrsFromMap(meta.chartTypeMap?.[chartType]),\n    };\n  }\n  return out;\n}\n\nconst REGISTRY: Record<string, ChartTarget> = METADATA.reduce(\n  (acc, meta) => Object.assign(acc, entriesFromMeta(meta)),\n  {} as Record<string, ChartTarget>,\n);\n\n/** KS / ROC overlays map to step-line `graf-type`. */\nREGISTRY.ksPlotChart = {\n  ...REGISTRY.ksPlotChart,\n  attrs: { 'graf-type': 'curve' },\n};\nREGISTRY.rocCurveChart = {\n  ...REGISTRY.rocCurveChart,\n  attrs: { 'graf-type': 'line' },\n};\n\nexport const SUPPORTED_CHART_TYPES = Object.freeze(Object.keys(REGISTRY).sort());\n\nexport function resolveRegistryKey(chartType: string | undefined | null): string | undefined {\n  if (!chartType?.trim()) return undefined;\n  const trimmed = chartType.trim();\n  return CHART_TYPE_ALIASES[trimmed] ?? trimmed;\n}\n\n/** Resolve FuseDash chartType → lazy ChartKind + host tag + optional attrs. */\nexport function resolveChartTarget(chartType: string | undefined | null): ChartTarget | null {\n  const key = resolveRegistryKey(chartType);\n  if (!key) return null;\n  return REGISTRY[key] ?? null;\n}\n\nconst HOST_NOT_READY = new Set(\n  METADATA.filter((meta) => meta.usageConditions?.hostReady === false).map((meta) => meta.id),\n);\n\nexport function canRenderChartType(chartType: string | undefined | null): boolean {\n  const target = resolveChartTarget(chartType);\n  if (!target) return false;\n  return !HOST_NOT_READY.has(target.kind);\n}\n"],"names":[],"mappings":"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"}

package/dist/components/chart-renderer/metadata.json.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
   "stack": "d3",
   "lazyImport": "@ui9000/widgets/lazy/chart-renderer",
   "entry": "@ui9000/widgets/chart-renderer",
+  "tier": "host",
   "usageConditions": {
     "host": "mcp-chat",
     "notFor": "fusedash-editor",

package/dist/components/chart-renderer/metadata.json.js

@@ -7,6 +7,7 @@ const source = "client/libs/shared/components/src/Widgets/ChartRenderer/";
 const stack = "d3";
 const lazyImport = "@ui9000/widgets/lazy/chart-renderer";
 const entry = "@ui9000/widgets/chart-renderer";
+const tier = "host";
 const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
 const allowedActions = ["resize"];
 const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "type": "object", "description": "FuseDash WidgetItem JSON (must include chartType unless chart-type attribute is set)" }, "chartType": { "type": "string", "description": "Optional override — wins over widget.chartType (matches FuseDash ChartRenderer chartType prop)" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"], "default": "default" }, "showGrid": { "type": "boolean" }, "showLegend": { "type": "boolean" }, "showTooltip": { "type": "boolean" }, "chartTitle": { "type": "string" }, "showHeader": { "type": "boolean", "default": true, "description": "Set false when the host renders its own title (custom-widget) — suppresses the mounted chart's header" } }, "required": ["data"] };
@@ -20,6 +21,7 @@ const metadata = {
   stack,
   lazyImport,
   entry,
+  tier,
   usageConditions,
   allowedActions,
   propsSchema
@@ -36,6 +38,7 @@ export {
   source,
   stack,
   tag,
+  tier,
   title,
   usageConditions
 };

package/dist/components/chart-renderer/metadata.json.js.map

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

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

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export declare class Ui9000Checkbox extends LitElement {
+    static styles: import('lit').CSSResult;
+    dataJson: string;
+    label: string;
+    name: string;
+    value?: string;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export declare function registerCheckbox(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-checkbox': Ui9000Checkbox;
+    }
+}
+//# sourceMappingURL=ui9000-checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/element/ui9000-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAiB;IAEQ,QAAQ,SAAQ;IACnC,KAAK,SAAM;IACX,IAAI,SAAM;IACQ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEpD,MAAM;CAuBhB;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

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

@@ -0,0 +1,71 @@
+import { LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { surfaceStyles } from "../../../element/surface-styles.js";
+import { parseLabelledField } from "../../../lib/labelled-control.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;
+};
+let Ui9000Checkbox = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.dataJson = "{}";
+    this.label = "";
+    this.name = "";
+  }
+  render() {
+    const field = parseLabelledField(this.dataJson, {
+      label: this.label,
+      name: this.name,
+      value: this.value
+    });
+    if (!field) return html`<p class="blocked" role="alert">Label required</p>`;
+    const checked = field.value === "true" || field.value === "on" || field.value === "1";
+    return html`
+      <div class="root row">
+        <input
+          id=${field.name}
+          name=${field.name}
+          type="checkbox"
+          .checked=${checked}
+          @change=${(e) => {
+      this.value = e.target.checked ? "true" : "false";
+    }}
+        />
+        <label for=${field.name}>${field.label}</label>
+      </div>
+    `;
+  }
+};
+Ui9000Checkbox.styles = surfaceStyles;
+__decorateClass([
+  property({ type: String, attribute: "data" })
+], Ui9000Checkbox.prototype, "dataJson", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000Checkbox.prototype, "label", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000Checkbox.prototype, "name", 2);
+__decorateClass([
+  property({ type: String, attribute: false })
+], Ui9000Checkbox.prototype, "value", 2);
+Ui9000Checkbox = __decorateClass([
+  customElement("ui9000-checkbox")
+], Ui9000Checkbox);
+function registerCheckbox() {
+  if (!customElements.get("ui9000-checkbox")) {
+    customElements.define("ui9000-checkbox", Ui9000Checkbox);
+  }
+}
+export {
+  Ui9000Checkbox,
+  registerCheckbox
+};
+//# sourceMappingURL=ui9000-checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-checkbox.js","sources":["../../../../src/components/checkbox/element/ui9000-checkbox.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { surfaceStyles } from '../../../element/surface-styles.js';\nimport { parseLabelledField } from '../../../lib/labelled-control.js';\n\n@customElement('ui9000-checkbox')\nexport class Ui9000Checkbox extends LitElement {\n  static override styles = surfaceStyles;\n\n  @property({ type: String, attribute: 'data' }) dataJson = '{}';\n  @property({ type: String }) label = '';\n  @property({ type: String }) name = '';\n  @property({ type: String, attribute: false }) value?: string;\n\n  override render() {\n    const field = parseLabelledField(this.dataJson, {\n      label: this.label,\n      name: this.name,\n      value: this.value,\n    });\n    if (!field) return html`<p class=\"blocked\" role=\"alert\">Label required</p>`;\n    const checked = field.value === 'true' || field.value === 'on' || field.value === '1';\n    return html`\n      <div class=\"root row\">\n        <input\n          id=${field.name}\n          name=${field.name}\n          type=\"checkbox\"\n          .checked=${checked}\n          @change=${(e: Event) => {\n            this.value = (e.target as HTMLInputElement).checked ? 'true' : 'false';\n          }}\n        />\n        <label for=${field.name}>${field.label}</label>\n      </div>\n    `;\n  }\n}\n\nexport function registerCheckbox(): void {\n  if (!customElements.get('ui9000-checkbox')) {\n    customElements.define('ui9000-checkbox', Ui9000Checkbox);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-checkbox': Ui9000Checkbox;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAOO,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AAG0C,SAAA,WAAW;AAC9B,SAAA,QAAQ;AACR,SAAA,OAAO;AAAA,EAAA;AAAA,EAG1B,SAAS;AAChB,UAAM,QAAQ,mBAAmB,KAAK,UAAU;AAAA,MAC9C,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK;AAAA,MACX,OAAO,KAAK;AAAA,IAAA,CACb;AACD,QAAI,CAAC,MAAO,QAAO;AACnB,UAAM,UAAU,MAAM,UAAU,UAAU,MAAM,UAAU,QAAQ,MAAM,UAAU;AAClF,WAAO;AAAA;AAAA;AAAA,eAGI,MAAM,IAAI;AAAA,iBACR,MAAM,IAAI;AAAA;AAAA,qBAEN,OAAO;AAAA,oBACR,CAAC,MAAa;AACtB,WAAK,QAAS,EAAE,OAA4B,UAAU,SAAS;AAAA,IACjE,CAAC;AAAA;AAAA,qBAEU,MAAM,IAAI,IAAI,MAAM,KAAK;AAAA;AAAA;AAAA,EAG5C;AACF;AA/Ba,eACK,SAAS;AAEsB,gBAAA;AAAA,EAA9C,SAAS,EAAE,MAAM,QAAQ,WAAW,QAAQ;AAAA,GAHlC,eAGoC,WAAA,YAAA,CAAA;AACnB,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJf,eAIiB,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GALf,eAKiB,WAAA,QAAA,CAAA;AACkB,gBAAA;AAAA,EAA7C,SAAS,EAAE,MAAM,QAAQ,WAAW,OAAO;AAAA,GANjC,eAMmC,WAAA,SAAA,CAAA;AANnC,iBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,cAAA;AAiCN,SAAS,mBAAyB;AACvC,MAAI,CAAC,eAAe,IAAI,iBAAiB,GAAG;AAC1C,mBAAe,OAAO,mBAAmB,cAAc;AAAA,EACzD;AACF;"}

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

@@ -0,0 +1,3 @@
+export { Ui9000Checkbox, registerCheckbox } from './element/ui9000-checkbox.js';
+export { default as checkboxMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/checkbox/index.js

@@ -0,0 +1,9 @@
+import { registerCheckbox } from "./element/ui9000-checkbox.js";
+import { Ui9000Checkbox } from "./element/ui9000-checkbox.js";
+import { default as default2 } from "./metadata.json.js";
+export {
+  Ui9000Checkbox,
+  default2 as checkboxMetadata,
+  registerCheckbox
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,99 @@
+declare const _default: {
+  "id": "checkbox",
+  "tag": "ui9000-checkbox",
+  "title": "Checkbox",
+  "description": "Checkbox control. Fail-closed without a label.",
+  "chartTypeKeys": [],
+  "source": "ui9000-widgets Stage 2 close-out",
+  "stack": "lit",
+  "lazyImport": "@ui9000/widgets/lazy/checkbox",
+  "entry": "@ui9000/widgets/checkbox",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": [
+    "resize"
+  ],
+  "tier": "engine",
+  "intents": [
+    "form"
+  ],
+  "dataRoles": [
+    {
+      "id": "value",
+      "required": false,
+      "description": "Control value."
+    }
+  ],
+  "eligibility": [
+    {
+      "when": "profile.allControlsLabelled && profile.controlCount >= 1",
+      "reason": "Form controls are eligible when every control has a label."
+    }
+  ],
+  "disqualify": [
+    {
+      "when": "!profile.allControlsLabelled",
+      "reason": "Unlabelled control is refused."
+    },
+    {
+      "when": "profile.controlCount === 0",
+      "reason": "No controls to render."
+    }
+  ],
+  "accessibility": {
+    "nameFrom": "label",
+    "keyboard": [
+      "Tab into the labelled control"
+    ],
+    "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element."
+  },
+  "evalCases": [
+    {
+      "id": "checkbox-picks-labelled",
+      "intent": "form",
+      "profile": {
+        "allControlsLabelled": true,
+        "controlCount": 1
+      },
+      "expect": "eligible",
+      "reasonIncludes": "label"
+    },
+    {
+      "id": "checkbox-rejects-unlabelled",
+      "intent": "form",
+      "profile": {
+        "allControlsLabelled": false,
+        "controlCount": 1
+      },
+      "expect": "disqualified",
+      "reasonIncludes": "Unlabelled"
+    }
+  ],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "value": {}
+        }
+      }
+    },
+    "required": [
+      "data"
+    ]
+  }
+}
+;
+
+export default _default;

package/dist/components/checkbox/metadata.json.js

@@ -0,0 +1,63 @@
+const id = "checkbox";
+const tag = "ui9000-checkbox";
+const title = "Checkbox";
+const description = "Checkbox control. Fail-closed without a label.";
+const chartTypeKeys = [];
+const source = "ui9000-widgets Stage 2 close-out";
+const stack = "lit";
+const lazyImport = "@ui9000/widgets/lazy/checkbox";
+const entry = "@ui9000/widgets/checkbox";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["resize"];
+const tier = "engine";
+const intents = ["form"];
+const dataRoles = [{ "id": "value", "required": false, "description": "Control value." }];
+const eligibility = [{ "when": "profile.allControlsLabelled && profile.controlCount >= 1", "reason": "Form controls are eligible when every control has a label." }];
+const disqualify = [{ "when": "!profile.allControlsLabelled", "reason": "Unlabelled control is refused." }, { "when": "profile.controlCount === 0", "reason": "No controls to render." }];
+const accessibility = { "nameFrom": "label", "keyboard": ["Tab into the labelled control"], "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element." };
+const evalCases = [{ "id": "checkbox-picks-labelled", "intent": "form", "profile": { "allControlsLabelled": true, "controlCount": 1 }, "expect": "eligible", "reasonIncludes": "label" }, { "id": "checkbox-rejects-unlabelled", "intent": "form", "profile": { "allControlsLabelled": false, "controlCount": 1 }, "expect": "disqualified", "reasonIncludes": "Unlabelled" }];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "type": "object", "properties": { "label": { "type": "string" }, "name": { "type": "string" }, "value": {} } } }, "required": ["data"] };
+const metadata = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  tier,
+  intents,
+  dataRoles,
+  eligibility,
+  disqualify,
+  accessibility,
+  evalCases,
+  propsSchema
+};
+export {
+  accessibility,
+  allowedActions,
+  chartTypeKeys,
+  dataRoles,
+  metadata as default,
+  description,
+  disqualify,
+  eligibility,
+  entry,
+  evalCases,
+  id,
+  intents,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  tier,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/checkbox/metadata.json.js.map

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

package/dist/components/custom-widget/element/ui9000-custom-widget.d.ts

@@ -5,8 +5,7 @@ import { ArrangingDirection } from '../lib/index.js';
 /**
  * FuseDash CustomWidget shell: title, optional KPI band, and up to two arranged
  * panes. Chart panes mount `ui9000-chart-renderer`, the KPI band mounts
- * `ui9000-kpi-widget`; table / text / image panes render inline. Child charts
- * are lazy-loaded so this entry stays small.
+ * `ui9000-kpi-widget`; table / text / image panes mount those primitives.
  */
 export declare class Ui9000CustomWidget extends Ui9000ChartElement {
     static styles: import('lit').CSSResult[];

package/dist/components/custom-widget/element/ui9000-custom-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-custom-widget.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/element/ui9000-custom-widget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9E,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAIL,KAAK,kBAAkB,EAGxB,MAAM,iBAAiB,CAAC;AA0BzB;;;;;GAKG;AACH,qBACa,kBAAmB,SAAQ,kBAAkB;IACxD,OAAgB,MAAM,4BAA0C;IAGhE,KAAK,EAAE,WAAW,CAAa;IAE/B,uDAAuD;IAEvD,SAAS,EAAE,kBAAkB,GAAG,EAAE,CAAM;IAGxC,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,MAAM,CAAkC;IAEvC,iBAAiB,IAAI,IAAI;IAMzB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAOlD,4DAA4D;YAC9C,gBAAgB;IAS9B,OAAO,KAAK,iBAAiB,GAI5B;IAED,2EAA2E;IAC3E,OAAO,CAAC,IAAI;IAIZ;;;OAGG;IACH,OAAO,CAAC,aAAa;IAKrB,sFAAsF;IACtF,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,WAAW;IAuCnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,WAAW;IAqBnB,OAAO,CAAC,UAAU;IAiClB,OAAO,CAAC,aAAa;IAYZ,MAAM;CAyBhB;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAI3C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}
+{"version":3,"file":"ui9000-custom-widget.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/element/ui9000-custom-widget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9E,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,iBAAiB,CAAC;AA0BzB;;;;GAIG;AACH,qBACa,kBAAmB,SAAQ,kBAAkB;IACxD,OAAgB,MAAM,4BAA0C;IAGhE,KAAK,EAAE,WAAW,CAAa;IAE/B,uDAAuD;IAEvD,SAAS,EAAE,kBAAkB,GAAG,EAAE,CAAM;IAGxC,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,MAAM,CAAkC;IAEvC,iBAAiB,IAAI,IAAI;IAMzB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAOlD,4DAA4D;YAC9C,gBAAgB;IAkB9B,OAAO,KAAK,iBAAiB,GAI5B;IAED,2EAA2E;IAC3E,OAAO,CAAC,IAAI;IAIZ;;;OAGG;IACH,OAAO,CAAC,aAAa;IAKrB,sFAAsF;IACtF,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,UAAU;IAiClB,OAAO,CAAC,aAAa;IAYZ,MAAM;CAyBhB;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAI3C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}

package/dist/components/custom-widget/element/ui9000-custom-widget.js

@@ -4,10 +4,9 @@ import { styleMap } from "lit/directives/style-map.js";
 import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
 import { loadChart } from "../../../lazy/index.js";
 import { parseJsonAttr } from "../../../utils/chart-helpers.js";
-import { customWidgetStyles } from "./styles.js";
-import { normalizeCustomWidget } from "../lib/normalize.js";
-import { renderMarkdown } from "../lib/markdown.js";
 import { paneFlexDirection } from "../lib/layout.js";
+import { normalizeCustomWidget } from "../lib/normalize.js";
+import { customWidgetStyles } from "./styles.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -61,6 +60,15 @@ let Ui9000CustomWidget = class extends Ui9000ChartElement {
     if (this._model.panes.some((pane) => pane.kind === "chartWidget" && pane.renderable)) {
       pending.push(loadChart("chart-renderer"));
     }
+    if (this._model.panes.some((pane) => pane.kind === "tableWidget" && pane.renderable)) {
+      pending.push(loadChart("table"));
+    }
+    if (this._model.panes.some((pane) => pane.kind === "textWidget" && pane.renderable)) {
+      pending.push(loadChart("text"));
+    }
+    if (this._model.panes.some((pane) => pane.kind === "imageWidget" && pane.renderable)) {
+      pending.push(loadChart("image"));
+    }
     await Promise.all(pending);
   }
   get resolvedDirection() {
@@ -102,32 +110,7 @@ let Ui9000CustomWidget = class extends Ui9000ChartElement {
     }
     return html`
       <div class="pane" data-kind=${pane.kind}>
-        <div class="table-root">
-          <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) => html`
-                    <tr class="table-row">
-                      ${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>
+        <ui9000-table data=${JSON.stringify(table)}></ui9000-table>
       </div>
     `;
   }
@@ -141,7 +124,7 @@ let Ui9000CustomWidget = class extends Ui9000ChartElement {
     }
     return html`
       <div class="pane" data-kind=${pane.kind}>
-        <div class="text-pane">${renderMarkdown(pane.text)}</div>
+        <ui9000-text data=${JSON.stringify({ text: pane.text })}></ui9000-text>
       </div>
     `;
   }
@@ -155,13 +138,7 @@ let Ui9000CustomWidget = class extends Ui9000ChartElement {
     }
     return html`
       <div class="pane" data-kind=${pane.kind}>
-        <div class="image-pane">
-          <img
-            src=${pane.image.src}
-            alt=${pane.image.alt}
-            referrerpolicy="no-referrer"
-          />
-        </div>
+        <ui9000-image data=${JSON.stringify({ src: pane.image.src, alt: pane.image.alt })}></ui9000-image>
       </div>
     `;
   }