@fusedashlabs/widgets 0.4.5 → 0.5.0

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

@@ -6,7 +6,6 @@ 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 { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
@@ -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>
     `;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-custom-widget.js","sources":["../../../../src/components/custom-widget/element/ui9000-custom-widget.ts"],"sourcesContent":["import { html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { loadChart } from '../../../lazy/index.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport {\n  normalizeCustomWidget,\n  paneFlexDirection,\n  renderMarkdown,\n  type ArrangingDirection,\n  type CustomPane,\n  type CustomWidgetModel,\n} from '../lib/index.js';\nimport { customWidgetStyles } from './styles.js';\n\n/**\n * `show-*` flags default to on; `show-x=\"false\"` turns them off. Matches how\n * `ui9000-chart-renderer` reads the same attributes.\n */\nconst flagConverter = {\n  fromAttribute: (value: string | null): boolean => value !== null && value !== 'false',\n  toAttribute: (value: boolean): string => (value ? '' : 'false'),\n};\n\nconst EMPTY_MODEL: CustomWidgetModel = {\n  title: '',\n  direction: 'vertical',\n  hasKpi: false,\n  panes: [],\n  widget: null,\n  isEmpty: true,\n};\n\n/** Client `WidgetDefaultState` copy, minus the editor-only toolbar */\nconst DEFAULT_STATE_TITLE = 'Choose an Option';\nconst DEFAULT_STATE_SUBTITLE =\n  'We recommend starting with a chart, then enhancing your widget with lists, tables, or descriptions.';\n\n/**\n * FuseDash CustomWidget shell: title, optional KPI band, and up to two arranged\n * panes. Chart panes mount `ui9000-chart-renderer`, the KPI band mounts\n * `ui9000-kpi-widget`; table / text / image panes render inline. Child charts\n * are lazy-loaded so this entry stays small.\n */\n@customElement('ui9000-custom-widget')\nexport class Ui9000CustomWidget extends Ui9000ChartElement {\n  static override styles = [customWidgetStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  /** Overrides `arranging.direction` from the payload */\n  @property({ type: String, attribute: 'direction' })\n  direction: ArrangingDirection | '' = '';\n\n  @property({ converter: flagConverter, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ converter: flagConverter, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ converter: flagConverter, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @state()\n  private _model: CustomWidgetModel = EMPTY_MODEL;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._model = normalizeCustomWidget(parseJsonAttr<unknown>(this.dataJson, null));\n    void this.loadPaneElements();\n  }\n\n  override willUpdate(changed: PropertyValues): void {\n    if (changed.has('dataJson')) {\n      this._model = normalizeCustomWidget(parseJsonAttr<unknown>(this.dataJson, null));\n      void this.loadPaneElements();\n    }\n  }\n\n  /** Register the child elements this model actually uses. */\n  private async loadPaneElements(): Promise<void> {\n    const pending: Promise<unknown>[] = [];\n    if (this._model.hasKpi) pending.push(loadChart('kpi-widget'));\n    if (this._model.panes.some((pane) => pane.kind === 'chartWidget' && pane.renderable)) {\n      pending.push(loadChart('chart-renderer'));\n    }\n    await Promise.all(pending);\n  }\n\n  private get resolvedDirection(): ArrangingDirection {\n    return this.direction === 'horizontal' || this.direction === 'vertical'\n      ? this.direction\n      : this._model.direction;\n  }\n\n  /** chart-renderer reads absent as \"unset\", so forward an explicit value */\n  private flag(value: boolean): string {\n    return value ? '' : 'false';\n  }\n\n  /**\n   * Inner FuseDash chartType for the chart pane. Must be forwarded as\n   * `chart-type` so the renderer does not treat `isCustom` as customWidget.\n   */\n  private paneChartType(): string {\n    const chartType = this._model.widget?.chartType;\n    return typeof chartType === 'string' ? chartType.trim() : '';\n  }\n\n  /** KPI cards only — omit widget `name` so the band does not repeat the shell title */\n  private kpiDataJson(): string {\n    const kpis = this._model.widget?.kpis;\n    return JSON.stringify(Array.isArray(kpis) ? kpis : []);\n  }\n\n  private renderEmpty(title: string, subtitle: string, className: string): TemplateResult {\n    return html`\n      <div class=${className}>\n        <div>\n          <strong>${title}</strong>\n          <span>${subtitle}</span>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderTable(pane: CustomPane): TemplateResult {\n    const table = pane.table;\n    if (!table) {\n      return this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty');\n    }\n    return html`\n      <div class=\"pane\" data-kind=${pane.kind}>\n        <div class=\"table-root\">\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) => html`\n                    <tr class=\"table-row\">\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      </div>\n    `;\n  }\n\n  private renderText(pane: CustomPane): TemplateResult {\n    if (!pane.text) {\n      return html`\n        <div class=\"pane\" data-kind=${pane.kind}>\n          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty')}\n        </div>\n      `;\n    }\n    return html`\n      <div class=\"pane\" data-kind=${pane.kind}>\n        <div class=\"text-pane\">${renderMarkdown(pane.text)}</div>\n      </div>\n    `;\n  }\n\n  private renderImage(pane: CustomPane): TemplateResult {\n    if (!pane.image) {\n      return html`\n        <div class=\"pane\" data-kind=${pane.kind}>\n          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty')}\n        </div>\n      `;\n    }\n    return html`\n      <div class=\"pane\" data-kind=${pane.kind}>\n        <div class=\"image-pane\">\n          <img\n            src=${pane.image.src}\n            alt=${pane.image.alt}\n            referrerpolicy=\"no-referrer\"\n          />\n        </div>\n      </div>\n    `;\n  }\n\n  private renderPane(pane: CustomPane): TemplateResult {\n    if (pane.kind === 'tableWidget') {\n      return pane.renderable ? this.renderTable(pane) : html`\n        <div class=\"pane\" data-kind=${pane.kind}>\n          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty')}\n        </div>\n      `;\n    }\n    if (pane.kind === 'textWidget') return this.renderText(pane);\n    if (pane.kind === 'imageWidget') return this.renderImage(pane);\n    if (!pane.renderable) {\n      return html`\n        <div class=\"pane\" data-kind=${pane.kind}>\n          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty')}\n        </div>\n      `;\n    }\n    return html`\n      <div class=\"pane\" data-kind=${pane.kind}>\n        <ui9000-chart-renderer\n          embedded\n          data=${this.dataJson}\n          chart-type=${this.paneChartType()}\n          scale=${this.scale}\n          show-header=\"false\"\n          show-grid=${this.flag(this.showGrid)}\n          show-legend=${this.flag(this.showLegend)}\n          show-tooltip=${this.flag(this.showTooltip)}\n        ></ui9000-chart-renderer>\n      </div>\n    `;\n  }\n\n  private renderKpiBand(): TemplateResult {\n    return html`\n      <div class=\"kpi-band\">\n        <ui9000-kpi-widget\n          data=${this.kpiDataJson()}\n          scale=${this.scale}\n          show-header=\"false\"\n        ></ui9000-kpi-widget>\n      </div>\n    `;\n  }\n\n  override render() {\n    const model = this._model;\n    const title = this.headerTitle();\n\n    return html`\n      <div class=\"widget-shell custom-root\" part=\"shell\">\n        ${this.renderShellHeader(title)} ${model.hasKpi ? this.renderKpiBand() : nothing}\n        ${model.isEmpty\n          ? this.renderEmpty(DEFAULT_STATE_TITLE, DEFAULT_STATE_SUBTITLE, 'default-state')\n          : html`\n              <div\n                class=\"custom-content\"\n                data-direction=${this.resolvedDirection}\n                data-panes=${model.panes.length}\n                style=${styleMap({\n                  flexDirection: paneFlexDirection(this.resolvedDirection),\n                })}\n              >\n                ${model.panes.map((pane) => this.renderPane(pane))}\n              </div>\n            `}\n        ${this.renderShellLabelTooltip()}\n      </div>\n    `;\n  }\n}\n\nexport function registerCustomWidget(): void {\n  if (!customElements.get('ui9000-custom-widget')) {\n    customElements.define('ui9000-custom-widget', Ui9000CustomWidget);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-custom-widget': Ui9000CustomWidget;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,gBAAgB;AAAA,EACpB,eAAe,CAAC,UAAkC,UAAU,QAAQ,UAAU;AAAA,EAC9E,aAAa,CAAC,UAA4B,QAAQ,KAAK;AACzD;AAEA,MAAM,cAAiC;AAAA,EACrC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO,CAAA;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACX;AAGA,MAAM,sBAAsB;AAC5B,MAAM,yBACJ;AASK,IAAM,qBAAN,cAAiC,mBAAmB;AAAA,EAApD,cAAA;AAAA,UAAA,GAAA,SAAA;AAIL,SAAA,QAAqB;AAIrB,SAAA,YAAqC;AAGrC,SAAA,WAAW;AAGX,SAAA,aAAa;AAGb,SAAA,cAAc;AAGd,SAAQ,SAA4B;AAAA,EAAA;AAAA,EAE3B,oBAA0B;AACjC,UAAM,kBAAA;AACN,SAAK,SAAS,sBAAsB,cAAuB,KAAK,UAAU,IAAI,CAAC;AAC/E,SAAK,KAAK,iBAAA;AAAA,EACZ;AAAA,EAES,WAAW,SAA+B;AACjD,QAAI,QAAQ,IAAI,UAAU,GAAG;AAC3B,WAAK,SAAS,sBAAsB,cAAuB,KAAK,UAAU,IAAI,CAAC;AAC/E,WAAK,KAAK,iBAAA;AAAA,IACZ;AAAA,EACF;AAAA;AAAA,EAGA,MAAc,mBAAkC;AAC9C,UAAM,UAA8B,CAAA;AACpC,QAAI,KAAK,OAAO,gBAAgB,KAAK,UAAU,YAAY,CAAC;AAC5D,QAAI,KAAK,OAAO,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,iBAAiB,KAAK,UAAU,GAAG;AACpF,cAAQ,KAAK,UAAU,gBAAgB,CAAC;AAAA,IAC1C;AACA,UAAM,QAAQ,IAAI,OAAO;AAAA,EAC3B;AAAA,EAEA,IAAY,oBAAwC;AAClD,WAAO,KAAK,cAAc,gBAAgB,KAAK,cAAc,aACzD,KAAK,YACL,KAAK,OAAO;AAAA,EAClB;AAAA;AAAA,EAGQ,KAAK,OAAwB;AACnC,WAAO,QAAQ,KAAK;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMQ,gBAAwB;;AAC9B,UAAM,aAAY,UAAK,OAAO,WAAZ,mBAAoB;AACtC,WAAO,OAAO,cAAc,WAAW,UAAU,SAAS;AAAA,EAC5D;AAAA;AAAA,EAGQ,cAAsB;;AAC5B,UAAM,QAAO,UAAK,OAAO,WAAZ,mBAAoB;AACjC,WAAO,KAAK,UAAU,MAAM,QAAQ,IAAI,IAAI,OAAO,EAAE;AAAA,EACvD;AAAA,EAEQ,YAAY,OAAe,UAAkB,WAAmC;AACtF,WAAO;AAAA,mBACQ,SAAS;AAAA;AAAA,oBAER,KAAK;AAAA,kBACP,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIxB;AAAA,EAEQ,YAAY,MAAkC;AACpD,UAAM,QAAQ,KAAK;AACnB,QAAI,CAAC,OAAO;AACV,aAAO,KAAK,YAAY,KAAK,YAAY,KAAK,eAAe,YAAY;AAAA,IAC3E;AACA,WAAO;AAAA,oCACyB,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMzB,MAAM,QAAQ;AAAA,MACd,CAAC,QAAQ,0CAA0C,IAAI,KAAK;AAAA,IAAA,CAC7D;AAAA;AAAA;AAAA;AAAA,kBAID,MAAM,MAAM;AAAA,MACZ,CAAC,QAAQ;AAAA;AAAA,wBAEH,IAAI;AAAA,QAAI,CAAC,SACT,KAAK,QACD;AAAA,oEACwC,KAAK,KAAK,IAAI,KAAK,IAAI;AAAA,qCAE/D,8BAA8B,KAAK,IAAI;AAAA,MAAA,CAC5C;AAAA;AAAA;AAAA,IAAA,CAGN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOf;AAAA,EAEQ,WAAW,MAAkC;AACnD,QAAI,CAAC,KAAK,MAAM;AACd,aAAO;AAAA,sCACyB,KAAK,IAAI;AAAA,YACnC,KAAK,YAAY,KAAK,YAAY,KAAK,eAAe,YAAY,CAAC;AAAA;AAAA;AAAA,IAG3E;AACA,WAAO;AAAA,oCACyB,KAAK,IAAI;AAAA,iCACZ,eAAe,KAAK,IAAI,CAAC;AAAA;AAAA;AAAA,EAGxD;AAAA,EAEQ,YAAY,MAAkC;AACpD,QAAI,CAAC,KAAK,OAAO;AACf,aAAO;AAAA,sCACyB,KAAK,IAAI;AAAA,YACnC,KAAK,YAAY,KAAK,YAAY,KAAK,eAAe,YAAY,CAAC;AAAA;AAAA;AAAA,IAG3E;AACA,WAAO;AAAA,oCACyB,KAAK,IAAI;AAAA;AAAA;AAAA,kBAG3B,KAAK,MAAM,GAAG;AAAA,kBACd,KAAK,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM9B;AAAA,EAEQ,WAAW,MAAkC;AACnD,QAAI,KAAK,SAAS,eAAe;AAC/B,aAAO,KAAK,aAAa,KAAK,YAAY,IAAI,IAAI;AAAA,sCAClB,KAAK,IAAI;AAAA,YACnC,KAAK,YAAY,KAAK,YAAY,KAAK,eAAe,YAAY,CAAC;AAAA;AAAA;AAAA,IAG3E;AACA,QAAI,KAAK,SAAS,aAAc,QAAO,KAAK,WAAW,IAAI;AAC3D,QAAI,KAAK,SAAS,cAAe,QAAO,KAAK,YAAY,IAAI;AAC7D,QAAI,CAAC,KAAK,YAAY;AACpB,aAAO;AAAA,sCACyB,KAAK,IAAI;AAAA,YACnC,KAAK,YAAY,KAAK,YAAY,KAAK,eAAe,YAAY,CAAC;AAAA;AAAA;AAAA,IAG3E;AACA,WAAO;AAAA,oCACyB,KAAK,IAAI;AAAA;AAAA;AAAA,iBAG5B,KAAK,QAAQ;AAAA,uBACP,KAAK,eAAe;AAAA,kBACzB,KAAK,KAAK;AAAA;AAAA,sBAEN,KAAK,KAAK,KAAK,QAAQ,CAAC;AAAA,wBACtB,KAAK,KAAK,KAAK,UAAU,CAAC;AAAA,yBACzB,KAAK,KAAK,KAAK,WAAW,CAAC;AAAA;AAAA;AAAA;AAAA,EAIlD;AAAA,EAEQ,gBAAgC;AACtC,WAAO;AAAA;AAAA;AAAA,iBAGM,KAAK,aAAa;AAAA,kBACjB,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B;AAAA,EAES,SAAS;AAChB,UAAM,QAAQ,KAAK;AACnB,UAAM,QAAQ,KAAK,YAAA;AAEnB,WAAO;AAAA;AAAA,UAED,KAAK,kBAAkB,KAAK,CAAC,IAAI,MAAM,SAAS,KAAK,cAAA,IAAkB,OAAO;AAAA,UAC9E,MAAM,UACJ,KAAK,YAAY,qBAAqB,wBAAwB,eAAe,IAC7E;AAAA;AAAA;AAAA,iCAGqB,KAAK,iBAAiB;AAAA,6BAC1B,MAAM,MAAM,MAAM;AAAA,wBACvB,SAAS;AAAA,MACf,eAAe,kBAAkB,KAAK,iBAAiB;AAAA,IAAA,CACxD,CAAC;AAAA;AAAA,kBAEA,MAAM,MAAM,IAAI,CAAC,SAAS,KAAK,WAAW,IAAI,CAAC,CAAC;AAAA;AAAA,aAErD;AAAA,UACH,KAAK,yBAAyB;AAAA;AAAA;AAAA,EAGtC;AACF;AAnOa,mBACK,SAAS,CAAC,oBAAoB,gBAAgB;AAG9D,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,SAAS;AAAA,GAHnC,mBAIX,WAAA,SAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,aAAa;AAAA,GAPvC,mBAQX,WAAA,aAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,WAAW,eAAe,WAAW,aAAa;AAAA,GAVnD,mBAWX,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,WAAW,eAAe,WAAW,eAAe;AAAA,GAbrD,mBAcX,WAAA,cAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,WAAW,eAAe,WAAW,gBAAgB;AAAA,GAhBtD,mBAiBX,WAAA,eAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GAnBI,mBAoBH,WAAA,UAAA,CAAA;AApBG,qBAAN,gBAAA;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB,kBAAA;AAqON,SAAS,uBAA6B;AAC3C,MAAI,CAAC,eAAe,IAAI,sBAAsB,GAAG;AAC/C,mBAAe,OAAO,wBAAwB,kBAAkB;AAAA,EAClE;AACF;"}
