@fusedashlabs/widgets 0.4.4 → 0.5.0

package/dist/components/approval-bar/metadata.json.js

@@ -0,0 +1,63 @@
+const id = "approval-bar";
+const tag = "ui9000-approval-bar";
+const title = "Approval Bar";
+const description = "Propose / approve / reject. Displays only in a foreign host — does not execute.";
+const chartTypeKeys = [];
+const source = "ui9000-widgets Stage 2 close-out";
+const stack = "lit";
+const lazyImport = "@ui9000/widgets/lazy/approval-bar";
+const entry = "@ui9000/widgets/approval-bar";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["approve", "reject"];
+const tier = "engine";
+const intents = ["form"];
+const dataRoles = [{ "id": "proposal", "required": true, "description": "The action being proposed." }];
+const eligibility = [{ "when": "profile.hasClaim || profile.hasEntityId", "reason": "Approval bar proposes an action on a claim or entity." }];
+const disqualify = [{ "when": "!profile.hasClaim && !profile.hasEntityId", "reason": "Without a claim or entity there is nothing to approve." }];
+const accessibility = { "nameFrom": "proposal", "keyboard": ["Tab to Approve and Reject"], "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element." };
+const evalCases = [{ "id": "approval-picks-claim", "intent": "form", "profile": { "hasClaim": true }, "expect": "eligible", "reasonIncludes": "proposes" }, { "id": "approval-rejects-empty", "intent": "form", "profile": { "hasClaim": false, "hasEntityId": false }, "expect": "disqualified", "reasonIncludes": "nothing to approve" }];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "type": "object", "properties": { "proposal": { "type": "string" }, "status": { "type": "string", "enum": ["proposed", "approved", "rejected"] } } } }, "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/approval-bar/metadata.json.js.map

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

package/dist/components/bar-chart/element/styles.js

