@fusedashlabs/widgets 0.2.0 → 0.3.1

package/dist/components/gini-impurity-entropy-chart/metadata.json.js

@@ -0,0 +1,42 @@
+const id = "gini-impurity-entropy-chart";
+const tag = "ui9000-gini-impurity-entropy-chart";
+const title = "Gini Impurity & Entropy Chart";
+const description = "Chat-optimized decision-tree impurity chart rewritten in D3. Entropy / Gini / misclassification curves over the class probability p, with optional p-hat, confidence-interval and split annotations.";
+const chartTypeKeys = ["giniImpurityEntropyChart"];
+const source = "client/libs/shared/components/src/Widgets/GiniImpurityEntropyChart/";
+const stack = "d3";
+const lazyImport = "@ui9000/widgets/lazy/gini-impurity-entropy-chart";
+const entry = "@ui9000/widgets/gini-impurity-entropy-chart";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["hover", "resize"];
+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", "number"] }, "value": { "type": "number" } } } }, { "type": "object", "properties": { "points": { "type": "array", "items": { "type": "object", "required": ["x", "y"], "properties": { "x": { "type": ["number", "string"] }, "y": { "type": "number" } } } }, "series": { "type": "array", "items": { "type": "object", "required": ["id", "points"], "properties": { "id": { "type": "string" }, "name": { "type": "string" }, "color": { "type": "string" }, "dash": { "type": "string" }, "points": { "type": "array", "items": { "type": "object", "required": ["x", "y"], "properties": { "x": { "type": ["number", "string"] }, "y": { "type": "number" } } } } } } }, "xLabel": { "type": "string" }, "yLabel": { "type": "string" }, "meta": { "type": "object", "properties": { "pHat": { "type": "number", "minimum": 0, "maximum": 1 }, "ci": { "type": "array", "items": { "type": "number" }, "minItems": 2, "maxItems": 2 }, "split": { "type": "object", "required": ["pLeft", "pRight"], "properties": { "pLeft": { "type": "number" }, "nLeft": { "type": "number" }, "pRight": { "type": "number" }, "nRight": { "type": "number" } } }, "showPHat": { "type": "boolean" }, "showCI": { "type": "boolean" }, "showSplit": { "type": "boolean" } } } } }] }, "showGrid": { "type": "boolean", "default": true }, "showLegend": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true }, "showPHat": { "type": "boolean", "default": false }, "showCI": { "type": "boolean", "default": false }, "showSplit": { "type": "boolean", "default": false } }, "required": ["data"] };
+const giniImpurityEntropyMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  giniImpurityEntropyMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/gini-impurity-entropy-chart/metadata.json.js.map

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

package/dist/components/gini-impurity-entropy-chart/render/draw.d.ts

@@ -0,0 +1,40 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';
+import { GiniImpurityEntropyModel } from '../lib/index.js';
+/** One series' reading at the hovered probability. */
+export interface GiniHoverEntry {
+    seriesId: string;
+    seriesName: string;
+    color: string;
+    value: number;
+}
+export interface RenderGiniImpurityEntropyChartOptions extends AxisLabelTooltipHandlers {
+    model: GiniImpurityEntropyModel;
+    width: number;
+    height: number;
+    /** Client `DEFAULT_MARGIN` when omitted by the host */
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    theme: WidgetTheme;
+    showGrid?: boolean;
+    themeMode?: 'light' | 'dark';
+    onHover?: (payload: {
+        p: number;
+        entries: GiniHoverEntry[];
+        /** Curve nearest the cursor — the one left undimmed */
+        activeSeriesId: string | null;
+        event: MouseEvent;
+    }) => void;
+    onLeave?: () => void;
+}
+/**
+ * FuseDash GiniImpurityEntropyChart plot — visual parity via D3.
+ * Coordinate system matches the client: the linear scales carry the margins in
+ * their range, so there is no translated plot group.
+ */
+export declare function renderGiniImpurityEntropyChart(container: HTMLElement, options: RenderGiniImpurityEntropyChartOptions): void;
+//# sourceMappingURL=draw.d.ts.map

package/dist/components/gini-impurity-entropy-chart/render/draw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/gini-impurity-entropy-chart/render/draw.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAIL,KAAK,wBAAwB,EAC9B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAOL,KAAK,wBAAwB,EAE9B,MAAM,iBAAiB,CAAC;AAEzB,sDAAsD;AACtD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qCACf,SAAQ,wBAAwB;IAChC,KAAK,EAAE,wBAAwB,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,OAAO,EAAE,cAAc,EAAE,CAAC;QAC1B,uDAAuD;QACvD,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,KAAK,EAAE,UAAU,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,8BAA8B,CAC5C,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,qCAAqC,GAC7C,IAAI,CAoTN"}