+{"version":3,"file":"ui9000-custom-widget.js","sources":["../../../../src/components/custom-widget/element/ui9000-custom-widget.ts"],"sourcesContent":["import { html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { loadChart } from '../../../lazy/index.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport {\n  normalizeCustomWidget,\n  paneFlexDirection,\n  type ArrangingDirection,\n  type CustomPane,\n  type CustomWidgetModel,\n} from '../lib/index.js';\nimport { customWidgetStyles } from './styles.js';\n\n/**\n * `show-*` flags default to on; `show-x=\"false\"` turns them off. Matches how\n * `ui9000-chart-renderer` reads the same attributes.\n */\nconst flagConverter = {\n  fromAttribute: (value: string | null): boolean => value !== null && value !== 'false',\n  toAttribute: (value: boolean): string => (value ? '' : 'false'),\n};\n\nconst EMPTY_MODEL: CustomWidgetModel = {\n  title: '',\n  direction: 'vertical',\n  hasKpi: false,\n  panes: [],\n  widget: null,\n  isEmpty: true,\n};\n\n/** Client `WidgetDefaultState` copy, minus the editor-only toolbar */\nconst DEFAULT_STATE_TITLE = 'Choose an Option';\nconst DEFAULT_STATE_SUBTITLE =\n  'We recommend starting with a chart, then enhancing your widget with lists, tables, or descriptions.';\n\n/**\n * FuseDash CustomWidget shell: title, optional KPI band, and up to two arranged\n * panes. Chart panes mount `ui9000-chart-renderer`, the KPI band mounts\n * `ui9000-kpi-widget`; table / text / image panes mount those primitives.\n */\n@customElement('ui9000-custom-widget')\nexport class Ui9000CustomWidget extends Ui9000ChartElement {\n  static override styles = [customWidgetStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  /** Overrides `arranging.direction` from the payload */\n  @property({ type: String, attribute: 'direction' })\n  direction: ArrangingDirection | '' = '';\n\n  @property({ converter: flagConverter, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ converter: flagConverter, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ converter: flagConverter, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @state()\n  private _model: CustomWidgetModel = EMPTY_MODEL;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._model = normalizeCustomWidget(parseJsonAttr<unknown>(this.dataJson, null));\n    void this.loadPaneElements();\n  }\n\n  override willUpdate(changed: PropertyValues): void {\n    if (changed.has('dataJson')) {\n      this._model = normalizeCustomWidget(parseJsonAttr<unknown>(this.dataJson, null));\n      void this.loadPaneElements();\n    }\n  }\n\n  /** Register the child elements this model actually uses. */\n  private async loadPaneElements(): Promise<void> {\n    const pending: Promise<unknown>[] = [];\n    if (this._model.hasKpi) pending.push(loadChart('kpi-widget'));\n    if (this._model.panes.some((pane) => pane.kind === 'chartWidget' && pane.renderable)) {\n      pending.push(loadChart('chart-renderer'));\n    }\n    if (this._model.panes.some((pane) => pane.kind === 'tableWidget' && pane.renderable)) {\n      pending.push(loadChart('table'));\n    }\n    if (this._model.panes.some((pane) => pane.kind === 'textWidget' && pane.renderable)) {\n      pending.push(loadChart('text'));\n    }\n    if (this._model.panes.some((pane) => pane.kind === 'imageWidget' && pane.renderable)) {\n      pending.push(loadChart('image'));\n    }\n    await Promise.all(pending);\n  }\n\n  private get resolvedDirection(): ArrangingDirection {\n    return this.direction === 'horizontal' || this.direction === 'vertical'\n      ? this.direction\n      : this._model.direction;\n  }\n\n  /** chart-renderer reads absent as \"unset\", so forward an explicit value */\n  private flag(value: boolean): string {\n    return value ? '' : 'false';\n  }\n\n  /**\n   * Inner FuseDash chartType for the chart pane. Must be forwarded as\n   * `chart-type` so the renderer does not treat `isCustom` as customWidget.\n   */\n  private paneChartType(): string {\n    const chartType = this._model.widget?.chartType;\n    return typeof chartType === 'string' ? chartType.trim() : '';\n  }\n\n  /** KPI cards only — omit widget `name` so the band does not repeat the shell title */\n  private kpiDataJson(): string {\n    const kpis = this._model.widget?.kpis;\n    return JSON.stringify(Array.isArray(kpis) ? kpis : []);\n  }\n\n  private renderEmpty(title: string, subtitle: string, className: string): TemplateResult {\n    return html`\n      <div class=${className}>\n        <div>\n          <strong>${title}</strong>\n          <span>${subtitle}</span>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderTable(pane: CustomPane): TemplateResult {\n    const table = pane.table;\n    if (!table) {\n      return this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty');\n    }\n    return html`\n      <div class=\"pane\" data-kind=${pane.kind}>\n        <ui9000-table data=${JSON.stringify(table)}></ui9000-table>\n      </div>\n    `;\n  }\n\n  private renderText(pane: CustomPane): TemplateResult {\n    if (!pane.text) {\n      return html`\n        <div class=\"pane\" data-kind=${pane.kind}>\n          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty')}\n        </div>\n      `;\n    }\n    return html`\n      <div class=\"pane\" data-kind=${pane.kind}>\n        <ui9000-text data=${JSON.stringify({ text: pane.text })}></ui9000-text>\n      </div>\n    `;\n  }\n\n  private renderImage(pane: CustomPane): TemplateResult {\n    if (!pane.image) {\n      return html`\n        <div class=\"pane\" data-kind=${pane.kind}>\n          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty')}\n        </div>\n      `;\n    }\n    return html`\n      <div class=\"pane\" data-kind=${pane.kind}>\n        <ui9000-image data=${JSON.stringify({ src: pane.image.src, alt: pane.image.alt })}></ui9000-image>\n      </div>\n    `;\n  }\n\n  private renderPane(pane: CustomPane): TemplateResult {\n    if (pane.kind === 'tableWidget') {\n      return pane.renderable ? this.renderTable(pane) : html`\n        <div class=\"pane\" data-kind=${pane.kind}>\n          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty')}\n        </div>\n      `;\n    }\n    if (pane.kind === 'textWidget') return this.renderText(pane);\n    if (pane.kind === 'imageWidget') return this.renderImage(pane);\n    if (!pane.renderable) {\n      return html`\n        <div class=\"pane\" data-kind=${pane.kind}>\n          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty')}\n        </div>\n      `;\n    }\n    return html`\n      <div class=\"pane\" data-kind=${pane.kind}>\n        <ui9000-chart-renderer\n          embedded\n          data=${this.dataJson}\n          chart-type=${this.paneChartType()}\n          scale=${this.scale}\n          show-header=\"false\"\n          show-grid=${this.flag(this.showGrid)}\n          show-legend=${this.flag(this.showLegend)}\n          show-tooltip=${this.flag(this.showTooltip)}\n        ></ui9000-chart-renderer>\n      </div>\n    `;\n  }\n\n  private renderKpiBand(): TemplateResult {\n    return html`\n      <div class=\"kpi-band\">\n        <ui9000-kpi-widget\n          data=${this.kpiDataJson()}\n          scale=${this.scale}\n          show-header=\"false\"\n        ></ui9000-kpi-widget>\n      </div>\n    `;\n  }\n\n  override render() {\n    const model = this._model;\n    const title = this.headerTitle();\n\n    return html`\n      <div class=\"widget-shell custom-root\" part=\"shell\">\n        ${this.renderShellHeader(title)} ${model.hasKpi ? this.renderKpiBand() : nothing}\n        ${model.isEmpty\n          ? this.renderEmpty(DEFAULT_STATE_TITLE, DEFAULT_STATE_SUBTITLE, 'default-state')\n          : html`\n              <div\n                class=\"custom-content\"\n                data-direction=${this.resolvedDirection}\n                data-panes=${model.panes.length}\n                style=${styleMap({\n                  flexDirection: paneFlexDirection(this.resolvedDirection),\n                })}\n              >\n                ${model.panes.map((pane) => this.renderPane(pane))}\n              </div>\n            `}\n        ${this.renderShellLabelTooltip()}\n      </div>\n    `;\n  }\n}\n\nexport function registerCustomWidget(): void {\n  if (!customElements.get('ui9000-custom-widget')) {\n    customElements.define('ui9000-custom-widget', Ui9000CustomWidget);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-custom-widget': Ui9000CustomWidget;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/custom-widget/index.js

@@ -3,7 +3,7 @@ import { Ui9000CustomWidget } from "./element/ui9000-custom-widget.js";
 import { default as default2 } from "./metadata.json.js";
 import { KPI_ROW_HEIGHT, MAX_PANES, PANE_GAP, paneFlexDirection } from "./lib/layout.js";
 import { isContentChartType, normalizeCustomWidget } from "./lib/normalize.js";
-import { normalizeTableModel } from "./lib/table.js";
+import { normalizeTableModel } from "../table/lib/table.js";
 export {
   KPI_ROW_HEIGHT,
   MAX_PANES,

package/dist/components/custom-widget/lib/content.d.ts

@@ -1,13 +1,2 @@
-/** Text + image panes — MCP is read-only (no editor, upload, or AI chat). */
-export declare function normalizeTextContent(widget: {
-    text?: unknown;
-}): string | null;
-export declare function isExternalImageUrl(url: string): boolean;
-export declare function normalizeImageContent(widget: {
-    imageUrl?: unknown;
-    alt?: unknown;
-}): {
-    src: string;
-    alt: string;
-} | null;
+export { isExternalImageUrl, normalizeImageContent, normalizeTextContent, } from '../../image/lib/url.js';
 //# sourceMappingURL=content.d.ts.map

package/dist/components/custom-widget/lib/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/lib/content.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAI7E,wBAAgB,oBAAoB,CAAC,MAAM,EAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,MAAM,GAAG,IAAI,CAI9E;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAEvD;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAMtC"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/lib/content.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC"}

package/dist/components/custom-widget/lib/markdown.d.ts

@@ -1,4 +1,2 @@
-import { TemplateResult } from 'lit';
-/** Client TextWidget markdown view — headings, lists, emphasis, code, http(s) links. */
-export declare function renderMarkdown(source: string): TemplateResult;
+export { renderMarkdown } from '../../text/lib/markdown.js';
 //# sourceMappingURL=markdown.d.ts.map

package/dist/components/custom-widget/lib/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/lib/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAkDhD,wFAAwF;AACxF,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,cAAc,CA0F7D"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/lib/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/components/custom-widget/lib/normalize.js

@@ -1,6 +1,6 @@
-import { normalizeTextContent, normalizeImageContent } from "./content.js";
 import { MAX_PANES } from "./layout.js";
-import { parseTableHeaders, getSourceFromContains, normalizeTableModel } from "./table.js";
+import { parseTableHeaders, getSourceFromContains, normalizeTableModel } from "../../table/lib/table.js";
+import { normalizeTextContent, normalizeImageContent } from "../../image/lib/url.js";
 const PANE_KINDS = [
   "chartWidget",
   "tableWidget",

package/dist/components/custom-widget/lib/table.d.ts

@@ -1,55 +1,2 @@
-/** 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;
+export { asDataRows, buildLiveTableRowsFromSources, buildQualifiedChartColumnKey, buildQualifiedDatasetColumnKey, buildQualifiedStaticColumnKey, formatTableCell, getSourceFromContains, normalizeTableModel, parseTableHeaders, stripDataPrefix, type CustomTableModel, type DataRow, type TableCellModel, type TableColumnSource, type TableHeader, type TableHeaderContains, } from '../../table/lib/table.js';
 //# sourceMappingURL=table.d.ts.map

package/dist/components/custom-widget/lib/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/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"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/lib/table.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,6BAA6B,EAC7B,4BAA4B,EAC5B,8BAA8B,EAC9B,6BAA6B,EAC7B,eAAe,EACf,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,OAAO,EACZ,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,mBAAmB,GACzB,MAAM,0BAA0B,CAAC"}

package/dist/components/custom-widget/metadata.json.d.ts

@@ -2,12 +2,13 @@ declare const _default: {
   "id": "custom-widget",
   "tag": "ui9000-custom-widget",
   "title": "Custom Widget",
-  "description": "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. No Redux.",
+  "description": "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 mount those primitives. No Redux.",
   "chartTypeKeys": ["customWidget"],
   "source": "client/libs/shared/components/src/Widgets/CustomWidget/",
   "stack": "composite",
   "lazyImport": "@ui9000/widgets/lazy/custom-widget",
   "entry": "@ui9000/widgets/custom-widget",
+  "tier": "host",
   "usageConditions": {
     "host": "mcp-chat",
     "notFor": "fusedash-editor",

package/dist/components/custom-widget/metadata.json.js

@@ -1,12 +1,13 @@
 const id = "custom-widget";
 const tag = "ui9000-custom-widget";
 const title = "Custom Widget";
-const description = "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. No Redux.";
+const description = "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 mount those primitives. No Redux.";
 const chartTypeKeys = ["customWidget"];
 const source = "client/libs/shared/components/src/Widgets/CustomWidget/";
 const stack = "composite";
 const lazyImport = "@ui9000/widgets/lazy/custom-widget";
 const entry = "@ui9000/widgets/custom-widget";
+const tier = "host";
 const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true, "requiresArranging": "Reads arranging.widgets / arranging.hasKpi / arranging.direction; renders the default state when both are absent.", "panesSupported": ["chartWidget", "tableWidget", "textWidget", "imageWidget"], "maxPanes": 2 };
 const allowedActions = ["resize", "download"];
 const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "type": "object", "description": "FuseDash WidgetItem JSON for the custom widget, including arranging, kpis, and pane fields (text, imageUrl, headers, tableData, tablePreviewRows)", "properties": { "id": { "type": "string" }, "name": { "type": "string" }, "chartType": { "type": "string", "description": "Chart type of the chartWidget pane; content types (tableChart, textChart, imageChart) render the pane empty state" }, "text": { "type": "string", "description": "Markdown/plain text for a textWidget pane" }, "imageUrl": { "type": "string", "description": "http(s) URL for an imageWidget pane" }, "alt": { "type": "string" }, "headers": { "type": "array", "description": "Table columns. Each contains[].source is dataset | chart | static" }, "tableData": { "type": "array", "description": "Personal/static rows for static-sourced columns" }, "tablePreviewRows": { "type": "array", "description": "MCP snapshot used as dataset rows when the host has no live select" }, "arranging": { "type": "object", "properties": { "widgets": { "type": "array", "maxItems": 2, "items": { "type": "string", "enum": ["chartWidget", "tableWidget", "textWidget", "imageWidget"] } }, "hasKpi": { "type": "boolean", "default": false }, "direction": { "type": "string", "enum": ["vertical", "horizontal"], "default": "vertical", "description": "FuseDash semantics — vertical lays panes side by side, horizontal stacks them" } } }, "kpis": { "type": "array", "description": "KPI items rendered in the KPI band when arranging.hasKpi is true" } } }, "chartTitle": { "type": "string", "description": "Header title override; falls back to data.name" }, "direction": { "type": "string", "enum": ["vertical", "horizontal"], "description": "Overrides data.arranging.direction" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"], "default": "default" }, "showHeader": { "type": "boolean", "default": true }, "showGrid": { "type": "boolean", "default": true }, "showLegend": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true } }, "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/custom-widget/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/date-input/element/ui9000-date-input.d.ts

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

package/dist/components/date-input/element/ui9000-date-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-date-input.d.ts","sourceRoot":"","sources":["../../../../src/components/date-input/element/ui9000-date-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAiB;IAEQ,QAAQ,SAAQ;IACnC,KAAK,SAAM;IACX,IAAI,SAAM;IACQ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEpD,MAAM;CAuBhB;AAED,wBAAgB,iBAAiB,IAAI,IAAI,CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/components/date-input/element/ui9000-date-input.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 Ui9000DateInput = 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>`;
+    return html`
+      <div class="root">
+        <label for=${field.name}>${field.label}</label>
+        <input
+          class="field"
+          id=${field.name}
+          name=${field.name}
+          type="date"
+          .value=${field.value}
+          @input=${(e) => {
+      this.value = e.target.value;
+    }}
+        />
+      </div>
+    `;
+  }
+};
+Ui9000DateInput.styles = surfaceStyles;
+__decorateClass([
+  property({ type: String, attribute: "data" })
+], Ui9000DateInput.prototype, "dataJson", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000DateInput.prototype, "label", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000DateInput.prototype, "name", 2);
+__decorateClass([
+  property({ type: String, attribute: false })
+], Ui9000DateInput.prototype, "value", 2);
+Ui9000DateInput = __decorateClass([
+  customElement("ui9000-date-input")
+], Ui9000DateInput);
+function registerDateInput() {
+  if (!customElements.get("ui9000-date-input")) {
+    customElements.define("ui9000-date-input", Ui9000DateInput);
+  }
+}
+export {
+  Ui9000DateInput,
+  registerDateInput
+};
+//# sourceMappingURL=ui9000-date-input.js.map

package/dist/components/date-input/element/ui9000-date-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-date-input.js","sources":["../../../../src/components/date-input/element/ui9000-date-input.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-date-input')\nexport class Ui9000DateInput 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    return html`\n      <div class=\"root\">\n        <label for=${field.name}>${field.label}</label>\n        <input\n          class=\"field\"\n          id=${field.name}\n          name=${field.name}\n          type=\"date\"\n          .value=${field.value}\n          @input=${(e: Event) => {\n            this.value = (e.target as HTMLInputElement).value;\n          }}\n        />\n      </div>\n    `;\n  }\n}\n\nexport function registerDateInput(): void {\n  if (!customElements.get('ui9000-date-input')) {\n    customElements.define('ui9000-date-input', Ui9000DateInput);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-date-input': Ui9000DateInput;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAOO,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,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,WAAO;AAAA;AAAA,qBAEU,MAAM,IAAI,IAAI,MAAM,KAAK;AAAA;AAAA;AAAA,eAG/B,MAAM,IAAI;AAAA,iBACR,MAAM,IAAI;AAAA;AAAA,mBAER,MAAM,KAAK;AAAA,mBACX,CAAC,MAAa;AACrB,WAAK,QAAS,EAAE,OAA4B;AAAA,IAC9C,CAAC;AAAA;AAAA;AAAA;AAAA,EAIT;AACF;AA/Ba,gBACK,SAAS;AAEsB,gBAAA;AAAA,EAA9C,SAAS,EAAE,MAAM,QAAQ,WAAW,QAAQ;AAAA,GAHlC,gBAGoC,WAAA,YAAA,CAAA;AACnB,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJf,gBAIiB,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GALf,gBAKiB,WAAA,QAAA,CAAA;AACkB,gBAAA;AAAA,EAA7C,SAAS,EAAE,MAAM,QAAQ,WAAW,OAAO;AAAA,GANjC,gBAMmC,WAAA,SAAA,CAAA;AANnC,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;AAiCN,SAAS,oBAA0B;AACxC,MAAI,CAAC,eAAe,IAAI,mBAAmB,GAAG;AAC5C,mBAAe,OAAO,qBAAqB,eAAe;AAAA,EAC5D;AACF;"}

package/dist/components/date-input/index.d.ts

@@ -0,0 +1,3 @@
+export { Ui9000DateInput, registerDateInput } from './element/ui9000-date-input.js';
+export { default as dateInputMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/date-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/date-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}