@@ -12,13 +12,13 @@ const barChartStyles = css`
   }
   .chart-body {
     flex: 1 1 auto;
-    min-height: 240px;
+    min-height: var(--ui9000-plot-min-height, 240px);
     display: flex;
     flex-direction: column;
   }
   .chart-scroll {
     flex: 1 1 auto;
-    min-height: 200px;
+    min-height: var(--ui9000-plot-min-height, 200px);
     overflow-y: auto;
     overflow-x: hidden;
     position: relative;
@@ -31,7 +31,7 @@ const barChartStyles = css`
   }
   .chart-root {
     width: 100%;
-    min-height: 240px;
+    min-height: var(--ui9000-plot-min-height, 240px);
   }
   .tooltip {
     position: absolute;

package/dist/components/bar-chart/element/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/bar-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const barChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-body {\n    flex: 1 1 auto;\n    min-height: 240px;\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: 200px;\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: 240px;\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 12px));\n    white-space: nowrap;\n  }\n  .tooltip .category {\n    font-weight: 600;\n    margin-bottom: 2px;\n  }\n  .tooltip .row {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .tooltip .swatch {\n    width: 8px;\n    height: 8px;\n    border-radius: 2px;\n    flex: none;\n  }\n  .tooltip .value {\n    margin-left: auto;\n    font-variant-numeric: tabular-nums;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/bar-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const barChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-body {\n    flex: 1 1 auto;\n    min-height: var(--ui9000-plot-min-height, 240px);\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: var(--ui9000-plot-min-height, 200px);\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: var(--ui9000-plot-min-height, 240px);\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 12px));\n    white-space: nowrap;\n  }\n  .tooltip .category {\n    font-weight: 600;\n    margin-bottom: 2px;\n  }\n  .tooltip .row {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .tooltip .swatch {\n    width: 8px;\n    height: 8px;\n    border-radius: 2px;\n    flex: none;\n  }\n  .tooltip .value {\n    margin-left: auto;\n    font-variant-numeric: tabular-nums;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -32,6 +32,59 @@ declare const _default: {
     "context": "theme, scale, and mode come from WidgetContext CSS custom properties; series colors from widget formatting"
   },
   "allowedActions": ["hover", "resize"],
+  "tier": "engine",
+  "intents": ["comparison"],
+  "dataRoles": [
+    {
+      "id": "category",
+      "required": true,
+      "cardinality": "low-medium",
+      "description": "Discrete label per bar (severity, host, rule id)."
+    },
+    {
+      "id": "metric",
+      "required": true,
+      "type": "number",
+      "description": "Count or score aggregated on the category."
+    }
+  ],
+  "eligibility": [
+    {
+      "when": "profile.hasCategory && profile.hasNumericMetric && profile.categoryCardinality <= 30",
+      "reason": "Bar compares a handful of discrete groups on one metric."
+    }
+  ],
+  "disqualify": [
+    {
+      "when": "profile.hasGeo && !profile.hasCategory",
+      "reason": "Spatial-only data belongs on map-chart, not bars."
+    },
+    {
+      "when": "profile.categoryCardinality > 40",
+      "reason": "Too many categories; table or histogram is readable, bars are not."
+    }
+  ],
+  "accessibility": {
+    "nameFrom": "title or xLabel",
+    "keyboard": ["Tab into chart", "hover/focus equivalent on last point"],
+    "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element."
+  },
+  "evalCases": [
+    {
+      "id": "bar-picks-severity-counts",
+      "intent": "comparison",
+      "profile": { "hasCategory": true, "hasNumericMetric": true, "categoryCardinality": 5 },
+      "expect": "eligible",
+      "reasonIncludes": "discrete groups"
+    },
+    {
+      "id": "bar-rejects-latlng-only",
+      "intent": "spatial",
+      "profile": { "hasGeo": true, "hasCategory": false },
+      "expect": "disqualified",
+      "reasonIncludes": "map-chart"
+    }
+  ],
   "propsSchema": {
     "$schema": "https://json-schema.org/draft/2020-12/schema",
     "type": "object",

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

@@ -10,6 +10,13 @@ const lazyImport = "@ui9000/widgets/lazy/bar-chart";
 const entry = "@ui9000/widgets/bar-chart";
 const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true, "context": "theme, scale, and mode come from WidgetContext CSS custom properties; series colors from widget formatting" };
 const allowedActions = ["hover", "resize"];
+const tier = "engine";
+const intents = ["comparison"];
+const dataRoles = [{ "id": "category", "required": true, "cardinality": "low-medium", "description": "Discrete label per bar (severity, host, rule id)." }, { "id": "metric", "required": true, "type": "number", "description": "Count or score aggregated on the category." }];
+const eligibility = [{ "when": "profile.hasCategory && profile.hasNumericMetric && profile.categoryCardinality <= 30", "reason": "Bar compares a handful of discrete groups on one metric." }];
+const disqualify = [{ "when": "profile.hasGeo && !profile.hasCategory", "reason": "Spatial-only data belongs on map-chart, not bars." }, { "when": "profile.categoryCardinality > 40", "reason": "Too many categories; table or histogram is readable, bars are not." }];
+const accessibility = { "nameFrom": "title or xLabel", "keyboard": ["Tab into chart", "hover/focus equivalent on last point"], "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element." };
+const evalCases = [{ "id": "bar-picks-severity-counts", "intent": "comparison", "profile": { "hasCategory": true, "hasNumericMetric": true, "categoryCardinality": 5 }, "expect": "eligible", "reasonIncludes": "discrete groups" }, { "id": "bar-rejects-latlng-only", "intent": "spatial", "profile": { "hasGeo": true, "hasCategory": false }, "expect": "disqualified", "reasonIncludes": "map-chart" }];
 const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "array", "items": { "type": "object", "required": ["label", "value"], "properties": { "label": { "type": "string" }, "value": { "type": "number" } } } }, { "type": "object", "properties": { "points": { "type": "array", "items": { "type": "object", "required": ["x", "y"], "properties": { "x": { "type": "string" }, "y": { "type": "number" } } } }, "series": { "type": "array", "items": { "type": "object", "required": ["id", "points"], "properties": { "id": { "type": "string" }, "name": { "type": "string" }, "color": { "type": "string" }, "points": { "type": "array", "items": { "type": "object", "required": ["x", "y"], "properties": { "x": { "type": "string" }, "y": { "type": "number" } } } } } } } } }] }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"], "default": "default" }, "orientation": { "type": "string", "enum": ["vertical", "horizontal"], "default": "vertical", "description": "FuseDash `orientation` — picks the vertical or horizontal variant family." }, "layout": { "type": "string", "enum": ["grouped", "stacked"], "default": "grouped", "description": "FuseDash `stacked`. Only applies with more than one series; a single series always renders as the plain bar chart." }, "showGrid": { "type": "boolean", "default": true }, "showLegend": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true }, "cumulativeLine": { "type": "boolean", "default": false, "description": "FuseDash `cumulativeLine` — running-total overlay. Vertical single-series only." }, "xLabel": { "type": "string" }, "yLabel": { "type": "string" } }, "required": ["data"] };
 const barChartMeta = {
   id,
@@ -24,21 +31,35 @@ const barChartMeta = {
   entry,
   usageConditions,
   allowedActions,
+  tier,
+  intents,
+  dataRoles,
+  eligibility,
+  disqualify,
+  accessibility,
+  evalCases,
   propsSchema
 };
 export {
+  accessibility,
   allowedActions,
   chartTypeKeys,
   chartTypeMap,
+  dataRoles,
   barChartMeta as default,
   description,
+  disqualify,
+  eligibility,
   entry,
+  evalCases,
   id,
+  intents,
   lazyImport,
   propsSchema,
   source,
   stack,
   tag,
+  tier,
   title,
   usageConditions
 };

package/dist/components/bar-chart/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/box-plot-chart/element/styles.js

@@ -12,13 +12,13 @@ const boxPlotStyles = css`
   }
   .chart-body {
     flex: 1 1 auto;
-    min-height: 240px;
+    min-height: var(--ui9000-plot-min-height, 240px);
     display: flex;
     flex-direction: column;
   }
   .chart-scroll {
     flex: 1 1 auto;
-    min-height: 200px;
+    min-height: var(--ui9000-plot-min-height, 200px);
     overflow-y: auto;
     overflow-x: hidden;
     position: relative;
@@ -31,7 +31,7 @@ const boxPlotStyles = css`
   }
   .chart-root {
     width: 100%;
-    min-height: 240px;
+    min-height: var(--ui9000-plot-min-height, 240px);
   }
   .chart-root svg .bin-quartile {
     filter: drop-shadow(0 2px 2px rgb(3 4 4 / 6%))

package/dist/components/box-plot-chart/element/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/box-plot-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const boxPlotStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-body {\n    flex: 1 1 auto;\n    min-height: 240px;\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: 200px;\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: 240px;\n  }\n  .chart-root svg .bin-quartile {\n    filter: drop-shadow(0 2px 2px rgb(3 4 4 / 6%))\n      drop-shadow(0 2px 4px rgb(3 4 4 / 6%));\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .tooltip .name {\n    font-weight: 600;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/box-plot-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const boxPlotStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-body {\n    flex: 1 1 auto;\n    min-height: var(--ui9000-plot-min-height, 240px);\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: var(--ui9000-plot-min-height, 200px);\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: var(--ui9000-plot-min-height, 240px);\n  }\n  .chart-root svg .bin-quartile {\n    filter: drop-shadow(0 2px 2px rgb(3 4 4 / 6%))\n      drop-shadow(0 2px 4px rgb(3 4 4 / 6%));\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .tooltip .name {\n    font-weight: 600;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class Ui9000Button extends LitElement {
+    static styles: import('lit').CSSResult;
+    dataJson: string;
+    label: string;
+    actionType: string;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export declare function registerButton(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-button': Ui9000Button;
+    }
+}
+//# sourceMappingURL=ui9000-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/element/ui9000-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAEQ,QAAQ,SAAQ;IACnC,KAAK,SAAM;IACe,UAAU,SAAY;IAEnE,MAAM;CAUhB;AAED,wBAAgB,cAAc,IAAI,IAAI,CAIrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

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

@@ -0,0 +1,56 @@
+import { LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { dispatchUi9000Action } from "../../../element/dispatch-ui9000.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 Ui9000Button = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.dataJson = "{}";
+    this.label = "";
+    this.actionType = "submit";
+  }
+  render() {
+    const field = parseLabelledField(this.dataJson, { label: this.label, name: "button", value: "" });
+    if (!field) return html`<p class="blocked" role="alert">Label required</p>`;
+    const type = this.actionType.trim() || "submit";
+    return html`
+      <button class="btn" type="button" @click=${() => dispatchUi9000Action(this, { type })}>
+        ${field.label}
+      </button>
+    `;
+  }
+};
+Ui9000Button.styles = surfaceStyles;
+__decorateClass([
+  property({ type: String, attribute: "data" })
+], Ui9000Button.prototype, "dataJson", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000Button.prototype, "label", 2);
+__decorateClass([
+  property({ type: String, attribute: "action-type" })
+], Ui9000Button.prototype, "actionType", 2);
+Ui9000Button = __decorateClass([
+  customElement("ui9000-button")
+], Ui9000Button);
+function registerButton() {
+  if (!customElements.get("ui9000-button")) {
+    customElements.define("ui9000-button", Ui9000Button);
+  }
+}
+export {
+  Ui9000Button,
+  registerButton
+};
+//# sourceMappingURL=ui9000-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-button.js","sources":["../../../../src/components/button/element/ui9000-button.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { dispatchUi9000Action } from '../../../element/dispatch-ui9000.js';\nimport { surfaceStyles } from '../../../element/surface-styles.js';\nimport { parseLabelledField } from '../../../lib/labelled-control.js';\n\n@customElement('ui9000-button')\nexport class Ui9000Button extends LitElement {\n  static override styles = surfaceStyles;\n\n  @property({ type: String, attribute: 'data' }) dataJson = '{}';\n  @property({ type: String }) label = '';\n  @property({ type: String, attribute: 'action-type' }) actionType = 'submit';\n\n  override render() {\n    const field = parseLabelledField(this.dataJson, { label: this.label, name: 'button', value: '' });\n    if (!field) return html`<p class=\"blocked\" role=\"alert\">Label required</p>`;\n    const type = this.actionType.trim() || 'submit';\n    return html`\n      <button class=\"btn\" type=\"button\" @click=${() => dispatchUi9000Action(this, { type })}>\n        ${field.label}\n      </button>\n    `;\n  }\n}\n\nexport function registerButton(): void {\n  if (!customElements.get('ui9000-button')) {\n    customElements.define('ui9000-button', Ui9000Button);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-button': Ui9000Button;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAQO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAG0C,SAAA,WAAW;AAC9B,SAAA,QAAQ;AACkB,SAAA,aAAa;AAAA,EAAA;AAAA,EAE1D,SAAS;AAChB,UAAM,QAAQ,mBAAmB,KAAK,UAAU,EAAE,OAAO,KAAK,OAAO,MAAM,UAAU,OAAO,GAAA,CAAI;AAChG,QAAI,CAAC,MAAO,QAAO;AACnB,UAAM,OAAO,KAAK,WAAW,KAAA,KAAU;AACvC,WAAO;AAAA,iDACsC,MAAM,qBAAqB,MAAM,EAAE,KAAA,CAAM,CAAC;AAAA,UACjF,MAAM,KAAK;AAAA;AAAA;AAAA,EAGnB;AACF;AAjBa,aACK,SAAS;AAEsB,gBAAA;AAAA,EAA9C,SAAS,EAAE,MAAM,QAAQ,WAAW,QAAQ;AAAA,GAHlC,aAGoC,WAAA,YAAA,CAAA;AACnB,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJf,aAIiB,WAAA,SAAA,CAAA;AAC0B,gBAAA;AAAA,EAArD,SAAS,EAAE,MAAM,QAAQ,WAAW,eAAe;AAAA,GALzC,aAK2C,WAAA,cAAA,CAAA;AAL3C,eAAN,gBAAA;AAAA,EADN,cAAc,eAAe;AAAA,GACjB,YAAA;AAmBN,SAAS,iBAAuB;AACrC,MAAI,CAAC,eAAe,IAAI,eAAe,GAAG;AACxC,mBAAe,OAAO,iBAAiB,YAAY;AAAA,EACrD;AACF;"}

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

@@ -0,0 +1,3 @@
+export { Ui9000Button, registerButton } from './element/ui9000-button.js';
+export { default as buttonMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/button/index.js

@@ -0,0 +1,9 @@
+import { registerButton } from "./element/ui9000-button.js";
+import { Ui9000Button } from "./element/ui9000-button.js";
+import { default as default2 } from "./metadata.json.js";
+export {
+  Ui9000Button,
+  default2 as buttonMetadata,
+  registerButton
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,99 @@
+declare const _default: {
+  "id": "button",
+  "tag": "ui9000-button",
+  "title": "Button",
+  "description": "Button control. Fail-closed without a label.",
+  "chartTypeKeys": [],
+  "source": "ui9000-widgets Stage 2 close-out",
+  "stack": "lit",
+  "lazyImport": "@ui9000/widgets/lazy/button",
+  "entry": "@ui9000/widgets/button",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": [
+    "submit"
+  ],
+  "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": "button-picks-labelled",
+      "intent": "form",
+      "profile": {
+        "allControlsLabelled": true,
+        "controlCount": 1
+      },
+      "expect": "eligible",
+      "reasonIncludes": "label"
+    },
+    {
+      "id": "button-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/button/metadata.json.js

@@ -0,0 +1,63 @@
+const id = "button";
+const tag = "ui9000-button";
+const title = "Button";
+const description = "Button control. Fail-closed without a label.";
+const chartTypeKeys = [];
+const source = "ui9000-widgets Stage 2 close-out";
+const stack = "lit";
+const lazyImport = "@ui9000/widgets/lazy/button";
+const entry = "@ui9000/widgets/button";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["submit"];
+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": "button-picks-labelled", "intent": "form", "profile": { "allControlsLabelled": true, "controlCount": 1 }, "expect": "eligible", "reasonIncludes": "label" }, { "id": "button-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/button/metadata.json.js.map

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

package/dist/components/chart-renderer/element/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-renderer/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,yBAiC/B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-renderer/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,yBAoC/B,CAAC"}

package/dist/components/chart-renderer/element/styles.js

@@ -5,9 +5,12 @@ const chartRendererStyles = css`
     position: relative;
     width: 100%;
     height: 100%;
-    min-height: 220px;
+    min-height: var(--ui9000-host-min-height, 220px);
     box-sizing: border-box;
   }
+  :host([embedded]) {
+    min-height: 0;
+  }
   .host {
     display: block;
     width: 100%;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/chart-renderer/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const chartRendererStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    box-sizing: border-box;\n  }\n  .host {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    padding: 1rem;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    font-size: 0.875rem;\n    line-height: 1.4;\n  }\n  .empty strong {\n    display: block;\n    margin-bottom: 0.25rem;\n    color: var(--ui9000-color-text, #111827);\n    font-weight: 600;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/chart-renderer/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const chartRendererStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: var(--ui9000-host-min-height, 220px);\n    box-sizing: border-box;\n  }\n  :host([embedded]) {\n    min-height: 0;\n  }\n  .host {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    padding: 1rem;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    font-size: 0.875rem;\n    line-height: 1.4;\n  }\n  .empty strong {\n    display: block;\n    margin-bottom: 0.25rem;\n    color: var(--ui9000-color-text, #111827);\n    font-weight: 600;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/chart-renderer/element/ui9000-chart-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-chart-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-renderer/element/ui9000-chart-renderer.ts"],"names":[],"mappings":"AAsBA,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAcxC;IAED,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,WAAW,CAAK;IAExB,iBAAiB,IAAI,IAAI;IAqBzB,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,SAAS;YAgBH,UAAU;CAqFzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF;AAED,wBAAgB,qBAAqB,IAAI,IAAI,CAI5C"}
+{"version":3,"file":"ui9000-chart-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-renderer/element/ui9000-chart-renderer.ts"],"names":[],"mappings":"AAsBA,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAexC;IAED,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,WAAW,CAAK;IAExB,iBAAiB,IAAI,IAAI;IAqBzB,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,SAAS;YAgBH,UAAU;CAgGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF;AAED,wBAAgB,qBAAqB,IAAI,IAAI,CAI5C"}

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

@@ -30,6 +30,7 @@ class Ui9000ChartRenderer extends HTMLElement {
       "show-legend",
       "show-tooltip",
       "show-header",
+      "embedded",
       "chart-title",
       "mapbox-token",
       "geojson-base-url",
@@ -131,6 +132,9 @@ class Ui9000ChartRenderer extends HTMLElement {
     el.setAttribute("scale", this.scale);
     if (title) el.setAttribute("chart-title", title);
     else el.removeAttribute("chart-title");
+    if (this.getAttribute("show-header") === "false")
+      el.setAttribute("show-header", "false");
+    else el.removeAttribute("show-header");
     const showGrid = this.boolAttr("show-grid");
     const showLegend = this.boolAttr("show-legend");
     const showTooltip = this.boolAttr("show-tooltip");
@@ -157,6 +161,14 @@ class Ui9000ChartRenderer extends HTMLElement {
     el.style.display = "block";
     el.style.width = "100%";
     el.style.height = "100%";
+    if (this.hasAttribute("embedded")) {
+      el.setAttribute("embedded", "");
+      el.style.minHeight = "0";
+      el.style.setProperty("--ui9000-host-min-height", "0");
+      el.style.setProperty("--ui9000-plot-min-height", "0");
+    } else {
+      el.removeAttribute("embedded");
+    }
     if (!reuse) {
       this._host.replaceChildren();
       this._host.appendChild(el);