package/dist/components/gini-impurity-entropy-chart/render/draw.js

@@ -0,0 +1,160 @@
+import { axisBottom, axisLeft } from "d3-axis";
+import { scaleLinear } from "d3-scale";
+import { select, pointer } from "d3-selection";
+import { line, curveCatmullRom } from "d3-shape";
+import { resolvePlotLeftMargin, decorateAxisLabels, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
+import { FD, calculateNumTicks } from "../../../utils/fusedash-visual.js";
+import { collectPExtent, collectValueExtent } from "../lib/domain.js";
+import { splitAnnotation } from "../lib/overlays.js";
+import { formatProbability, formatImpurityTick } from "../lib/format.js";
+import { nearestPoint } from "../lib/series.js";
+function renderGiniImpurityEntropyChart(container, options) {
+  const {
+    model,
+    width,
+    height,
+    margin = { ...FD.giniMargin },
+    theme,
+    showGrid = true,
+    themeMode = "light",
+    onHover,
+    onLeave,
+    onAxisLabelHover,
+    onAxisLabelLeave
+  } = options;
+  container.replaceChildren();
+  if (!model.series.length || width <= 0 || height <= 0) return;
+  const m = {
+    top: margin.top,
+    bottom: margin.bottom,
+    left: resolvePlotLeftMargin(margin.left),
+    right: Math.max(margin.right, 1)
+  };
+  const plotTop = m.top;
+  const plotBottom = height - m.bottom;
+  const plotLeft = m.left;
+  const plotRight = width - m.right;
+  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;
+  const xScale = scaleLinear().domain(collectPExtent(model.series)).range([plotLeft, plotRight]);
+  const yScale = scaleLinear().domain(collectValueExtent(model.series)).range([plotBottom, plotTop]);
+  const numTicks = calculateNumTicks(height);
+  const yTicks = yScale.ticks(numTicks);
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("role", "img").attr("aria-label", "Gini impurity and entropy chart").style("display", "block").style("font-family", theme.fontFamily);
+  const root = svg.append("g").attr("class", "plot");
+  if (showGrid) {
+    const grid = root.append("g").attr("class", "grid");
+    for (const tick of yTicks) {
+      grid.append("line").attr("x1", plotLeft).attr("x2", plotRight).attr("y1", yScale(tick)).attr("y2", yScale(tick)).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("shape-rendering", "crispEdges");
+    }
+  }
+  const { overlays } = model;
+  if (overlays.showCI && overlays.ci) {
+    const [lo, hi] = overlays.ci;
+    root.append("rect").attr("class", "ci-band").attr("x", xScale(lo)).attr("y", plotTop).attr("width", Math.max(0, xScale(hi) - xScale(lo))).attr("height", plotBottom - plotTop).attr("fill", FD.giniOverlayColor).attr("fill-opacity", FD.giniOverlayBandOpacity);
+  }
+  const lineGen = line().defined((d) => Number.isFinite(d.value)).x((d) => xScale(d.p)).y((d) => yScale(d.value)).curve(curveCatmullRom.alpha(FD.giniCurveAlpha));
+  const curves = root.append("g").attr("class", "curves");
+  const curvePaths = model.series.map(
+    (series) => curves.append("path").attr("class", `curve curve-${series.id}`).datum(series.points).attr("fill", "none").attr("stroke", series.color).attr("stroke-width", FD.lineStrokeWidth).attr("stroke-linecap", "round").attr("stroke-linejoin", "round").attr("stroke-dasharray", series.dash ?? null).attr("d", lineGen)
+  );
+  if (overlays.showPHat && overlays.pHat !== void 0) {
+    const x = xScale(overlays.pHat);
+    root.append("line").attr("class", "p-hat-guide").attr("x1", x).attr("x2", x).attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", FD.giniOverlayColor).attr("stroke-width", FD.lineStrokeWidth).attr("stroke-dasharray", FD.giniOverlayDash);
+  }
+  const split = splitAnnotation(overlays);
+  if (split) {
+    const group = root.append("g").attr("class", "split-anno");
+    const markers = [
+      [split.pLeft, split.leftValue],
+      [split.pRight, split.rightValue]
+    ];
+    for (const [p, value] of markers) {
+      group.append("circle").attr("cx", xScale(p)).attr("cy", yScale(value)).attr("r", FD.giniSplitMarkerRadius).attr("fill", FD.giniSplitMarkerFill).attr("stroke", FD.giniSplitMarkerStroke).attr("stroke-width", 1.5);
+    }
+    group.append("text").attr("class", "split-label").attr("x", xScale((split.pLeft + split.pRight) / 2)).attr(
+      "y",
+      yScale(Math.max(split.leftValue, split.rightValue)) - FD.giniSplitLabelOffset
+    ).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(`ΔGini = ${split.delta.toFixed(3)}`);
+  }
+  const xAxis = root.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotBottom})`).call(
+    axisBottom(xScale).ticks(numTicks).tickSize(0).tickPadding(8).tickFormat((d) => formatProbability(Number(d)))
+  );
+  xAxis.select(".domain").attr("stroke", FD.axisStroke);
+  xAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize);
+  decorateAxisLabels(xAxis, { onAxisLabelHover, onAxisLabelLeave });
+  const yAxis = root.append("g").attr("class", "y-axis").attr("transform", `translate(${plotLeft},0)`).call(
+    axisLeft(yScale).tickValues(yTicks).tickSize(5).tickPadding(6).tickFormat((d) => formatImpurityTick(Number(d)))
+  );
+  yAxis.select(".domain").attr("stroke", "none");
+  yAxis.selectAll("line").attr("stroke", FD.axisStroke).attr("stroke-dasharray", FD.gridDash);
+  applyLeftGutterYAxisLabels(yAxis, plotLeft);
+  if (model.xLabel) {
+    root.append("text").attr("class", "x-axis-label").attr("x", (plotLeft + plotRight) / 2).attr("y", height - 2).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(model.xLabel);
+  }
+  if (model.yLabel) {
+    root.append("text").attr("class", "y-axis-label").attr("x", 4).attr("y", 11).attr("text-anchor", "start").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(model.yLabel);
+  }
+  if (!onHover) return;
+  const hover = root.append("g").attr("class", "hover").attr("opacity", 0);
+  const guide = hover.append("line").attr("class", "hover-guide").attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", themeMode === "dark" ? FD.hoverGuideDark : FD.hoverGuideLight).attr("stroke-width", FD.lineStrokeWidth).attr("pointer-events", "none");
+  const dots = model.series.map(
+    (series) => hover.append("circle").attr("class", "hover-dot").attr("r", FD.markerRadius).attr("fill", series.color).attr("stroke", themeMode === "dark" ? "#000" : "#fff").attr("stroke-width", 1.5).attr("pointer-events", "none")
+  );
+  root.append("rect").attr("class", "hover-surface").attr("x", plotLeft).attr("y", plotTop).attr("width", plotRight - plotLeft).attr("height", plotBottom - plotTop).attr("fill", "transparent").on("mousemove", (event) => {
+    const [mx] = pointer(event, container);
+    const p = xScale.invert(mx);
+    const hits = model.series.map(
+      (series) => nearestPoint(series.points, p)
+    );
+    const anchor = hits.find((hit) => hit !== null);
+    if (!anchor) {
+      hover.attr("opacity", 0);
+      curvePaths.forEach((path) => path.attr("opacity", 1));
+      return;
+    }
+    const [, my] = pointer(event, container);
+    let activeIndex = -1;
+    let activeDistance = Infinity;
+    hits.forEach((hit, i) => {
+      if (!hit) return;
+      const distance = Math.abs(yScale(hit.value) - my);
+      if (distance < activeDistance) {
+        activeDistance = distance;
+        activeIndex = i;
+      }
+    });
+    const entries = [];
+    hits.forEach((hit, i) => {
+      const active = i === activeIndex;
+      curvePaths[i].attr("opacity", active ? 1 : FD.giniCurveDimOpacity);
+      if (!hit) {
+        dots[i].attr("opacity", 0);
+        return;
+      }
+      dots[i].attr("opacity", active ? 1 : FD.giniCurveDimOpacity).attr("cx", xScale(hit.p)).attr("cy", yScale(hit.value));
+      const series = model.series[i];
+      entries.push({
+        seriesId: series.id,
+        seriesName: series.name,
+        color: series.color,
+        value: hit.value
+      });
+    });
+    guide.attr("x1", xScale(anchor.p)).attr("x2", xScale(anchor.p));
+    hover.attr("opacity", 1);
+    onHover({
+      p: anchor.p,
+      entries,
+      activeSeriesId: activeIndex >= 0 ? model.series[activeIndex].id : null,
+      event
+    });
+  }).on("mouseleave", () => {
+    hover.attr("opacity", 0);
+    curvePaths.forEach((path) => path.attr("opacity", 1));
+    onLeave == null ? void 0 : onLeave();
+  });
+}
+export {
+  renderGiniImpurityEntropyChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/gini-impurity-entropy-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/gini-impurity-entropy-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleLinear } from 'd3-scale';\nimport { pointer, select } from 'd3-selection';\nimport { curveCatmullRom, line as d3Line } from 'd3-shape';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport {\n  applyLeftGutterYAxisLabels,\n  decorateAxisLabels,\n  resolvePlotLeftMargin,\n  type AxisLabelTooltipHandlers,\n} from '../../../utils/axis-labels.js';\nimport { calculateNumTicks, FD } from '../../../utils/fusedash-visual.js';\nimport {\n  collectPExtent,\n  collectValueExtent,\n  formatImpurityTick,\n  formatProbability,\n  nearestPoint,\n  splitAnnotation,\n  type GiniImpurityEntropyModel,\n  type GiniSeriesPoint,\n} from '../lib/index.js';\n\n/** One series' reading at the hovered probability. */\nexport interface GiniHoverEntry {\n  seriesId: string;\n  seriesName: string;\n  color: string;\n  value: number;\n}\n\nexport interface RenderGiniImpurityEntropyChartOptions\n  extends AxisLabelTooltipHandlers {\n  model: GiniImpurityEntropyModel;\n  width: number;\n  height: number;\n  /** Client `DEFAULT_MARGIN` when omitted by the host */\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  showGrid?: boolean;\n  themeMode?: 'light' | 'dark';\n  onHover?: (payload: {\n    p: number;\n    entries: GiniHoverEntry[];\n    /** Curve nearest the cursor — the one left undimmed */\n    activeSeriesId: string | null;\n    event: MouseEvent;\n  }) => void;\n  onLeave?: () => void;\n}\n\n/**\n * FuseDash GiniImpurityEntropyChart plot — visual parity via D3.\n * Coordinate system matches the client: the linear scales carry the margins in\n * their range, so there is no translated plot group.\n */\nexport function renderGiniImpurityEntropyChart(\n  container: HTMLElement,\n  options: RenderGiniImpurityEntropyChartOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    margin = { ...FD.giniMargin },\n    theme,\n    showGrid = true,\n    themeMode = 'light',\n    onHover,\n    onLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  container.replaceChildren();\n  if (!model.series.length || width <= 0 || height <= 0) return;\n\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(margin.left),\n    right: Math.max(margin.right, 1),\n  };\n  const plotTop = m.top;\n  const plotBottom = height - m.bottom;\n  const plotLeft = m.left;\n  const plotRight = width - m.right;\n  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;\n\n  const xScale = scaleLinear()\n    .domain(collectPExtent(model.series))\n    .range([plotLeft, plotRight]);\n  const yScale = scaleLinear()\n    .domain(collectValueExtent(model.series))\n    .range([plotBottom, plotTop]);\n\n  const numTicks = calculateNumTicks(height);\n  const yTicks = yScale.ticks(numTicks);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('role', 'img')\n    .attr('aria-label', 'Gini impurity and entropy chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const root = svg.append('g').attr('class', 'plot');\n\n  // --- Grid: horizontal only, like the client ---\n  if (showGrid) {\n    const grid = root.append('g').attr('class', 'grid');\n    for (const tick of yTicks) {\n      grid\n        .append('line')\n        .attr('x1', plotLeft)\n        .attr('x2', plotRight)\n        .attr('y1', yScale(tick))\n        .attr('y2', yScale(tick))\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('shape-rendering', 'crispEdges');\n    }\n  }\n\n  // --- Confidence band sits under the curves ---\n  const { overlays } = model;\n  if (overlays.showCI && overlays.ci) {\n    const [lo, hi] = overlays.ci;\n    root\n      .append('rect')\n      .attr('class', 'ci-band')\n      .attr('x', xScale(lo))\n      .attr('y', plotTop)\n      .attr('width', Math.max(0, xScale(hi) - xScale(lo)))\n      .attr('height', plotBottom - plotTop)\n      .attr('fill', FD.giniOverlayColor)\n      .attr('fill-opacity', FD.giniOverlayBandOpacity);\n  }\n\n  // --- Curves (client: Catmull-Rom, alpha 0.5) ---\n  const lineGen = d3Line<GiniSeriesPoint>()\n    .defined((d) => Number.isFinite(d.value))\n    .x((d) => xScale(d.p))\n    .y((d) => yScale(d.value))\n    .curve(curveCatmullRom.alpha(FD.giniCurveAlpha));\n\n  const curves = root.append('g').attr('class', 'curves');\n  const curvePaths = model.series.map((series) =>\n    curves\n      .append('path')\n      .attr('class', `curve curve-${series.id}`)\n      .datum(series.points)\n      .attr('fill', 'none')\n      .attr('stroke', series.color)\n      .attr('stroke-width', FD.lineStrokeWidth)\n      .attr('stroke-linecap', 'round')\n      .attr('stroke-linejoin', 'round')\n      .attr('stroke-dasharray', series.dash ?? null)\n      .attr('d', lineGen),\n  );\n\n  // --- p-hat guide ---\n  if (overlays.showPHat && overlays.pHat !== undefined) {\n    const x = xScale(overlays.pHat);\n    root\n      .append('line')\n      .attr('class', 'p-hat-guide')\n      .attr('x1', x)\n      .attr('x2', x)\n      .attr('y1', plotTop)\n      .attr('y2', plotBottom)\n      .attr('stroke', FD.giniOverlayColor)\n      .attr('stroke-width', FD.lineStrokeWidth)\n      .attr('stroke-dasharray', FD.giniOverlayDash);\n  }\n\n  // --- Candidate split: child markers + the ΔGini they buy ---\n  const split = splitAnnotation(overlays);\n  if (split) {\n    const group = root.append('g').attr('class', 'split-anno');\n    const markers: Array<[number, number]> = [\n      [split.pLeft, split.leftValue],\n      [split.pRight, split.rightValue],\n    ];\n    for (const [p, value] of markers) {\n      group\n        .append('circle')\n        .attr('cx', xScale(p))\n        .attr('cy', yScale(value))\n        .attr('r', FD.giniSplitMarkerRadius)\n        .attr('fill', FD.giniSplitMarkerFill)\n        .attr('stroke', FD.giniSplitMarkerStroke)\n        .attr('stroke-width', 1.5);\n    }\n    group\n      .append('text')\n      .attr('class', 'split-label')\n      .attr('x', xScale((split.pLeft + split.pRight) / 2))\n      .attr(\n        'y',\n        yScale(Math.max(split.leftValue, split.rightValue)) -\n          FD.giniSplitLabelOffset,\n      )\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(`ΔGini = ${split.delta.toFixed(3)}`);\n  }\n\n  // --- Axes ---\n  const xAxis = root\n    .append('g')\n    .attr('class', 'x-axis')\n    .attr('transform', `translate(0,${plotBottom})`)\n    .call(\n      axisBottom(xScale)\n        .ticks(numTicks)\n        .tickSize(0)\n        .tickPadding(8)\n        .tickFormat((d) => formatProbability(Number(d))),\n    );\n  xAxis.select('.domain').attr('stroke', FD.axisStroke);\n  xAxis\n    .selectAll('text')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', FD.axisLabelSize);\n  decorateAxisLabels(xAxis, { onAxisLabelHover, onAxisLabelLeave });\n\n  const yAxis = root\n    .append('g')\n    .attr('class', 'y-axis')\n    .attr('transform', `translate(${plotLeft},0)`)\n    .call(\n      axisLeft(yScale)\n        .tickValues(yTicks)\n        .tickSize(5)\n        .tickPadding(6)\n        .tickFormat((d) => formatImpurityTick(Number(d))),\n    );\n  yAxis.select('.domain').attr('stroke', 'none');\n  yAxis\n    .selectAll('line')\n    .attr('stroke', FD.axisStroke)\n    .attr('stroke-dasharray', FD.gridDash);\n  applyLeftGutterYAxisLabels(yAxis, plotLeft);\n\n  if (model.xLabel) {\n    root\n      .append('text')\n      .attr('class', 'x-axis-label')\n      .attr('x', (plotLeft + plotRight) / 2)\n      .attr('y', height - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(model.xLabel);\n  }\n\n  // Unit: horizontal top-left — never rotate through the Y ticks\n  if (model.yLabel) {\n    root\n      .append('text')\n      .attr('class', 'y-axis-label')\n      .attr('x', 4)\n      .attr('y', 11)\n      .attr('text-anchor', 'start')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(model.yLabel);\n  }\n\n  if (!onHover) return;\n\n  // --- Crosshair: the curves are dense, so one hover reads every series,\n  //     while the curve nearest the cursor stays lit and the rest fade ---\n  const hover = root.append('g').attr('class', 'hover').attr('opacity', 0);\n  const guide = hover\n    .append('line')\n    .attr('class', 'hover-guide')\n    .attr('y1', plotTop)\n    .attr('y2', plotBottom)\n    .attr('stroke', themeMode === 'dark' ? FD.hoverGuideDark : FD.hoverGuideLight)\n    .attr('stroke-width', FD.lineStrokeWidth)\n    .attr('pointer-events', 'none');\n  const dots = model.series.map((series) =>\n    hover\n      .append('circle')\n      .attr('class', 'hover-dot')\n      .attr('r', FD.markerRadius)\n      .attr('fill', series.color)\n      .attr('stroke', themeMode === 'dark' ? '#000' : '#fff')\n      .attr('stroke-width', 1.5)\n      .attr('pointer-events', 'none'),\n  );\n\n  root\n    .append('rect')\n    .attr('class', 'hover-surface')\n    .attr('x', plotLeft)\n    .attr('y', plotTop)\n    .attr('width', plotRight - plotLeft)\n    .attr('height', plotBottom - plotTop)\n    .attr('fill', 'transparent')\n    .on('mousemove', (event: MouseEvent) => {\n      const [mx] = pointer(event, container);\n      const p = xScale.invert(mx);\n      const hits = model.series.map((series) =>\n        nearestPoint(series.points, p),\n      );\n\n      const anchor = hits.find((hit) => hit !== null);\n      if (!anchor) {\n        hover.attr('opacity', 0);\n        curvePaths.forEach((path) => path.attr('opacity', 1));\n        return;\n      }\n\n      // Vertical distance from the cursor picks the curve being read.\n      const [, my] = pointer(event, container);\n      let activeIndex = -1;\n      let activeDistance = Infinity;\n      hits.forEach((hit, i) => {\n        if (!hit) return;\n        const distance = Math.abs(yScale(hit.value) - my);\n        if (distance < activeDistance) {\n          activeDistance = distance;\n          activeIndex = i;\n        }\n      });\n\n      const entries: GiniHoverEntry[] = [];\n      hits.forEach((hit, i) => {\n        const active = i === activeIndex;\n        curvePaths[i].attr('opacity', active ? 1 : FD.giniCurveDimOpacity);\n        if (!hit) {\n          dots[i].attr('opacity', 0);\n          return;\n        }\n        dots[i]\n          .attr('opacity', active ? 1 : FD.giniCurveDimOpacity)\n          .attr('cx', xScale(hit.p))\n          .attr('cy', yScale(hit.value));\n        const series = model.series[i];\n        entries.push({\n          seriesId: series.id,\n          seriesName: series.name,\n          color: series.color,\n          value: hit.value,\n        });\n      });\n\n      guide.attr('x1', xScale(anchor.p)).attr('x2', xScale(anchor.p));\n      hover.attr('opacity', 1);\n      onHover({\n        p: anchor.p,\n        entries,\n        activeSeriesId: activeIndex >= 0 ? model.series[activeIndex].id : null,\n        event,\n      });\n    })\n    .on('mouseleave', () => {\n      hover.attr('opacity', 0);\n      curvePaths.forEach((path) => path.attr('opacity', 1));\n      onLeave?.();\n    });\n}\n"],"names":["d3Line"],"mappings":"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"}

package/dist/components/gini-impurity-entropy-chart/render/index.d.ts

@@ -0,0 +1,2 @@
+export { renderGiniImpurityEntropyChart, type GiniHoverEntry, type RenderGiniImpurityEntropyChartOptions, } from './draw.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gini-impurity-entropy-chart/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/gini-impurity-entropy-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,KAAK,cAAc,EACnB,KAAK,qCAAqC,GAC3C,MAAM,WAAW,CAAC"}

package/dist/components/histogram-chart/element/ui9000-histogram-chart.d.ts

@@ -20,7 +20,7 @@ export declare class Ui9000HistogramChart extends Ui9000ChartElement {
     private parseData;
     private renderLegend;
     private draw;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -14,7 +14,7 @@ export declare class Ui9000KpiWidget extends Ui9000ChartElement {
     private updateGridLayout;
     private renderValue;
     private renderCard;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 export declare function registerKpiWidget(): void;
 declare global {

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

@@ -1,5 +1,5 @@
 import { nothing, html } from "lit";
-import { styleMap as o } from "../../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/style-map.js";
+import { styleMap as o } from "../../../node_modules/lit-html/directives/style-map.js";
 import { property, state, customElement } from "lit/decorators.js";
 import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
 import { parseJsonAttr } from "../../../utils/chart-helpers.js";

package/dist/components/line-chart/element/ui9000-line-chart.d.ts

@@ -27,7 +27,7 @@ export declare class Ui9000LineChart extends Ui9000ChartElement {
     private xDomainHint;
     private renderLegend;
     private draw;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -25,7 +25,7 @@ export declare class Ui9000Lollipop extends Ui9000ChartElement {
     private labelHint;
     private renderLegend;
     private draw;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/network-graph/element/styles.d.ts

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

package/dist/components/network-graph/element/styles.d.ts.map

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

package/dist/components/network-graph/element/styles.js

@@ -0,0 +1,152 @@
+import { css } from "lit";
+const networkGraphStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 320px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-root {
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    border-radius: 12px;
+    background: var(--ui9000-color-surface-muted, #f9faff);
+    overflow: hidden;
+    touch-action: pan-y;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    flex: 1;
+    min-height: inherit;
+    padding: 8px;
+    text-align: center;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+  }
+
+  /* Legend — value buckets as half bubbles, with a two-thumb size filter. */
+  .graph-legend {
+    flex-shrink: 0;
+    /* The largest bubble overhangs the bar by half its diameter (3xl → ~19px). */
+    margin: 26px 0 8px;
+    user-select: none;
+  }
+  .legend-scale {
+    position: relative;
+    display: inline-flex;
+  }
+  .legend-bucket {
+    position: relative;
+    width: 40px;
+    height: 12px;
+    /* FuseDash tints the track with its label grey; the literal is the fallback
+       for engines without color-mix. */
+    background: #6c758429;
+    background: color-mix(in srgb, var(--ui9000-color-text-muted, #6c7584) 16%, transparent);
+    border-right: 1px solid var(--ui9000-color-border, #e5e7eb);
+    opacity: 1;
+  }
+  .legend-bucket[data-muted] {
+    opacity: 0.3;
+  }
+  .legend-bucket:first-child {
+    border-top-left-radius: 8px;
+    border-bottom-left-radius: 8px;
+  }
+  .legend-bucket:last-child {
+    border-right: none;
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+  /* Top half of a circle sitting on the bar, sized like the node it stands for. */
+  .legend-bucket::before {
+    content: '';
+    position: absolute;
+    top: -2px;
+    left: 50%;
+    width: var(--bubble-size);
+    height: var(--bubble-size);
+    transform: translate(-50%, -50%);
+    border-radius: 100%;
+    background: #6c758429;
+    background: color-mix(in srgb, var(--ui9000-color-text-muted, #6c7584) 16%, transparent);
+    -webkit-mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%);
+    mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%);
+  }
+  .legend-values {
+    display: flex;
+    padding-top: 6px;
+  }
+  .legend-value {
+    width: 40px;
+    padding-right: 5px;
+    font-size: 9px;
+    line-height: 16px;
+    text-align: center;
+    color: var(--ui9000-color-text-muted, #6c7584);
+  }
+  .legend-value:first-child {
+    text-align: start;
+  }
+  .legend-value:last-child {
+    text-align: end;
+  }
+
+  .legend-range {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+  }
+  .legend-range input {
+    position: absolute;
+    left: 0;
+    bottom: -4px;
+    width: 100%;
+    height: 12px;
+    margin: 0;
+    padding: 0;
+    background: none;
+    appearance: none;
+    -webkit-appearance: none;
+    pointer-events: none;
+  }
+  .legend-range input:focus-visible {
+    outline: 2px solid var(--ui9000-color-primary, #473dd9);
+    outline-offset: 2px;
+  }
+  .legend-range input::-webkit-slider-thumb {
+    appearance: none;
+    -webkit-appearance: none;
+    width: 8px;
+    height: 16px;
+    border: 1px solid var(--ui9000-color-border, #e5e7eb);
+    border-radius: 3px;
+    background: var(--ui9000-color-surface, #fff);
+    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
+    cursor: ew-resize;
+    pointer-events: auto;
+  }
+  .legend-range input::-moz-range-thumb {
+    width: 8px;
+    height: 16px;
+    border: 1px solid var(--ui9000-color-border, #e5e7eb);
+    border-radius: 3px;
+    background: var(--ui9000-color-surface, #fff);
+    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
+    cursor: ew-resize;
+    pointer-events: auto;
+  }
+  .legend-range input::-moz-range-track {
+    background: none;
+  }
+`;
+export {
+  networkGraphStyles
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/network-graph/element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/network-graph/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const networkGraphStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 320px;\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-root {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n    border-radius: 12px;\n    background: var(--ui9000-color-surface-muted, #f9faff);\n    overflow: hidden;\n    touch-action: pan-y;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    flex: 1;\n    min-height: inherit;\n    padding: 8px;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n\n  /* Legend — value buckets as half bubbles, with a two-thumb size filter. */\n  .graph-legend {\n    flex-shrink: 0;\n    /* The largest bubble overhangs the bar by half its diameter (3xl → ~19px). */\n    margin: 26px 0 8px;\n    user-select: none;\n  }\n  .legend-scale {\n    position: relative;\n    display: inline-flex;\n  }\n  .legend-bucket {\n    position: relative;\n    width: 40px;\n    height: 12px;\n    /* FuseDash tints the track with its label grey; the literal is the fallback\n       for engines without color-mix. */\n    background: #6c758429;\n    background: color-mix(in srgb, var(--ui9000-color-text-muted, #6c7584) 16%, transparent);\n    border-right: 1px solid var(--ui9000-color-border, #e5e7eb);\n    opacity: 1;\n  }\n  .legend-bucket[data-muted] {\n    opacity: 0.3;\n  }\n  .legend-bucket:first-child {\n    border-top-left-radius: 8px;\n    border-bottom-left-radius: 8px;\n  }\n  .legend-bucket:last-child {\n    border-right: none;\n    border-top-right-radius: 8px;\n    border-bottom-right-radius: 8px;\n  }\n  /* Top half of a circle sitting on the bar, sized like the node it stands for. */\n  .legend-bucket::before {\n    content: '';\n    position: absolute;\n    top: -2px;\n    left: 50%;\n    width: var(--bubble-size);\n    height: var(--bubble-size);\n    transform: translate(-50%, -50%);\n    border-radius: 100%;\n    background: #6c758429;\n    background: color-mix(in srgb, var(--ui9000-color-text-muted, #6c7584) 16%, transparent);\n    -webkit-mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%);\n    mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%);\n  }\n  .legend-values {\n    display: flex;\n    padding-top: 6px;\n  }\n  .legend-value {\n    width: 40px;\n    padding-right: 5px;\n    font-size: 9px;\n    line-height: 16px;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6c7584);\n  }\n  .legend-value:first-child {\n    text-align: start;\n  }\n  .legend-value:last-child {\n    text-align: end;\n  }\n\n  .legend-range {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n  .legend-range input {\n    position: absolute;\n    left: 0;\n    bottom: -4px;\n    width: 100%;\n    height: 12px;\n    margin: 0;\n    padding: 0;\n    background: none;\n    appearance: none;\n    -webkit-appearance: none;\n    pointer-events: none;\n  }\n  .legend-range input:focus-visible {\n    outline: 2px solid var(--ui9000-color-primary, #473dd9);\n    outline-offset: 2px;\n  }\n  .legend-range input::-webkit-slider-thumb {\n    appearance: none;\n    -webkit-appearance: none;\n    width: 8px;\n    height: 16px;\n    border: 1px solid var(--ui9000-color-border, #e5e7eb);\n    border-radius: 3px;\n    background: var(--ui9000-color-surface, #fff);\n    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);\n    cursor: ew-resize;\n    pointer-events: auto;\n  }\n  .legend-range input::-moz-range-thumb {\n    width: 8px;\n    height: 16px;\n    border: 1px solid var(--ui9000-color-border, #e5e7eb);\n    border-radius: 3px;\n    background: var(--ui9000-color-surface, #fff);\n    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);\n    cursor: ew-resize;\n    pointer-events: auto;\n  }\n  .legend-range input::-moz-range-track {\n    background: none;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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/network-graph/element/ui9000-network-graph.d.ts

@@ -0,0 +1,43 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+export declare class Ui9000NetworkGraph extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    showLegend: boolean;
+    showTooltip: boolean;
+    private _empty;
+    private _ranges;
+    private _range;
+    /** Non-reactive: selection is owned by the draw layer, redrawing would reset it. */
+    private _activeNodeId;
+    private _model;
+    private _resizeObserver?;
+    private _raf;
+    private _resizeRaf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    /**
+     * Legend / tooltip are Lit chrome. Toggling them must not re-settle the force
+     * layout (same class of rule as filter/resize staying in place).
+     */
+    private shouldRedraw;
+    private scheduleDraw;
+    /**
+     * A resize only re-frames the settled layout — re-running the force ticks
+     * would reshuffle the graph every time the chat pane changes width.
+     */
+    private scheduleResize;
+    private chartRoot;
+    private model;
+    private draw;
+    private setRange;
+    private renderLegend;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-network-graph': Ui9000NetworkGraph;
+    }
+}
+export declare function registerNetworkGraph(): void;
+//# sourceMappingURL=ui9000-network-graph.d.ts.map

package/dist/components/network-graph/element/ui9000-network-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-network-graph.d.ts","sourceRoot":"","sources":["../../../../src/components/network-graph/element/ui9000-network-graph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAyB7F,qBACa,kBAAmB,SAAQ,kBAAkB;IACxD,OAAgB,MAAM,4BAA0C;IAGhE,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,OAAO,CAA4B;IAG3C,OAAO,CAAC,MAAM,CAAmC;IAEjD,oFAAoF;IACpF,OAAO,CAAC,aAAa,CAAuB;IAE5C,OAAO,CAAC,MAAM,CAAkC;IAChD,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,UAAU,CAAK;IAEd,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAS5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAa/C;;;OAGG;IACH,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IAKpB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,KAAK;IASb,OAAO,CAAC,IAAI;IA2BZ,OAAO,CAAC,QAAQ;IAYhB,OAAO,CAAC,YAAY;IAwDX,MAAM;CAiBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAI3C"}