@eshal-bot/chat-widget 0.2.4 → 0.2.6

package/dist/chat-widget-markdown-chunk.js

@@ -20,70 +20,6 @@
 
   var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-  function _defineProperty$L(e, r, t) {
-    return (r = _toPropertyKey$K(r)) in e ? Object.defineProperty(e, r, {
-      value: t,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    }) : e[r] = t, e;
-  }
-  function ownKeys$G(e, r) {
-    var t = Object.keys(e);
-    if (Object.getOwnPropertySymbols) {
-      var o = Object.getOwnPropertySymbols(e);
-      r && (o = o.filter(function (r) {
-        return Object.getOwnPropertyDescriptor(e, r).enumerable;
-      })), t.push.apply(t, o);
-    }
-    return t;
-  }
-  function _objectSpread2(e) {
-    for (var r = 1; r < arguments.length; r++) {
-      var t = null != arguments[r] ? arguments[r] : {};
-      r % 2 ? ownKeys$G(Object(t), true).forEach(function (r) {
-        _defineProperty$L(e, r, t[r]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) {
-        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-      });
-    }
-    return e;
-  }
-  function _objectWithoutProperties$m(e, t) {
-    if (null == e) return {};
-    var o,
-      r,
-      i = _objectWithoutPropertiesLoose$m(e, t);
-    if (Object.getOwnPropertySymbols) {
-      var n = Object.getOwnPropertySymbols(e);
-      for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-    }
-    return i;
-  }
-  function _objectWithoutPropertiesLoose$m(r, e) {
-    if (null == r) return {};
-    var t = {};
-    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-      if (-1 !== e.indexOf(n)) continue;
-      t[n] = r[n];
-    }
-    return t;
-  }
-  function _toPrimitive$K(t, r) {
-    if ("object" != typeof t || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-      var i = e.call(t, r);
-      if ("object" != typeof i) return i;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return ("string" === r ? String : Number)(t);
-  }
-  function _toPropertyKey$K(t) {
-    var i = _toPrimitive$K(t, "string");
-    return "symbol" == typeof i ? i : i + "";
-  }
-
   function ok$2() {}
   function unreachable() {}
 
@@ -24141,7 +24077,7 @@
     return langs.indexOf(language) !== -1;
   });
 
-  var _excluded$m = ["language", "children", "style", "customStyle", "codeTagProps", "useInlineStyles", "showLineNumbers", "showInlineLineNumbers", "startingLineNumber", "lineNumberContainerStyle", "lineNumberStyle", "wrapLines", "wrapLongLines", "lineProps", "renderer", "PreTag", "CodeTag", "code", "astGenerator"];
+  var _excluded$l = ["language", "children", "style", "customStyle", "codeTagProps", "useInlineStyles", "showLineNumbers", "showInlineLineNumbers", "startingLineNumber", "lineNumberContainerStyle", "lineNumberStyle", "wrapLines", "wrapLongLines", "lineProps", "renderer", "PreTag", "CodeTag", "code", "astGenerator"];
   function ownKeys$E(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -24472,7 +24408,7 @@
         _ref7$code = _ref7.code,
         code = _ref7$code === void 0 ? (Array.isArray(children) ? children[0] : children) || '' : _ref7$code,
         astGenerator = _ref7.astGenerator,
-        rest = _objectWithoutProperties$l(_ref7, _excluded$m);
+        rest = _objectWithoutProperties$l(_ref7, _excluded$l);
       astGenerator = astGenerator || defaultAstGenerator;
       var allLineNumbers = showLineNumbers ? /*#__PURE__*/React.createElement(AllLineNumbers, {
         containerStyle: lineNumberContainerStyle,
@@ -50483,8 +50419,8 @@
     return out;
   };
 
-  var _excluded$l = ["children"],
-    _excluded2$9 = ["children"];
+  var _excluded$k = ["children"],
+    _excluded2$8 = ["children"];
   function _objectWithoutProperties$k(source, excluded) {
     if (source == null) return {};
     var target = _objectWithoutPropertiesLoose$k(source, excluded);
@@ -50721,10 +50657,10 @@
     if (!isNil_1(nextChild) && !isNil_1(prevChild)) {
       var _ref = nextChild.props || {},
         nextChildren = _ref.children,
-        nextProps = _objectWithoutProperties$k(_ref, _excluded$l);
+        nextProps = _objectWithoutProperties$k(_ref, _excluded$k);
       var _ref2 = prevChild.props || {},
         prevChildren = _ref2.children,
-        prevProps = _objectWithoutProperties$k(_ref2, _excluded2$9);
+        prevProps = _objectWithoutProperties$k(_ref2, _excluded2$8);
       if (nextChildren && prevChildren) {
         return shallowEqual(nextProps, prevProps) && isChildrenEqual(nextChildren, prevChildren);
       }
@@ -50766,7 +50702,7 @@
     return toArray(children).indexOf(child);
   };
 
-  var _excluded$k = ["children", "width", "height", "viewBox", "className", "style", "title", "desc"];
+  var _excluded$j = ["children", "width", "height", "viewBox", "className", "style", "title", "desc"];
   function _extends$v() {
     _extends$v = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -50816,7 +50752,7 @@
       style = props.style,
       title = props.title,
       desc = props.desc,
-      others = _objectWithoutProperties$j(props, _excluded$k);
+      others = _objectWithoutProperties$j(props, _excluded$j);
     var svgView = viewBox || {
       width: width,
       height: height,
@@ -50833,7 +50769,7 @@
     }), /*#__PURE__*/React.createElement("title", null, title), /*#__PURE__*/React.createElement("desc", null, desc), children);
   }
 
-  var _excluded$j = ["children", "className"];
+  var _excluded$i = ["children", "className"];
   function _extends$u() {
     _extends$u = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -50877,7 +50813,7 @@
   var Layer = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var children = props.children,
       className = props.className,
-      others = _objectWithoutProperties$i(props, _excluded$j);
+      others = _objectWithoutProperties$i(props, _excluded$i);
     var layerClass = clsx('recharts-layer', className);
     return /*#__PURE__*/React.createElement("g", _extends$u({
       className: layerClass
@@ -52134,7 +52070,7 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$K(o);
   }
-  var _excluded$i = ["type", "size", "sizeType"];
+  var _excluded$h = ["type", "size", "sizeType"];
   function _extends$t() {
     _extends$t = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -52272,7 +52208,7 @@
       size = _ref$size === void 0 ? 64 : _ref$size,
       _ref$sizeType = _ref.sizeType,
       sizeType = _ref$sizeType === void 0 ? 'area' : _ref$sizeType,
-      rest = _objectWithoutProperties$h(_ref, _excluded$i);
+      rest = _objectWithoutProperties$h(_ref, _excluded$h);
     var props = _objectSpread$D(_objectSpread$D({}, rest), {}, {
       type: type,
       size: size,
@@ -54570,7 +54506,7 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$I(o);
   }
-  var _excluded$h = ["ref"];
+  var _excluded$g = ["ref"];
   function ownKeys$B(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -54733,7 +54669,7 @@
       return /*#__PURE__*/React.createElement(content, props);
     }
     props.ref;
-      var otherProps = _objectWithoutProperties$g(props, _excluded$h);
+      var otherProps = _objectWithoutProperties$g(props, _excluded$g);
     return /*#__PURE__*/React.createElement(DefaultLegendContent, otherProps);
   }
   var EPS$1 = 1;
@@ -57361,8 +57297,8 @@
     return result;
   }
 
-  var _excluded$g = ["x", "y", "lineHeight", "capHeight", "scaleToFit", "textAnchor", "verticalAnchor", "fill"],
-    _excluded2$8 = ["dx", "dy", "angle", "className", "breakAll"];
+  var _excluded$f = ["x", "y", "lineHeight", "capHeight", "scaleToFit", "textAnchor", "verticalAnchor", "fill"],
+    _excluded2$7 = ["dx", "dy", "angle", "className", "breakAll"];
   function _extends$q() {
     _extends$q = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -57617,7 +57553,7 @@
       verticalAnchor = _ref5$verticalAnchor === void 0 ? 'end' : _ref5$verticalAnchor,
       _ref5$fill = _ref5.fill,
       fill = _ref5$fill === void 0 ? DEFAULT_FILL : _ref5$fill,
-      props = _objectWithoutProperties$f(_ref5, _excluded$g);
+      props = _objectWithoutProperties$f(_ref5, _excluded$f);
     var wordsByLines = React.useMemo(function () {
       return getWordsByLines({
         breakAll: props.breakAll,
@@ -57633,7 +57569,7 @@
       angle = props.angle,
       className = props.className,
       breakAll = props.breakAll,
-      textProps = _objectWithoutProperties$f(props, _excluded2$8);
+      textProps = _objectWithoutProperties$f(props, _excluded2$7);
     if (!isNumOrStr(propsX) || !isNumOrStr(propsY)) {
       return null;
     }
@@ -63296,7 +63232,7 @@
     }
   }
 
-  var _excluded$f = ["offset", "layout", "width", "dataKey", "data", "dataPointFormatter", "xAxis", "yAxis"];
+  var _excluded$e = ["offset", "layout", "width", "dataKey", "data", "dataPointFormatter", "xAxis", "yAxis"];
   function _typeof$A(o) {
     "@babel/helpers - typeof";
 
@@ -63514,7 +63450,7 @@
           dataPointFormatter = _this$props.dataPointFormatter,
           xAxis = _this$props.xAxis,
           yAxis = _this$props.yAxis,
-          others = _objectWithoutProperties$e(_this$props, _excluded$f);
+          others = _objectWithoutProperties$e(_this$props, _excluded$e);
         var svgProps = filterProps(others, false);
         !!(this.props.direction === 'x' && xAxis.type !== 'number') ? invariant() : void 0;
         var errorBars = data.map(function (entry) {
@@ -65145,7 +65081,7 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$w(o);
   }
-  var _excluded$e = ["offset"];
+  var _excluded$d = ["offset"];
   function _toConsumableArray$8(arr) {
     return _arrayWithoutHoles$8(arr) || _iterableToArray$9(arr) || _unsupportedIterableToArray$c(arr) || _nonIterableSpread$8();
   }
@@ -65533,7 +65469,7 @@
   function Label(_ref4) {
     var _ref4$offset = _ref4.offset,
       offset = _ref4$offset === void 0 ? 5 : _ref4$offset,
-      restProps = _objectWithoutProperties$d(_ref4, _excluded$e);
+      restProps = _objectWithoutProperties$d(_ref4, _excluded$d);
     var props = _objectSpread$s({
       offset: offset
     }, restProps);
@@ -65734,8 +65670,8 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$v(o);
   }
-  var _excluded$d = ["valueAccessor"],
-    _excluded2$7 = ["data", "dataKey", "clockWise", "id", "textBreakAll"];
+  var _excluded$c = ["valueAccessor"],
+    _excluded2$6 = ["data", "dataKey", "clockWise", "id", "textBreakAll"];
   function _toConsumableArray$7(arr) {
     return _arrayWithoutHoles$7(arr) || _iterableToArray$8(arr) || _unsupportedIterableToArray$b(arr) || _nonIterableSpread$7();
   }
@@ -65856,13 +65792,13 @@
   function LabelList(_ref) {
     var _ref$valueAccessor = _ref.valueAccessor,
       valueAccessor = _ref$valueAccessor === void 0 ? defaultAccessor : _ref$valueAccessor,
-      restProps = _objectWithoutProperties$c(_ref, _excluded$d);
+      restProps = _objectWithoutProperties$c(_ref, _excluded$c);
     var data = restProps.data,
       dataKey = restProps.dataKey,
       clockWise = restProps.clockWise,
       id = restProps.id,
       textBreakAll = restProps.textBreakAll,
-      others = _objectWithoutProperties$c(restProps, _excluded2$7);
+      others = _objectWithoutProperties$c(restProps, _excluded2$6);
     if (!data || !data.length) {
       return null;
     }
@@ -67760,7 +67696,7 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$p(o);
   }
-  var _excluded$c = ["children", "begin", "duration", "attributeName", "easing", "isActive", "steps", "from", "to", "canBegin", "onAnimationEnd", "shouldReAnimate", "onAnimationReStart"];
+  var _excluded$b = ["children", "begin", "duration", "attributeName", "easing", "isActive", "steps", "from", "to", "canBegin", "onAnimationEnd", "shouldReAnimate", "onAnimationReStart"];
   function _objectWithoutProperties$b(source, excluded) {
     if (source == null) return {};
     var target = _objectWithoutPropertiesLoose$b(source, excluded);
@@ -68202,7 +68138,7 @@
           _this$props4.onAnimationEnd;
           _this$props4.shouldReAnimate;
           _this$props4.onAnimationReStart;
-          var others = _objectWithoutProperties$b(_this$props4, _excluded$c);
+          var others = _objectWithoutProperties$b(_this$props4, _excluded$b);
         var count = React.Children.count(children);
         // eslint-disable-next-line react/destructuring-assignment
         var stateStyle = this.state.style;
@@ -75960,7 +75896,7 @@
     });
   };
 
-  var _excluded$b = ["points", "className", "baseLinePoints", "connectNulls"];
+  var _excluded$a = ["points", "className", "baseLinePoints", "connectNulls"];
   function _extends$j() {
     _extends$j = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -76071,7 +76007,7 @@
       className = props.className,
       baseLinePoints = props.baseLinePoints,
       connectNulls = props.connectNulls,
-      others = _objectWithoutProperties$a(props, _excluded$b);
+      others = _objectWithoutProperties$a(props, _excluded$a);
     if (!points || !points.length) {
       return null;
     }
@@ -76141,7 +76077,7 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$n(o);
   }
-  var _excluded$a = ["x", "y", "top", "left", "width", "height", "className"];
+  var _excluded$9 = ["x", "y", "top", "left", "width", "height", "className"];
   function _extends$h() {
     _extends$h = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -76248,7 +76184,7 @@
       _ref$height = _ref.height,
       height = _ref$height === void 0 ? 0 : _ref$height,
       className = _ref.className,
-      rest = _objectWithoutProperties$9(_ref, _excluded$a);
+      rest = _objectWithoutProperties$9(_ref, _excluded$9);
     var props = _objectSpread$k({
       x: x,
       y: y,
@@ -76330,8 +76266,8 @@
   }
   var minBy_1 = minBy;
 
-  var _excluded$9 = ["cx", "cy", "angle", "ticks", "axisLine"],
-    _excluded2$6 = ["ticks", "tick", "angle", "tickFormatter", "stroke"];
+  var _excluded$8 = ["cx", "cy", "angle", "ticks", "axisLine"],
+    _excluded2$5 = ["ticks", "tick", "angle", "tickFormatter", "stroke"];
   function _typeof$m(o) {
     "@babel/helpers - typeof";
 
@@ -76578,7 +76514,7 @@
           angle = _this$props3.angle,
           ticks = _this$props3.ticks,
           axisLine = _this$props3.axisLine,
-          others = _objectWithoutProperties$8(_this$props3, _excluded$9);
+          others = _objectWithoutProperties$8(_this$props3, _excluded$8);
         var extent = ticks.reduce(function (result, entry) {
           return [Math.min(result[0], entry.coordinate), Math.max(result[1], entry.coordinate)];
         }, [Infinity, -Infinity]);
@@ -76606,7 +76542,7 @@
           angle = _this$props4.angle,
           tickFormatter = _this$props4.tickFormatter,
           stroke = _this$props4.stroke,
-          others = _objectWithoutProperties$8(_this$props4, _excluded2$6);
+          others = _objectWithoutProperties$8(_this$props4, _excluded2$5);
         var textAnchor = this.getTickTextAnchor();
         var axisProps = filterProps(others, false);
         var customTickProps = filterProps(tick, false);
@@ -77318,7 +77254,7 @@
     });
   };
 
-  var _excluded$8 = ["option", "shapeType", "propTransformer", "activeClassName", "isActive"];
+  var _excluded$7 = ["option", "shapeType", "propTransformer", "activeClassName", "isActive"];
   function _typeof$j(o) {
     "@babel/helpers - typeof";
 
@@ -77457,7 +77393,7 @@
       _ref2$activeClassName = _ref2.activeClassName,
       activeClassName = _ref2$activeClassName === void 0 ? 'recharts-active-shape' : _ref2$activeClassName,
       isActive = _ref2.isActive,
-      props = _objectWithoutProperties$7(_ref2, _excluded$8);
+      props = _objectWithoutProperties$7(_ref2, _excluded$7);
     var shape;
     if (/*#__PURE__*/React.isValidElement(option)) {
       shape = /*#__PURE__*/React.cloneElement(option, _objectSpread$g(_objectSpread$g({}, props), getPropsFromShapeOption(option)));
@@ -79441,7 +79377,7 @@
   }
   var every_1 = every;
 
-  var _excluded$7 = ["x", "y"];
+  var _excluded$6 = ["x", "y"];
   function _typeof$f(o) {
     "@babel/helpers - typeof";
 
@@ -79549,7 +79485,7 @@
   function typeguardBarRectangleProps(_ref, props) {
     var xProp = _ref.x,
       yProp = _ref.y,
-      option = _objectWithoutProperties$6(_ref, _excluded$7);
+      option = _objectWithoutProperties$6(_ref, _excluded$6);
     var xValue = "".concat(xProp);
     var x = parseInt(xValue, 10);
     var yValue = "".concat(yProp);
@@ -79595,7 +79531,7 @@
     };
   };
 
-  var _excluded$6 = ["value", "background"];
+  var _excluded$5 = ["value", "background"];
   var _Bar;
   function _typeof$e(o) {
     "@babel/helpers - typeof";
@@ -79918,7 +79854,7 @@
         return data.map(function (entry, i) {
           entry.value;
             var background = entry.background,
-            rest = _objectWithoutProperties$5(entry, _excluded$6);
+            rest = _objectWithoutProperties$5(entry, _excluded$5);
           if (!background) {
             return null;
           }
@@ -82005,9 +81941,9 @@
     });
   }
 
-  var _excluded$5 = ["viewBox"],
-    _excluded2$5 = ["viewBox"],
-    _excluded3$1 = ["ticks"];
+  var _excluded$4 = ["viewBox"],
+    _excluded2$4 = ["viewBox"],
+    _excluded3 = ["ticks"];
   function _typeof$8(o) {
     "@babel/helpers - typeof";
 
@@ -82205,12 +82141,12 @@
       key: "shouldComponentUpdate",
       value: function shouldComponentUpdate(_ref, nextState) {
         var viewBox = _ref.viewBox,
-          restProps = _objectWithoutProperties$4(_ref, _excluded$5);
+          restProps = _objectWithoutProperties$4(_ref, _excluded$4);
         // props.viewBox is sometimes generated every time -
         // check that specially as object equality is likely to fail
         var _this$props = this.props,
           viewBoxOld = _this$props.viewBox,
-          restPropsOld = _objectWithoutProperties$4(_this$props, _excluded2$5);
+          restPropsOld = _objectWithoutProperties$4(_this$props, _excluded2$4);
         return !shallowEqual(viewBox, viewBoxOld) || !shallowEqual(restProps, restPropsOld) || !shallowEqual(nextState, this.state);
       }
     }, {
@@ -82439,7 +82375,7 @@
         }
         var _this$props8 = this.props,
           ticks = _this$props8.ticks,
-          noTicksProps = _objectWithoutProperties$4(_this$props8, _excluded3$1);
+          noTicksProps = _objectWithoutProperties$4(_this$props8, _excluded3);
         var finalTicks = ticks;
         if (isFunction_1(ticksGenerator)) {
           finalTicks = ticks && ticks.length > 0 ? ticksGenerator(this.props) : ticksGenerator(noTicksProps);
@@ -82504,8 +82440,8 @@
     interval: 'preserveEnd'
   });
 
-  var _excluded$4 = ["x1", "y1", "x2", "y2", "key"],
-    _excluded2$4 = ["offset"];
+  var _excluded$3 = ["x1", "y1", "x2", "y2", "key"],
+    _excluded2$3 = ["offset"];
   function _typeof$7(o) {
     "@babel/helpers - typeof";
 
@@ -82645,10 +82581,10 @@
         x2 = props.x2,
         y2 = props.y2,
         key = props.key,
-        others = _objectWithoutProperties$3(props, _excluded$4);
+        others = _objectWithoutProperties$3(props, _excluded$3);
       var _filterProps = filterProps(others, false);
         _filterProps.offset;
-        var restOfFilteredProps = _objectWithoutProperties$3(_filterProps, _excluded2$4);
+        var restOfFilteredProps = _objectWithoutProperties$3(_filterProps, _excluded2$3);
       lineItem = /*#__PURE__*/React.createElement("line", _extends$5({}, restOfFilteredProps, {
         x1: x1,
         y1: y1,
@@ -82949,8 +82885,8 @@
   }
   CartesianGrid.displayName = 'CartesianGrid';
 
-  var _excluded$3 = ["type", "layout", "connectNulls", "ref"],
-    _excluded2$3 = ["key"];
+  var _excluded$2 = ["type", "layout", "connectNulls", "ref"],
+    _excluded2$2 = ["key"];
   function _typeof$6(o) {
     "@babel/helpers - typeof";
 
@@ -83328,7 +83264,7 @@
           layout = _this$props3.layout,
           connectNulls = _this$props3.connectNulls;
           _this$props3.ref;
-          var others = _objectWithoutProperties$2(_this$props3, _excluded$3);
+          var others = _objectWithoutProperties$2(_this$props3, _excluded$2);
         var curveProps = _objectSpread$3(_objectSpread$3(_objectSpread$3({}, filterProps(others, true)), {}, {
           fill: 'none',
           className: 'recharts-line-curve',
@@ -83531,7 +83467,7 @@
           dotItem = option(props);
         } else {
           var key = props.key,
-            dotProps = _objectWithoutProperties$2(props, _excluded2$3);
+            dotProps = _objectWithoutProperties$2(props, _excluded2$2);
           var className = clsx('recharts-line-dot', typeof option !== 'boolean' ? option.className : '');
           dotItem = /*#__PURE__*/React.createElement(Dot, _extends$4({
             key: key
@@ -83617,8 +83553,8 @@
     }, offset);
   });
 
-  var _excluded$2 = ["layout", "type", "stroke", "connectNulls", "isRange", "ref"],
-    _excluded2$2 = ["key"];
+  var _excluded$1 = ["layout", "type", "stroke", "connectNulls", "isRange", "ref"],
+    _excluded2$1 = ["key"];
   var _Area;
   function _typeof$5(o) {
     "@babel/helpers - typeof";
@@ -83942,7 +83878,7 @@
           connectNulls = _this$props4.connectNulls,
           isRange = _this$props4.isRange;
           _this$props4.ref;
-          var others = _objectWithoutProperties$1(_this$props4, _excluded$2);
+          var others = _objectWithoutProperties$1(_this$props4, _excluded$1);
         return /*#__PURE__*/React.createElement(Layer, {
           clipPath: needClip ? "url(#clipPath-".concat(clipPathId, ")") : null
         }, /*#__PURE__*/React.createElement(Curve, _extends$3({}, filterProps(others, true), {
@@ -84288,7 +84224,7 @@
     } else {
       var className = clsx('recharts-area-dot', typeof option !== 'boolean' ? option.className : '');
       var key = props.key,
-        rest = _objectWithoutProperties$1(props, _excluded2$2);
+        rest = _objectWithoutProperties$1(props, _excluded2$1);
       dotItem = /*#__PURE__*/React.createElement(Dot, _extends$3({}, rest, {
         key: key,
         className: className
@@ -85433,8 +85369,8 @@
     return /*#__PURE__*/React.isValidElement(elementPropsCursor) ? /*#__PURE__*/React.cloneElement(elementPropsCursor, cursorProps) : /*#__PURE__*/React.createElement(cursorComp, cursorProps);
   }
 
-  var _excluded$1 = ["item"],
-    _excluded2$1 = ["children", "className", "width", "height", "style", "compact", "title", "desc"];
+  var _excluded = ["item"],
+    _excluded2 = ["children", "className", "width", "height", "style", "compact", "title", "desc"];
   function _typeof(o) {
     "@babel/helpers - typeof";
 
@@ -86838,7 +86774,7 @@
             return null;
           }
           var item = props.item,
-            otherProps = _objectWithoutProperties(props, _excluded$1);
+            otherProps = _objectWithoutProperties(props, _excluded);
           return /*#__PURE__*/React.cloneElement(item, _objectSpread(_objectSpread({}, otherProps), {}, {
             chartWidth: width,
             chartHeight: height,
@@ -87512,7 +87448,7 @@
             compact = _this$props6.compact,
             title = _this$props6.title,
             desc = _this$props6.desc,
-            others = _objectWithoutProperties(_this$props6, _excluded2$1);
+            others = _objectWithoutProperties(_this$props6, _excluded2);
           var attrs = filterProps(others, false);
 
           // The "compact" mode is mainly used as the panorama within Brush
@@ -87791,8 +87727,8 @@
    */
 
   function formatCompactNumber(n) {
-    if (n >= 1000000) return "".concat((n / 1000000).toFixed(1), "M");
-    if (n >= 1000) return "".concat((n / 1000).toFixed(1), "k");
+    if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;
+    if (n >= 1_000) return `${(n / 1_000).toFixed(1)}k`;
     return String(n);
   }
 
@@ -87813,12 +87749,12 @@
   // "$87,600" (comma-grouped, up to 2 decimals, no forced trailing zeros so a
   // whole-dollar salary reads "$81,200" not "$81,200.00").
   function formatCurrencyCompact(v) {
-    return "$".concat(formatCompactNumber(v));
+    return `$${formatCompactNumber(v)}`;
   }
   function formatCurrencyFull(v) {
-    return "$".concat(Number(v).toLocaleString('en-US', {
-      maximumFractionDigits: 2
-    }));
+    return `$${Number(v).toLocaleString('en-US', {
+    maximumFractionDigits: 2
+  })}`;
   }
 
   /**
@@ -87827,11 +87763,10 @@
    * Expects `props.data` to be an array of `{ label, value }` objects
    * (already normalized by A2uiBlock's numericData helper).
    */
-  function BarChartRenderer(_ref) {
-    let {
-      props,
-      isDark = false
-    } = _ref;
+  function BarChartRenderer({
+    props,
+    isDark = false
+  }) {
     const data = Array.isArray(props.data) ? props.data : [];
     // Whether the Y values are money - drives the `$` on axis ticks + tooltip.
     const currency = isCurrencyKey$1(props.yKey);
@@ -87848,7 +87783,7 @@
       return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
         style: {
           borderRadius: 8,
-          border: "1px solid ".concat(borderColor),
+          border: `1px solid ${borderColor}`,
           background: bgColor,
           padding: 12,
           margin: '8px 0'
@@ -87870,10 +87805,7 @@
         })]
       });
     }
-    const hasLongLabels = data.some(d => {
-      var _d$label;
-      return String((_d$label = d.label) !== null && _d$label !== void 0 ? _d$label : '').length > 10;
-    });
+    const hasLongLabels = data.some(d => String(d.label ?? '').length > 10);
     const xAngle = hasLongLabels ? -35 : 0;
     const xAnchor = hasLongLabels ? 'end' : 'middle';
     const bottomMargin = hasLongLabels ? 48 : 20;
@@ -87881,7 +87813,7 @@
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
       style: {
         borderRadius: 8,
-        border: "1px solid ".concat(borderColor),
+        border: `1px solid ${borderColor}`,
         background: bgColor,
         padding: 12,
         margin: '8px 0'
@@ -87926,7 +87858,7 @@
               textAnchor: xAnchor,
               interval: 0,
               tickFormatter: v => {
-                const s = String(v !== null && v !== void 0 ? v : '');
+                const s = String(v ?? '');
                 return s.replace(/[_\-]+/g, ' ').replace(/\b\w/g, c => c.toUpperCase());
               },
               label: props.xAxisLabel ? {
@@ -87949,12 +87881,12 @@
                 fontSize: 11,
                 fill: labelColor
               } : undefined,
-              tickFormatter: v => currency ? formatCurrencyCompact(v) : props.unit ? "".concat(formatCompactNumber(v), " ").concat(props.unit) : formatCompactNumber(v)
+              tickFormatter: v => currency ? formatCurrencyCompact(v) : props.unit ? `${formatCompactNumber(v)} ${props.unit}` : formatCompactNumber(v)
             }), /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
-              formatter: v => currency ? formatCurrencyFull(v) : props.unit ? "".concat(Number(v).toLocaleString(), " ").concat(props.unit) : Number(v).toLocaleString(),
+              formatter: v => currency ? formatCurrencyFull(v) : props.unit ? `${Number(v).toLocaleString()} ${props.unit}` : Number(v).toLocaleString(),
               contentStyle: {
                 background: tooltipBg,
-                border: "1px solid ".concat(borderColor),
+                border: `1px solid ${borderColor}`,
                 borderRadius: 6,
                 fontSize: 12,
                 color: titleColor
@@ -87981,11 +87913,10 @@
    * KPI card - mirrors agent-sdk's eshalRenderers.KPICard.
    * Dark-mode aware.
    */
-  function KPICardRenderer(_ref2) {
-    let {
-      props,
-      isDark = false
-    } = _ref2;
+  function KPICardRenderer({
+    props,
+    isDark = false
+  }) {
     const trend = props.trend;
     const trendColor = trend === 'up' ? '#059669' : trend === 'down' ? '#e11d48' : '#64748b';
     const trendArrow = trend === 'up' ? '↑' : trend === 'down' ? '↓' : trend === 'flat' ? '→' : null;
@@ -87996,7 +87927,7 @@
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
       style: {
         borderRadius: 8,
-        border: "1px solid ".concat(borderColor),
+        border: `1px solid ${borderColor}`,
         background: bgColor,
         padding: 12,
         margin: '8px 0'
@@ -88067,12 +87998,11 @@
     if (!Number.isFinite(percent)) return 'inside';
     return percent < PIE_LABEL_MIN_SHARE ? 'outside' : 'inside';
   }
-  function PieChartRenderer(_ref3) {
-    let {
-      props,
-      isDark = false,
-      donut = false
-    } = _ref3;
+  function PieChartRenderer({
+    props,
+    isDark = false,
+    donut = false
+  }) {
     const data = Array.isArray(props.data) ? props.data : [];
     const currency = isCurrencyKey$1(props.yKey);
     const borderColor = isDark ? '#374151' : '#e2e8f0';
@@ -88138,7 +88068,7 @@
           pointerEvents: 'none'
         },
         children: [/*#__PURE__*/jsxRuntimeExports.jsx("polyline", {
-          points: "".concat(cx + rOut * cos, ",").concat(cy + rOut * sin, " ").concat(ex, ",").concat(ey, " ").concat(tx, ",").concat(ey),
+          points: `${cx + rOut * cos},${cy + rOut * sin} ${ex},${ey} ${tx},${ey}`,
           stroke: sliceColor,
           strokeWidth: 1,
           fill: "none"
@@ -88159,7 +88089,7 @@
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
       style: {
         borderRadius: 8,
-        border: "1px solid ".concat(borderColor),
+        border: `1px solid ${borderColor}`,
         background: bgColor,
         padding: 12,
         margin: '8px 0'
@@ -88209,7 +88139,7 @@
               formatter: v => currency ? formatCurrencyFull(v) : Number(v).toLocaleString(),
               contentStyle: {
                 background: tooltipBg,
-                border: "1px solid ".concat(borderColor),
+                border: `1px solid ${borderColor}`,
                 borderRadius: 6,
                 fontSize: 12,
                 color: titleColor
@@ -88233,12 +88163,11 @@
    * `props.data` must be an array of `{ label, value }` objects.
    * Set `area={true}` to fill under the line.
    */
-  function LineChartRenderer(_ref4) {
-    let {
-      props,
-      isDark = false,
-      area = false
-    } = _ref4;
+  function LineChartRenderer({
+    props,
+    isDark = false,
+    area = false
+  }) {
     const data = Array.isArray(props.data) ? props.data : [];
     const currency = isCurrencyKey$1(props.yKey);
     const seriesName = props.valueLabel || undefined;
@@ -88252,7 +88181,7 @@
       return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
         style: {
           borderRadius: 8,
-          border: "1px solid ".concat(borderColor),
+          border: `1px solid ${borderColor}`,
           background: bgColor,
           padding: 12,
           margin: '8px 0'
@@ -88278,7 +88207,7 @@
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
       style: {
         borderRadius: 8,
-        border: "1px solid ".concat(borderColor),
+        border: `1px solid ${borderColor}`,
         background: bgColor,
         padding: 12,
         margin: '8px 0'
@@ -88335,12 +88264,12 @@
                 fontSize: 11,
                 fill: labelColor
               },
-              tickFormatter: v => currency ? formatCurrencyCompact(v) : props.unit ? "".concat(formatCompactNumber(v), " ").concat(props.unit) : formatCompactNumber(v)
+              tickFormatter: v => currency ? formatCurrencyCompact(v) : props.unit ? `${formatCompactNumber(v)} ${props.unit}` : formatCompactNumber(v)
             }), /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
-              formatter: v => currency ? formatCurrencyFull(v) : props.unit ? "".concat(Number(v).toLocaleString(), " ").concat(props.unit) : Number(v).toLocaleString(),
+              formatter: v => currency ? formatCurrencyFull(v) : props.unit ? `${Number(v).toLocaleString()} ${props.unit}` : Number(v).toLocaleString(),
               contentStyle: {
                 background: tooltipBg,
-                border: "1px solid ".concat(borderColor),
+                border: `1px solid ${borderColor}`,
                 borderRadius: 6,
                 fontSize: 12,
                 color: titleColor
@@ -88416,24 +88345,57 @@
    * Every `href`/`src` sink in A2uiBlock must go through this first. Only
    * absolute http(s) URLs pass; anything else (javascript:, data:, vbscript:,
    * a bare relative path, non-string) is dropped rather than rendered.
+   *
+   * EV-3956: the canonical copy lives in `@eshal/shared`
+   * (`src/a2ui/safeUrl.ts`). This package is published to npm while
+   * @eshal/shared is private, so it keeps its own copy rather than declaring
+   * a dependency consumers cannot resolve. Parity with the canonical version
+   * is enforced by packages/shared/src/__tests__/safeUrlParity.test.ts - if
+   * you change the logic here, change it there too or the build fails.
    */
   function safeUrl(u) {
     return typeof u === 'string' && /^https?:\/\//i.test(u) ? u : undefined;
   }
 
-  function A2uiBlock(_ref) {
-    let {
-      spec,
-      isDark = false,
-      onButtonClick
-    } = _ref;
+  /**
+   * A2uiBlock - render `eshal-ui` / `eshal-chart` / `chart` fence JSON as a
+   * real visual block inside the embedded chat widget.
+   *
+   * Mirrors `packages/frontend/src/components/charts/A2uiBlock.tsx` (used by
+   * the frontend app's inbox, agent-builder TestPanel, and preview AssistantMessage)
+   * but is self-contained - no `recharts` / `d3` dependency, because every byte
+   * counts on a widget the customer loads on EVERY page of their site. Charts
+   * are hand-rolled SVG (bar / line / pie / donut). Tables / alerts / cards /
+   * KPIs / button-groups render as plain HTML.
+   *
+   * Protocol (must stay in sync with the agent-side fence emitter):
+   *
+   *     ```eshal-ui
+   *     {"type":"line","title":"Avg salary","x":"name","y":"salary",
+   *      "data":[{"name":"Eng","salary":105000},{"name":"Finance","salary":106500}]}
+   *     ```
+   *
+   * Supported `type` values: bar, line, area, pie, donut, table, alert, card,
+   * kpi, button-group, form, confirmation, menu, profile, timeline, rating,
+   * comparison, gallery. Anything else (waterfall, heatmap, sankey, etc.)
+   * falls back to a bar chart if a `data[]` array is present, or a clean
+   * labeled value list if not - NEVER raw JSON in a code block, which is the
+   * bug this file fixes (12-06-2026).
+   */
+
+  function A2uiBlock({
+    spec,
+    isDark = false,
+    onButtonClick
+  }) {
     if (!spec || typeof spec !== 'object') return null;
     // Issue 1: scrub any leaked DB field/column name from the title once, so every
     // block type below (chart / KPI / table / card / button group) renders a clean
     // user-facing heading - e.g. drop "(summed from the employees.salary field)".
-    spec = _objectSpread2(_objectSpread2({}, spec), {}, {
+    spec = {
+      ...spec,
       title: sanitizeChartTitle(spec.title)
-    });
+    };
     // Normalize underscore_case → kebab-case so the agent can emit either
     // form. Both `key_observations` and `key-observations` route here.
     const t = String(spec.type || '').trim().toLowerCase().replace(/_/g, '-');
@@ -88470,11 +88432,10 @@
       isDark: isDark
     });
     if (t === 'kpi') {
-      var _ref2, _ref3, _spec$value, _spec$change, _spec$trend;
-      const value = (_ref2 = (_ref3 = (_spec$value = spec.value) !== null && _spec$value !== void 0 ? _spec$value : spec.amount) !== null && _ref3 !== void 0 ? _ref3 : spec.metric) !== null && _ref2 !== void 0 ? _ref2 : spec.kpi;
+      const value = spec.value ?? spec.amount ?? spec.metric ?? spec.kpi;
       const delta = spec.delta != null ? Number(spec.delta) : null;
-      const change = (_spec$change = spec.change) !== null && _spec$change !== void 0 ? _spec$change : delta != null && Number.isFinite(delta) ? delta >= 0 ? "+".concat(delta) : String(delta) : undefined;
-      const trend = (_spec$trend = spec.trend) !== null && _spec$trend !== void 0 ? _spec$trend : delta != null && Number.isFinite(delta) ? delta > 0 ? 'up' : delta < 0 ? 'down' : 'flat' : undefined;
+      const change = spec.change ?? (delta != null && Number.isFinite(delta) ? delta >= 0 ? `+${delta}` : String(delta) : undefined);
+      const trend = spec.trend ?? (delta != null && Number.isFinite(delta) ? delta > 0 ? 'up' : delta < 0 ? 'down' : 'flat' : undefined);
       return /*#__PURE__*/jsxRuntimeExports.jsx(KPICardRenderer, {
         props: {
           label: spec.label || spec.title || '',
@@ -88515,9 +88476,10 @@
       isDark: isDark,
       onButtonClick: onButtonClick
     });
-    if (t === 'form') return /*#__PURE__*/jsxRuntimeExports.jsx(FormDisplay, {
+    if (t === 'form') return /*#__PURE__*/jsxRuntimeExports.jsx(Form, {
       spec: spec,
-      isDark: isDark
+      isDark: isDark,
+      onButtonClick: onButtonClick
     });
     if (t === 'confirmation') return /*#__PURE__*/jsxRuntimeExports.jsx(Confirmation, {
       spec: spec,
@@ -88606,7 +88568,7 @@
   }
   function numericData(data, xKey, yKey) {
     return (data || []).map(row => {
-      const raw = row === null || row === void 0 ? void 0 : row[xKey];
+      const raw = row?.[xKey];
       return {
         // Pre-format the label so bar/line ticks read "Jan" instead
         // of "1" and "Office Supplies" instead of "office_supplies".
@@ -88617,19 +88579,18 @@
         label: formatAxisTick(raw, xKey),
         // Raw value preserved - value formatting (currency etc.) is
         // applied at render-time by BarSvg/LineSvg using yKey.
-        value: Number(row === null || row === void 0 ? void 0 : row[yKey])
+        value: Number(row?.[yKey])
       };
     }).filter(d => Number.isFinite(d.value));
   }
 
   // ── Chart (SVG: line / bar / pie / donut + everything-else fallback) ─────
 
-  function Chart(_ref4) {
-    let {
-      spec,
-      type,
-      isDark
-    } = _ref4;
+  function Chart({
+    spec,
+    type,
+    isDark
+  }) {
     const {
       x,
       y
@@ -88677,11 +88638,10 @@
       isDark: isDark
     });
   }
-  function Table(_ref1) {
-    let {
-      spec,
-      isDark
-    } = _ref1;
+  function Table({
+    spec,
+    isDark
+  }) {
     const cols = Array.isArray(spec.columns) && spec.columns.length > 0 ? spec.columns : Array.isArray(spec.data) && spec.data[0] ? Object.keys(spec.data[0]) : [];
     const rows = Array.isArray(spec.data) ? spec.data : Array.isArray(spec.rows) ? spec.rows : [];
     if (cols.length === 0 || rows.length === 0) {
@@ -88730,12 +88690,12 @@
             })
           }), /*#__PURE__*/jsxRuntimeExports.jsx("tbody", {
             children: rows.map((row, i) => /*#__PURE__*/jsxRuntimeExports.jsx("tr", {
-              children: cols.map(c => /*#__PURE__*/jsxRuntimeExports.jsx("td", {
+              children: cols.map((c, ci) => /*#__PURE__*/jsxRuntimeExports.jsx("td", {
                 style: {
                   border,
                   padding: '6px 8px'
                 },
-                children: row && typeof row === 'object' ? formatCell(row[c], c) : ''
+                children: Array.isArray(row) ? formatCell(row[ci], c) : row && typeof row === 'object' ? formatCell(row[c], c) : ''
               }, c))
             }, i))
           })]
@@ -88743,11 +88703,10 @@
       })]
     });
   }
-  function Alert(_ref10) {
-    let {
-      spec,
-      isDark
-    } = _ref10;
+  function Alert({
+    spec,
+    isDark
+  }) {
     const lvl = String(spec.level || 'info').toLowerCase();
     // EV-2258 Status Message Spec v1 - same --status-success/warning/error/info
     // tokens as packages/frontend/src/app/globals.css. This file styles via JS
@@ -88778,11 +88737,12 @@
     palette.warning = palette.warn;
     const p = palette[lvl] || palette.info;
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-      style: _objectSpread2(_objectSpread2({}, card(isDark)), {}, {
+      style: {
+        ...card(isDark),
         background: p.bg,
-        borderLeft: "4px solid ".concat(p.border),
+        borderLeft: `4px solid ${p.border}`,
         color: p.text
-      }),
+      },
       children: [spec.title && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
         style: {
           fontWeight: 600,
@@ -88842,12 +88802,11 @@
     ticket: Ticket,
     check: CircleCheck
   };
-  function Card(_ref11) {
-    let {
-      spec,
-      isDark,
-      onButtonClick
-    } = _ref11;
+  function Card({
+    spec,
+    isDark,
+    onButtonClick
+  }) {
     const fields = Array.isArray(spec.fields) ? spec.fields : [];
     const actions = Array.isArray(spec.actions) ? spec.actions : [];
     const status = spec.status;
@@ -88861,10 +88820,11 @@
     const imageUrl = safeUrl(spec.image);
     const pill = status && status.label ? _STATUS_PILL(isDark)[status.variant || 'success'] : null;
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-      style: _objectSpread2(_objectSpread2({}, card(isDark)), {}, {
+      style: {
+        ...card(isDark),
         minWidth: 0,
         overflow: 'hidden'
-      }),
+      },
       children: [imageUrl && /*#__PURE__*/jsxRuntimeExports.jsx("img", {
         src: imageUrl,
         alt: spec.title || '',
@@ -89007,28 +88967,25 @@
           const value = a.value || a.label;
           return /*#__PURE__*/jsxRuntimeExports.jsx("button", {
             type: "button",
-            onClick: onButtonClick ? () => {
-              var _a$label;
-              return onButtonClick(String(value !== null && value !== void 0 ? value : ''), String((_a$label = a.label) !== null && _a$label !== void 0 ? _a$label : ''));
-            } : undefined,
+            onClick: onButtonClick ? () => onButtonClick(String(value ?? ''), String(a.label ?? '')) : undefined,
             disabled: !onButtonClick,
             title: !onButtonClick ? 'Action (no handler wired)' : undefined,
-            style: _objectSpread2(_objectSpread2({}, base), {}, {
+            style: {
+              ...base,
               cursor: onButtonClick ? 'pointer' : 'default',
               opacity: onButtonClick ? 1 : 0.5
-            }),
+            },
             children: a.label
           }, i);
         })
       })]
     });
   }
-  function ButtonGroup(_ref12) {
-    let {
-      spec,
-      isDark,
-      onButtonClick
-    } = _ref12;
+  function ButtonGroup({
+    spec,
+    isDark,
+    onButtonClick
+  }) {
     const buttons = Array.isArray(spec.buttons) ? spec.buttons : [];
     if (buttons.length === 0) return null;
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
@@ -89050,52 +89007,326 @@
           flexWrap: 'wrap',
           gap: 6
         },
-        children: buttons.map((b, i) => {
-          var _ref15, _b$label2;
-          return /*#__PURE__*/jsxRuntimeExports.jsx("button", {
-            type: "button",
-            onClick: onButtonClick ? () => {
-              var _ref13, _b$value, _ref14, _b$label;
-              return onButtonClick(String((_ref13 = (_b$value = b.value) !== null && _b$value !== void 0 ? _b$value : b.label) !== null && _ref13 !== void 0 ? _ref13 : ''), String((_ref14 = (_b$label = b.label) !== null && _b$label !== void 0 ? _b$label : b.value) !== null && _ref14 !== void 0 ? _ref14 : ''));
-            } : undefined,
-            disabled: !onButtonClick,
-            style: {
-              border: '1px solid ' + (isDark ? '#374151' : '#d1d5db'),
-              background: isDark ? '#1f2937' : '#ffffff',
-              color: isDark ? '#f3f4f6' : '#111827',
-              padding: '6px 12px',
-              borderRadius: 6,
-              fontSize: 12,
-              cursor: onButtonClick ? 'pointer' : 'default',
-              opacity: onButtonClick ? 1 : 0.6
-            },
-            children: String((_ref15 = (_b$label2 = b.label) !== null && _b$label2 !== void 0 ? _b$label2 : b.value) !== null && _ref15 !== void 0 ? _ref15 : '')
-          }, i);
-        })
+        children: buttons.map((b, i) => /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+          type: "button",
+          onClick: onButtonClick ? () => onButtonClick(String(b.value ?? b.label ?? ''), String(b.label ?? b.value ?? '')) : undefined,
+          disabled: !onButtonClick,
+          style: {
+            border: '1px solid ' + (isDark ? '#374151' : '#d1d5db'),
+            background: isDark ? '#1f2937' : '#ffffff',
+            color: isDark ? '#f3f4f6' : '#111827',
+            padding: '6px 12px',
+            borderRadius: 6,
+            fontSize: 12,
+            cursor: onButtonClick ? 'pointer' : 'default',
+            opacity: onButtonClick ? 1 : 0.6
+          },
+          children: String(b.label ?? b.value ?? '')
+        }, i))
       })]
     });
   }
-  function FormDisplay(_ref16) {
-    let {
-      spec,
-      isDark
-    } = _ref16;
-    // Forms are read-only in the widget - the chat surface doesn't have a
-    // form-submit channel, so we just render the fields for the user to read.
-    // Hidden fields (e.g. the cart's locked `__cart_product` marker) carry data
-    // only and must never render as a visible "Label: value" row (EV-1954).
-    const fields = (Array.isArray(spec.fields) ? spec.fields : []).filter(f => f && f.type !== 'hidden');
+
+  // WP-08: the widget's form used to be read-only - "the chat surface
+  // doesn't have a form-submit channel" - even though every other A2UI
+  // primitive already posts through `onButtonClick`, and the SDK
+  // (packages/agent-sdk/src/markdown/A2uiBlock.tsx) already submits real
+  // forms the same way. Ported here (plain JS/inline styles, no Tailwind -
+  // matches this file's own convention) rather than duplicated by accident:
+  // same field kinds, same validation rules, same submitted-value shape
+  // (JSON via the existing onButtonClick channel - `_submitted_form_data` in
+  // agent-builder's a2ui_synth.py already documents JSON as a first-class
+  // wire format, "widget / SDK send JSON.stringify(data)").
+  //
+  // `time` is a new field kind (none of the three renderers had one before -
+  // pickup/delivery slots had to be faked as a select).
+  function _validateFormField(field, value) {
+    const isEmpty = value === undefined || value === null || typeof value === 'string' && value.trim() === '';
+    if (field.required && isEmpty) return `${field.label} is required`;
+    if (isEmpty) return null;
+    if (field.type === 'email' && typeof value === 'string') {
+      if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+        return `${field.label} must be a valid email`;
+      }
+    }
+    if (field.type === 'url' && typeof value === 'string') {
+      try {
+        // eslint-disable-next-line no-new
+        new URL(value);
+      } catch {
+        return `${field.label} must be a valid URL`;
+      }
+    }
+    if (field.type === 'number' && typeof value === 'string' && value !== '') {
+      const n = Number(value);
+      if (!Number.isFinite(n)) return `${field.label} must be a number`;
+      if (typeof field.min === 'number' && n < field.min) {
+        return `${field.label} must be \u2265 ${field.min}`;
+      }
+      if (typeof field.max === 'number' && n > field.max) {
+        return `${field.label} must be \u2264 ${field.max}`;
+      }
+    }
+    if (typeof value === 'string') {
+      if (field.minLength != null && value.length < field.minLength) {
+        return `${field.label} must be at least ${field.minLength} characters`;
+      }
+      if (field.maxLength != null && value.length > field.maxLength) {
+        return `${field.label} must be at most ${field.maxLength} characters`;
+      }
+      if (field.pattern) {
+        try {
+          const re = new RegExp(field.pattern);
+          if (!re.test(value)) return `${field.label} format is invalid`;
+        } catch {
+          // A malformed pattern is the agent's bug, not the user's - never
+          // block submission on it.
+        }
+      }
+    }
+    return null;
+  }
+  const _TEXTUAL_INPUT_TYPES = new Set(['text', 'email', 'tel', 'url', 'date', 'time']);
+  function FormField({
+    field,
+    value,
+    error,
+    onChange,
+    isDark,
+    autoId
+  }) {
+    const inputStyle = {
+      width: '100%',
+      boxSizing: 'border-box',
+      border: '1px solid ' + (isDark ? error ? '#f87171' : '#374151' : error ? '#ef4444' : '#d1d5db'),
+      background: isDark ? '#111827' : '#ffffff',
+      color: isDark ? '#f3f4f6' : '#111827',
+      borderRadius: 6,
+      padding: '6px 8px',
+      fontSize: 12
+    };
+    const labelStyle = {
+      display: 'block',
+      fontSize: 12,
+      fontWeight: 600,
+      marginBottom: 4
+    };
+    if (field.type === 'hidden') return null;
+    if (field.type === 'checkbox') {
+      return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        style: {
+          marginBottom: 10
+        },
+        children: [/*#__PURE__*/jsxRuntimeExports.jsxs("label", {
+          style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 6,
+            fontSize: 12
+          },
+          children: [/*#__PURE__*/jsxRuntimeExports.jsx("input", {
+            id: autoId,
+            type: "checkbox",
+            checked: Boolean(value),
+            onChange: e => onChange(e.target.checked)
+          }), field.label, field.required ? ' *' : '']
+        }), error && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          style: {
+            fontSize: 11,
+            color: '#ef4444',
+            marginTop: 2
+          },
+          children: error
+        })]
+      });
+    }
+    if (field.type === 'select') {
+      const opts = Array.isArray(field.options) ? field.options : [];
+      return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        style: {
+          marginBottom: 10
+        },
+        children: [/*#__PURE__*/jsxRuntimeExports.jsxs("label", {
+          htmlFor: autoId,
+          style: labelStyle,
+          children: [field.label, field.required ? ' *' : '']
+        }), /*#__PURE__*/jsxRuntimeExports.jsxs("select", {
+          id: autoId,
+          style: inputStyle,
+          value: value ?? '',
+          onChange: e => onChange(e.target.value),
+          children: [/*#__PURE__*/jsxRuntimeExports.jsx("option", {
+            value: "",
+            disabled: true,
+            children: field.placeholder || 'Select…'
+          }), opts.map(o => /*#__PURE__*/jsxRuntimeExports.jsx("option", {
+            value: o.value,
+            children: o.label
+          }, o.value))]
+        }), error && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          style: {
+            fontSize: 11,
+            color: '#ef4444',
+            marginTop: 2
+          },
+          children: error
+        })]
+      });
+    }
+    if (field.type === 'radio') {
+      const opts = Array.isArray(field.options) ? field.options : [];
+      return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        style: {
+          marginBottom: 10
+        },
+        children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+          style: labelStyle,
+          children: [field.label, field.required ? ' *' : '']
+        }), opts.map(o => /*#__PURE__*/jsxRuntimeExports.jsxs("label", {
+          style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 6,
+            fontSize: 12,
+            marginBottom: 2
+          },
+          children: [/*#__PURE__*/jsxRuntimeExports.jsx("input", {
+            type: "radio",
+            name: autoId,
+            checked: value === o.value,
+            onChange: () => onChange(o.value)
+          }), o.label]
+        }, o.value)), error && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          style: {
+            fontSize: 11,
+            color: '#ef4444',
+            marginTop: 2
+          },
+          children: error
+        })]
+      });
+    }
+    if (field.type === 'textarea') {
+      return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        style: {
+          marginBottom: 10
+        },
+        children: [/*#__PURE__*/jsxRuntimeExports.jsxs("label", {
+          htmlFor: autoId,
+          style: labelStyle,
+          children: [field.label, field.required ? ' *' : '']
+        }), /*#__PURE__*/jsxRuntimeExports.jsx("textarea", {
+          id: autoId,
+          style: {
+            ...inputStyle,
+            minHeight: 60,
+            resize: 'vertical'
+          },
+          value: value ?? '',
+          placeholder: field.placeholder,
+          onChange: e => onChange(e.target.value)
+        }), error && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          style: {
+            fontSize: 11,
+            color: '#ef4444',
+            marginTop: 2
+          },
+          children: error
+        })]
+      });
+    }
+    const htmlType = _TEXTUAL_INPUT_TYPES.has(field.type) ? field.type : field.type === 'number' ? 'number' : 'text';
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-      style: card(isDark),
-      children: [spec.title && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+      style: {
+        marginBottom: 10
+      },
+      children: [/*#__PURE__*/jsxRuntimeExports.jsxs("label", {
+        htmlFor: autoId,
+        style: labelStyle,
+        children: [field.label, field.required ? ' *' : '']
+      }), /*#__PURE__*/jsxRuntimeExports.jsx("input", {
+        id: autoId,
+        type: htmlType,
+        style: inputStyle,
+        value: value ?? '',
+        placeholder: field.placeholder,
+        onChange: e => onChange(e.target.value)
+      }), field.helpText && !error && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
         style: {
-          fontWeight: 600,
-          marginBottom: 8
+          fontSize: 11,
+          color: isDark ? '#9ca3af' : '#6b7280',
+          marginTop: 2
         },
-        children: spec.title
-      }), fields.map((f, i) => {
-        var _ref17, _f$value;
-        return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        children: field.helpText
+      }), error && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        style: {
+          fontSize: 11,
+          color: '#ef4444',
+          marginTop: 2
+        },
+        children: error
+      })]
+    });
+  }
+  function Form({
+    spec,
+    isDark,
+    onButtonClick
+  }) {
+    const fields = Array.isArray(spec.fields) ? spec.fields : [];
+    const initialValues = React.useMemo(() => {
+      const obj = {};
+      for (const f of fields) {
+        if (f.defaultValue !== undefined) obj[f.name] = f.defaultValue;else if (f.type === 'checkbox') obj[f.name] = false;else obj[f.name] = '';
+      }
+      return obj;
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const [values, setValues] = React.useState(initialValues);
+    const [errors, setErrors] = React.useState({});
+    const [submitted, setSubmitted] = React.useState(false);
+    if (fields.length === 0) return null;
+    const handleChange = (name, value) => {
+      setValues(prev => ({
+        ...prev,
+        [name]: value
+      }));
+      setErrors(prev => prev[name] ? {
+        ...prev,
+        [name]: null
+      } : prev);
+    };
+    const handleSubmit = e => {
+      e.preventDefault();
+      if (submitted || !onButtonClick) return;
+      const next = {};
+      let firstError = false;
+      for (const f of fields) {
+        const err = _validateFormField(f, values[f.name]);
+        next[f.name] = err;
+        if (err) firstError = true;
+      }
+      setErrors(next);
+      if (firstError) return;
+      setSubmitted(true);
+      let payload = '';
+      try {
+        payload = JSON.stringify(values);
+      } catch {
+        return;
+      }
+      onButtonClick(payload, spec.title || 'Form');
+    };
+    if (submitted) {
+      return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        style: card(isDark),
+        children: [spec.title && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          style: {
+            fontWeight: 600,
+            marginBottom: 8
+          },
+          children: spec.title
+        }), fields.filter(f => f.type !== 'hidden').map((f, i) => /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
           style: {
             marginBottom: 4,
             fontSize: 12
@@ -89104,28 +89335,80 @@
             style: {
               color: isDark ? '#9ca3af' : '#6b7280'
             },
-            children: [f.label || f.name, ": "]
+            children: [f.label, ": "]
           }), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
-            children: String((_ref17 = (_f$value = f.value) !== null && _f$value !== void 0 ? _f$value : f.placeholder) !== null && _ref17 !== void 0 ? _ref17 : '')
+            children: String(values[f.name] ?? '')
           })]
-        }, i);
-      })]
-    });
+        }, i))]
+      });
+    }
+    return (
+      /*#__PURE__*/
+      // noValidate: `_validateFormField` above is the single, themed authority
+      // (matches the SDK/frontend renderers) - without it a native constraint
+      // (e.g. type="email" with an invalid value) silently blocks the submit
+      // event before this component's own onSubmit ever runs, so the styled
+      // inline error never renders and the browser's own tooltip does instead.
+      jsxRuntimeExports.jsxs("form", {
+        style: card(isDark),
+        onSubmit: handleSubmit,
+        noValidate: true,
+        children: [spec.title && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          style: {
+            fontWeight: 600,
+            marginBottom: 4
+          },
+          children: spec.title
+        }), spec.description && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          style: {
+            fontSize: 12,
+            color: isDark ? '#9ca3af' : '#6b7280',
+            marginBottom: 8
+          },
+          children: spec.description
+        }), fields.map((f, i) => /*#__PURE__*/jsxRuntimeExports.jsx(FormField, {
+          field: f,
+          value: values[f.name],
+          error: errors[f.name],
+          onChange: v => handleChange(f.name, v),
+          isDark: isDark,
+          autoId: `a2ui-form-${f.name || i}`
+        }, f.name || i)), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+          type: "submit",
+          disabled: !onButtonClick,
+          style: {
+            border: '1px solid ' + (isDark ? '#374151' : '#d1d5db'),
+            background: onButtonClick ? '#2563eb' : isDark ? '#1f2937' : '#f3f4f6',
+            color: onButtonClick ? '#ffffff' : isDark ? '#6b7280' : '#9ca3af',
+            padding: '6px 14px',
+            borderRadius: 6,
+            fontSize: 12,
+            cursor: onButtonClick ? 'pointer' : 'default'
+          },
+          children: spec.submitLabel || 'Submit'
+        })]
+      })
+    );
   }
-  function Confirmation(_ref18) {
-    let {
-      spec,
-      isDark,
-      onButtonClick
-    } = _ref18;
-    const yes = spec.yes || {
+  function Confirmation({
+    spec,
+    isDark,
+    onButtonClick
+  }) {
+    // WP-08: every emitter (runner_kernel.py, runner_service.py) and every
+    // other renderer (SDK, Testing Lab) reads/writes `choices[]` - this was
+    // the only surface still reading `spec.yes` / `spec.no`, which meant a
+    // real confirmation fence rendered the hardcoded words "Yes"/"No" and
+    // posted back "yes"/"no", discarding the agent's own labels and values
+    // (e.g. "Confirm booking" / "confirm-EK001"). `yes`/`no` kept as a
+    // back-compat fallback for anything still emitting the old shape.
+    const buttons = Array.isArray(spec.choices) && spec.choices.length > 0 ? spec.choices : [spec.yes || {
       label: 'Yes',
       value: 'yes'
-    };
-    const no = spec.no || {
+    }, spec.no || {
       label: 'No',
       value: 'no'
-    };
+    }];
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
       style: card(isDark),
       children: [spec.title && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
@@ -89145,7 +89428,7 @@
         children: String(spec.body)
       }), /*#__PURE__*/jsxRuntimeExports.jsx(ButtonGroup, {
         spec: {
-          buttons: [yes, no]
+          buttons
         },
         isDark: isDark,
         onButtonClick: onButtonClick
@@ -89206,13 +89489,12 @@
       opacity: disabled ? 0.5 : 1
     };
   }
-  function StarRow(_ref19) {
-    let {
-      score,
-      maxScore = 5,
-      size = 14,
-      isDark
-    } = _ref19;
+  function StarRow({
+    score,
+    maxScore = 5,
+    size = 14,
+    isDark
+  }) {
     const stars = [];
     for (let i = 0; i < maxScore; i += 1) {
       const filled = score >= i + 1;
@@ -89221,12 +89503,12 @@
         width: size,
         height: size,
         viewBox: "0 0 24 24",
-        fill: filled ? '#fbbf24' : half ? "url(#a2ui-half-star-".concat(i, ")") : 'none',
+        fill: filled ? '#fbbf24' : half ? `url(#a2ui-half-star-${i})` : 'none',
         stroke: filled || half ? '#fbbf24' : isDark ? '#4b5563' : '#d1d5db',
         strokeWidth: "1.5",
         children: [half && /*#__PURE__*/jsxRuntimeExports.jsx("defs", {
           children: /*#__PURE__*/jsxRuntimeExports.jsxs("linearGradient", {
-            id: "a2ui-half-star-".concat(i),
+            id: `a2ui-half-star-${i}`,
             children: [/*#__PURE__*/jsxRuntimeExports.jsx("stop", {
               offset: "50%",
               stopColor: "#fbbf24"
@@ -89252,12 +89534,11 @@
 
   // ── 1. Menu (catalog / product / service list) ──
 
-  function Menu(_ref20) {
-    let {
-      spec,
-      isDark,
-      onButtonClick
-    } = _ref20;
+  function Menu({
+    spec,
+    isDark,
+    onButtonClick
+  }) {
     const items = Array.isArray(spec.items) ? spec.items : [];
     if (items.length === 0) return null;
     const border = isDark ? '1px solid #374151' : '1px solid #e5e7eb';
@@ -89365,15 +89646,13 @@
               }
             }), item.actionLabel && /*#__PURE__*/jsxRuntimeExports.jsx("button", {
               type: "button",
-              onClick: onButtonClick ? () => {
-                var _item$value;
-                return onButtonClick(String((_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : item.actionLabel), String(item.actionLabel));
-              } : undefined,
+              onClick: onButtonClick ? () => onButtonClick(String(item.value ?? item.actionLabel), String(item.actionLabel)) : undefined,
               disabled: !onButtonClick,
-              style: _objectSpread2(_objectSpread2({}, primaryButtonStyle(isDark, !onButtonClick)), {}, {
+              style: {
+                ...primaryButtonStyle(isDark, !onButtonClick),
                 alignSelf: 'flex-start',
                 marginTop: 4
-              }),
+              },
               children: item.actionLabel
             })]
           })]
@@ -89384,12 +89663,11 @@
 
   // ── 2. Profile (person card: doctor / agent / seller) ──
 
-  function Profile(_ref21) {
-    let {
-      spec,
-      isDark,
-      onButtonClick
-    } = _ref21;
+  function Profile({
+    spec,
+    isDark,
+    onButtonClick
+  }) {
     const tags = Array.isArray(spec.tags) ? spec.tags : [];
     const actions = Array.isArray(spec.actions) ? spec.actions : [];
     const subColor = isDark ? '#9ca3af' : '#6b7280';
@@ -89462,7 +89740,7 @@
                 fontSize: 10,
                 color: subColor
               },
-              children: [spec.rating.toFixed(1), typeof spec.reviewCount === 'number' ? " (".concat(spec.reviewCount, ")") : '']
+              children: [spec.rating.toFixed(1), typeof spec.reviewCount === 'number' ? ` (${spec.reviewCount})` : '']
             })]
           })]
         })]
@@ -89518,11 +89796,10 @@
 
   // ── 3. Timeline (status stepper: order tracking, appointment stages) ──
 
-  function Timeline(_ref22) {
-    let {
-      spec,
-      isDark
-    } = _ref22;
+  function Timeline({
+    spec,
+    isDark
+  }) {
     const steps = Array.isArray(spec.steps) ? spec.steps : [];
     if (steps.length === 0) return null;
     const lineColor = isDark ? '#374151' : '#e5e7eb';
@@ -89534,7 +89811,7 @@
       };
       if (status === 'active') return {
         background: BRAND_BLUE,
-        border: "2px solid ".concat(BRAND_BLUE),
+        border: `2px solid ${BRAND_BLUE}`,
         boxShadow: isDark ? '0 0 0 4px rgba(37,99,235,0.25)' : '0 0 0 4px #dbeafe'
       };
       return {
@@ -89567,12 +89844,13 @@
                 alignItems: 'center'
               },
               children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
-                style: _objectSpread2({
+                style: {
                   height: 12,
                   width: 12,
                   borderRadius: '50%',
-                  flexShrink: 0
-                }, dotStyle(status))
+                  flexShrink: 0,
+                  ...dotStyle(status)
+                }
               }), !isLast && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
                 style: {
                   width: 1,
@@ -89626,11 +89904,10 @@
 
   // ── 4. Rating (score + review) ──
 
-  function Rating(_ref23) {
-    let {
-      spec,
-      isDark
-    } = _ref23;
+  function Rating({
+    spec,
+    isDark
+  }) {
     const maxScore = spec.maxScore || 5;
     const subColor = isDark ? '#9ca3af' : '#6b7280';
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
@@ -89693,12 +89970,11 @@
 
   // ── 5. Comparison (pricing tiers / plan comparison) ──
 
-  function Comparison(_ref24) {
-    let {
-      spec,
-      isDark,
-      onButtonClick
-    } = _ref24;
+  function Comparison({
+    spec,
+    isDark,
+    onButtonClick
+  }) {
     const plans = Array.isArray(spec.plans) ? spec.plans : [];
     if (plans.length === 0) return null;
     const subColor = isDark ? '#9ca3af' : '#6b7280';
@@ -89721,7 +89997,7 @@
         },
         children: plans.map((p, i) => /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
           style: {
-            border: p.highlight ? "1px solid ".concat(BRAND_BLUE) : '1px solid ' + (isDark ? '#374151' : '#e5e7eb'),
+            border: p.highlight ? `1px solid ${BRAND_BLUE}` : '1px solid ' + (isDark ? '#374151' : '#e5e7eb'),
             background: p.highlight ? isDark ? 'rgba(37,99,235,0.10)' : '#eff6ff' : isDark ? '#1f2937' : '#ffffff',
             borderRadius: 10,
             padding: 12,
@@ -89806,14 +90082,12 @@
             }, fi))
           }), p.actionLabel && /*#__PURE__*/jsxRuntimeExports.jsx("button", {
             type: "button",
-            onClick: onButtonClick ? () => {
-              var _p$value;
-              return onButtonClick(String((_p$value = p.value) !== null && _p$value !== void 0 ? _p$value : p.actionLabel), String(p.actionLabel));
-            } : undefined,
+            onClick: onButtonClick ? () => onButtonClick(String(p.value ?? p.actionLabel), String(p.actionLabel)) : undefined,
             disabled: !onButtonClick,
-            style: _objectSpread2(_objectSpread2({}, p.highlight ? primaryButtonStyle(isDark, !onButtonClick) : secondaryButtonStyle(isDark, !onButtonClick)), {}, {
+            style: {
+              ...(p.highlight ? primaryButtonStyle(isDark, !onButtonClick) : secondaryButtonStyle(isDark, !onButtonClick)),
               marginTop: 10
-            }),
+            },
             children: p.actionLabel
           })]
         }, i))
@@ -89823,11 +90097,10 @@
 
   // ── 6. Gallery (horizontal image strip) ──
 
-  function Gallery(_ref25) {
-    let {
-      spec,
-      isDark
-    } = _ref25;
+  function Gallery({
+    spec,
+    isDark
+  }) {
     const images = Array.isArray(spec.images) ? spec.images : [];
     if (images.length === 0) return null;
     const subColor = isDark ? '#9ca3af' : '#6b7280';
@@ -89862,7 +90135,7 @@
           },
           children: [/*#__PURE__*/jsxRuntimeExports.jsx("img", {
             src: safeUrl(img.url),
-            alt: img.caption || "Image ".concat(i + 1),
+            alt: img.caption || `Image ${i + 1}`,
             referrerPolicy: "no-referrer",
             onError: e => {
               e.currentTarget.style.display = 'none';
@@ -89927,7 +90200,7 @@
     const year = parseInt(m[1], 10);
     const month = parseInt(m[2], 10);
     if (!Number.isInteger(month) || month < 1 || month > 12) return null;
-    return "".concat(MONTH_NAMES[month - 1], " '").concat(String(year).slice(-2));
+    return `${MONTH_NAMES[month - 1]} '${String(year).slice(-2)}`;
   }
 
   // Axis-tick formatter: month-number columns (column matches /month/i,
@@ -89957,7 +90230,7 @@
   // slugs/camelCase pass through verbatim.
   const SNAKE_CASE_CATEGORY_RE = /^[a-z]+(_[a-z]+)+$/;
   function prettifyCategoryCell(value) {
-    if (typeof value !== 'string') return String(value !== null && value !== void 0 ? value : '');
+    if (typeof value !== 'string') return String(value ?? '');
     if (value.length > 40) return value;
     if (!SNAKE_CASE_CATEGORY_RE.test(value)) return value;
     return prettifyLabel(value);
@@ -89987,17 +90260,17 @@
     // UTC midnight per spec and need no change.
     const hasTime = /[T ]\d{2}:\d{2}/.test(trimmed);
     const hasTz = /(Z|[+-]\d{2}:?\d{2})$/.test(trimmed);
-    const parseable = hasTime && !hasTz ? "".concat(trimmed.replace(' ', 'T'), "Z") : trimmed;
+    const parseable = hasTime && !hasTz ? `${trimmed.replace(' ', 'T')}Z` : trimmed;
     const d = new Date(parseable);
     if (isNaN(d.getTime())) return null;
     const hasNonMidnightTime = hasTime && (d.getUTCHours() !== 0 || d.getUTCMinutes() !== 0 || d.getUTCSeconds() !== 0);
-    const dateStr = "".concat(_MONTH_NAMES[d.getUTCMonth()], " ").concat(d.getUTCDate(), ", ").concat(d.getUTCFullYear());
+    const dateStr = `${_MONTH_NAMES[d.getUTCMonth()]} ${d.getUTCDate()}, ${d.getUTCFullYear()}`;
     if (!hasNonMidnightTime) return dateStr;
     const h = d.getUTCHours();
     const ampm = h >= 12 ? 'PM' : 'AM';
     const h12 = h % 12 || 12;
     const mm = String(d.getUTCMinutes()).padStart(2, '0');
-    return "".concat(dateStr, ", ").concat(h12, ":").concat(mm, " ").concat(ampm);
+    return `${dateStr}, ${h12}:${mm} ${ampm}`;
   }
   function _commaGroup(n) {
     return Number.isInteger(n) ? n.toLocaleString('en-US') : Number(n.toFixed(2)).toLocaleString('en-US');
@@ -90034,10 +90307,9 @@
 
   // ── Lucide-style SVG icons (sharp, monoline, inherit color via currentColor)
 
-  function IconTrendingUp(_ref26) {
-    let {
-      size = 14
-    } = _ref26;
+  function IconTrendingUp({
+    size = 14
+  }) {
     return /*#__PURE__*/jsxRuntimeExports.jsxs("svg", {
       width: size,
       height: size,
@@ -90055,10 +90327,9 @@
       })]
     });
   }
-  function IconScale(_ref27) {
-    let {
-      size = 14
-    } = _ref27;
+  function IconScale({
+    size = 14
+  }) {
     return /*#__PURE__*/jsxRuntimeExports.jsxs("svg", {
       width: size,
       height: size,
@@ -90084,10 +90355,9 @@
       })]
     });
   }
-  function IconGitCompare(_ref28) {
-    let {
-      size = 14
-    } = _ref28;
+  function IconGitCompare({
+    size = 14
+  }) {
     return /*#__PURE__*/jsxRuntimeExports.jsxs("svg", {
       width: size,
       height: size,
@@ -90113,10 +90383,9 @@
       })]
     });
   }
-  function IconZap(_ref29) {
-    let {
-      size = 14
-    } = _ref29;
+  function IconZap({
+    size = 14
+  }) {
     return /*#__PURE__*/jsxRuntimeExports.jsx("svg", {
       width: size,
       height: size,
@@ -90132,10 +90401,9 @@
       })
     });
   }
-  function IconLightbulb(_ref30) {
-    let {
-      size = 14
-    } = _ref30;
+  function IconLightbulb({
+    size = 14
+  }) {
     return /*#__PURE__*/jsxRuntimeExports.jsxs("svg", {
       width: size,
       height: size,
@@ -90155,10 +90423,9 @@
       })]
     });
   }
-  function IconTarget(_ref31) {
-    let {
-      size = 14
-    } = _ref31;
+  function IconTarget({
+    size = 14
+  }) {
     return /*#__PURE__*/jsxRuntimeExports.jsxs("svg", {
       width: size,
       height: size,
@@ -90207,15 +90474,14 @@
 
   // ── Shared shell for all six insight cards ──
 
-  function InsightShell(_ref32) {
-    let {
-      type,
-      icon,
-      title,
-      count,
-      isDark,
-      children
-    } = _ref32;
+  function InsightShell({
+    type,
+    icon,
+    title,
+    count,
+    isDark,
+    children
+  }) {
     const {
       accent,
       iconBg,
@@ -90294,11 +90560,10 @@
     if (s.startsWith('-') || s.startsWith('−')) return 'dn';
     return 'flat';
   }
-  function DeltaTag(_ref33) {
-    let {
-      delta,
-      isDark
-    } = _ref33;
+  function DeltaTag({
+    delta,
+    isDark
+  }) {
     if (!delta) return null;
     const tone = deltaToneInsights(delta);
     const map = isDark ? {
@@ -90342,11 +90607,10 @@
       children: delta
     });
   }
-  function MetricChipsInsights(_ref34) {
-    let {
-      items,
-      isDark
-    } = _ref34;
+  function MetricChipsInsights({
+    items,
+    isDark
+  }) {
     if (!items || !items.length) return null;
     const border = isDark ? '1px solid #374151' : '1px solid #e5e7eb';
     const labelCol = isDark ? '#9ca3af' : '#64748b';
@@ -90393,11 +90657,10 @@
 
   // ── 1. Revenue Insights ──
 
-  function RevenueInsightsCard(_ref35) {
-    let {
-      spec,
-      isDark
-    } = _ref35;
+  function RevenueInsightsCard({
+    spec,
+    isDark
+  }) {
     const totals = Array.isArray(spec.totals) ? spec.totals : [];
     const narrCol = isDark ? '#9ca3af' : '#64748b';
     return /*#__PURE__*/jsxRuntimeExports.jsxs(InsightShell, {
@@ -90457,12 +90720,11 @@
 
   // ── 2. Impact Analysis ──
 
-  function ImpactGroupBlock(_ref36) {
-    let {
-      items,
-      sentiment,
-      isDark
-    } = _ref36;
+  function ImpactGroupBlock({
+    items,
+    sentiment,
+    isDark
+  }) {
     if (!items || items.length === 0) return null;
     const label = sentiment === 'positive' ? 'Positive impact' : sentiment === 'negative' ? 'Negative impact' : 'Neutral';
     const subColor = isDark ? '#9ca3af' : '#64748b';
@@ -90496,7 +90758,7 @@
       }), items.map((it, i) => /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
         style: {
           background: blockStyle.bg,
-          border: "1px solid ".concat(blockStyle.bd),
+          border: `1px solid ${blockStyle.bd}`,
           borderRadius: 8,
           padding: '8px 10px',
           margin: '4px 0',
@@ -90528,11 +90790,10 @@
       }, i))]
     });
   }
-  function ImpactAnalysisCard(_ref37) {
-    let {
-      spec,
-      isDark
-    } = _ref37;
+  function ImpactAnalysisCard({
+    spec,
+    isDark
+  }) {
     return /*#__PURE__*/jsxRuntimeExports.jsxs(InsightShell, {
       type: "impact-analysis",
       icon: /*#__PURE__*/jsxRuntimeExports.jsx(IconScale, {}),
@@ -90557,11 +90818,10 @@
 
   // ── 3. Deviation Analysis ──
 
-  function DeviationAnalysisCard(_ref38) {
-    let {
-      spec,
-      isDark
-    } = _ref38;
+  function DeviationAnalysisCard({
+    spec,
+    isDark
+  }) {
     const rows = Array.isArray(spec.deviations) ? spec.deviations : [];
     const border = isDark ? '1px solid #374151' : '1px solid #e5e7eb';
     const headColor = isDark ? '#9ca3af' : '#64748b';
@@ -90673,11 +90933,10 @@
 
   // ── 4. Main Drivers ──
 
-  function MainDriversCard(_ref39) {
-    let {
-      spec,
-      isDark
-    } = _ref39;
+  function MainDriversCard({
+    spec,
+    isDark
+  }) {
     const sec = Array.isArray(spec.secondary) ? spec.secondary : [];
     const evidenceColor = isDark ? '#9ca3af' : '#64748b';
     const subColor = isDark ? '#9ca3af' : '#64748b';
@@ -90772,17 +91031,16 @@
 
   // ── Shared item-row for Observations & Recommendations ──
 
-  function InsightItem(_ref40) {
-    let {
-      rankBgFg,
-      rank,
-      chips,
-      text,
-      narrative,
-      metrics,
-      impactPill,
-      isDark
-    } = _ref40;
+  function InsightItem({
+    rankBgFg,
+    rank,
+    chips,
+    text,
+    narrative,
+    metrics,
+    impactPill,
+    isDark
+  }) {
     const narrCol = isDark ? '#9ca3af' : '#64748b';
     const dashedBorder = isDark ? '1px dashed #374151' : '1px dashed #e5e7eb';
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
@@ -90839,11 +91097,10 @@
 
   // ── 5. Key Observations ──
 
-  function KeyObservationsCard(_ref41) {
-    let {
-      spec,
-      isDark
-    } = _ref41;
+  function KeyObservationsCard({
+    spec,
+    isDark
+  }) {
     const items = Array.isArray(spec.items) ? [...spec.items].sort((a, b) => (a.rank || 0) - (b.rank || 0)) : [];
     const rankBgFg = isDark ? {
       bg: '#064e3b',
@@ -90856,7 +91113,7 @@
       type: "key-observations",
       icon: /*#__PURE__*/jsxRuntimeExports.jsx(IconLightbulb, {}),
       title: spec.title || 'Key observations',
-      count: items.length ? "".concat(items.length, " item").concat(items.length === 1 ? '' : 's') : null,
+      count: items.length ? `${items.length} item${items.length === 1 ? '' : 's'}` : null,
       isDark: isDark,
       children: items.length === 0 ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
         style: {
@@ -90899,11 +91156,10 @@
 
   // ── 6. Recommendations ──
 
-  function RecommendationsCard(_ref42) {
-    let {
-      spec,
-      isDark
-    } = _ref42;
+  function RecommendationsCard({
+    spec,
+    isDark
+  }) {
     const items = Array.isArray(spec.items) ? [...spec.items].sort((a, b) => (a.rank || 0) - (b.rank || 0)) : [];
     const rankBgFg = isDark ? {
       bg: '#312e81',
@@ -90916,7 +91172,7 @@
       type: "recommendations",
       icon: /*#__PURE__*/jsxRuntimeExports.jsx(IconTarget, {}),
       title: spec.title || 'Recommendations',
-      count: items.length ? "".concat(items.length, " item").concat(items.length === 1 ? '' : 's') : null,
+      count: items.length ? `${items.length} item${items.length === 1 ? '' : 's'}` : null,
       isDark: isDark,
       children: items.length === 0 ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
         style: {
@@ -90984,25 +91240,29 @@
       background: isDark ? '#111827' : '#f8fafc',
       color: isDark ? '#9ca3af' : '#64748b'
     };
-    if (kind === 'cat') return _objectSpread2(_objectSpread2({}, base), {}, {
+    if (kind === 'cat') return {
+      ...base,
       background: isDark ? 'rgba(99,102,241,0.20)' : '#eef2ff',
       color: isDark ? '#c7d2fe' : '#4f46e5',
       border: '1px solid transparent'
-    });
-    if (kind === 'seg') return _objectSpread2(_objectSpread2({}, base), {}, {
+    };
+    if (kind === 'seg') return {
+      ...base,
       background: isDark ? '#1f2937' : '#f1f5f9',
       color: isDark ? '#f3f4f6' : '#0f172a'
-    });
-    if (kind === 'prio-high') return _objectSpread2(_objectSpread2({}, base), {}, {
+    };
+    if (kind === 'prio-high') return {
+      ...base,
       background: isDark ? 'rgba(239,68,68,0.18)' : '#fef2f2',
       color: isDark ? '#fecaca' : '#7f1d1d',
       border: isDark ? '1px solid rgba(248,113,113,0.30)' : '1px solid #fecaca'
-    });
-    if (kind === 'prio-medium') return _objectSpread2(_objectSpread2({}, base), {}, {
+    };
+    if (kind === 'prio-medium') return {
+      ...base,
       background: isDark ? 'rgba(99,102,241,0.20)' : '#eef2ff',
       color: isDark ? '#c7d2fe' : '#4f46e5',
       border: '1px solid transparent'
-    });
+    };
     if (kind === 'prio-low') return base;
     return base;
   }
@@ -91044,10 +91304,7 @@
     "९": "9"
   };
   function normalizeDigits(s) {
-    return s.replace(/[०-९]/g, d => {
-      var _DEV_DIGIT_MAP$d;
-      return (_DEV_DIGIT_MAP$d = DEV_DIGIT_MAP[d]) !== null && _DEV_DIGIT_MAP$d !== void 0 ? _DEV_DIGIT_MAP$d : d;
-    });
+    return s.replace(/[०-९]/g, d => DEV_DIGIT_MAP[d] ?? d);
   }
   function parseIndicesInside(inner) {
     const out = [];
@@ -91071,8 +91328,19 @@
     }
     return out;
   }
+
+  // Place the sentence-ending mark BEFORE the citation cluster, not after it.
+  // Models emit "... menu [1] ." (marker before the full stop), which renders as
+  // "... menu [pill] ." Reorder to "... menu. [pill]". Only sentence-enders
+  // (. ! ?) move - never commas/colons - and the digit-required brackets leave
+  // Markdown links `[label](url)` untouched.
+  const CITE_PUNCT_RE = /(\s*)((?:\[[\d०-९][\d०-९\s,]*\](?!\()\s*)+)([.!?])/g;
+  function reorderCitationPunctuation(text) {
+    return text.replace(CITE_PUNCT_RE, (_all, _lead, cluster, punct) => punct + " " + cluster.replace(/\s+$/, ""));
+  }
   function parseCitationClusters(text) {
     if (!text) return [];
+    text = reorderCitationPunctuation(text);
     const markers = [];
     MARKER_RE.lastIndex = 0;
     let m;
@@ -91244,7 +91512,7 @@
     if (!name) return "";
     try {
       return decodeURIComponent(String(name));
-    } catch (_unused) {
+    } catch {
       return String(name);
     }
   }
@@ -91255,15 +91523,14 @@
     return src_type === "file" || typeof url === "string" && url.includes("/api/v1/sharepoint/file/") || !!s.source_id && !url;
   }
   function displayLabel(s, fallbackIndex) {
-    return decodeName(s.source_name) || s.url || s.source_type || "Source ".concat(fallbackIndex);
+    return decodeName(s.source_name) || s.url || s.source_type || `Source ${fallbackIndex}`;
   }
   function pillKey(s) {
     return s.url || s.source_id || s.sourceid || s.source_name || "";
   }
-  function CitationPill(_ref) {
-    let {
-      indices
-    } = _ref;
+  function CitationPill({
+    indices
+  }) {
     const ctx = React.useContext(WidgetCitationContext);
     const anchorRef = React.useRef(null);
     // 2026-07-14 - popover is portaled to document.body, not inside
@@ -91294,16 +91561,15 @@
       const out = [];
       const seen = new Set();
       for (const n of indices) {
-        var _ref2, _ref3, _ref4, _src$url;
-        const byCitationIndex = ctx.sources.find(s => Array.isArray(s === null || s === void 0 ? void 0 : s.citation_indices) && s.citation_indices.includes(n));
-        const src = byCitationIndex !== null && byCitationIndex !== void 0 ? byCitationIndex : ctx.sources[n - 1];
+        const byCitationIndex = ctx.sources.find(s => Array.isArray(s?.citation_indices) && s.citation_indices.includes(n));
+        const src = byCitationIndex ?? ctx.sources[n - 1];
         if (!src) continue;
         // 2026-07-15 - prioritise URL (unique per web page) over
         // sourceid (shared across every page of the same Knowledge row).
         // Website-connector sources emit distinct URLs for distinct
         // pages but a single Knowledge row id - dedupping on sourceid
         // first collapsed them to one row in the popover.
-        const key = String((_ref2 = (_ref3 = (_ref4 = (_src$url = src.url) !== null && _src$url !== void 0 ? _src$url : src.source_id) !== null && _ref4 !== void 0 ? _ref4 : src.sourceid) !== null && _ref3 !== void 0 ? _ref3 : src.source_name) !== null && _ref2 !== void 0 ? _ref2 : "").toLowerCase();
+        const key = String(src.url ?? src.source_id ?? src.sourceid ?? src.source_name ?? "").toLowerCase();
         if (key && seen.has(key)) continue;
         if (key) seen.add(key);
         out.push({
@@ -91382,14 +91648,12 @@
     const wasOpenRef = React.useRef(false);
     React.useEffect(() => {
       if (open) {
-        var _popoverRef$current;
         wasOpenRef.current = true;
-        const firstFocusable = (_popoverRef$current = popoverRef.current) === null || _popoverRef$current === void 0 ? void 0 : _popoverRef$current.querySelector('a[href], button:not([disabled])');
-        firstFocusable === null || firstFocusable === void 0 || firstFocusable.focus();
+        const firstFocusable = popoverRef.current?.querySelector('a[href], button:not([disabled])');
+        firstFocusable?.focus();
       } else if (wasOpenRef.current) {
-        var _anchorRef$current;
         wasOpenRef.current = false;
-        (_anchorRef$current = anchorRef.current) === null || _anchorRef$current === void 0 || _anchorRef$current.focus();
+        anchorRef.current?.focus();
       }
     }, [open]);
 
@@ -91457,8 +91721,8 @@
         role: "button",
         tabIndex: 0,
         dir: "ltr",
-        title: firstLabel + (extraCount ? " (+".concat(extraCount, " more)") : ""),
-        "aria-label": firstLabel + (extraCount ? " (+".concat(extraCount, " more)") : ""),
+        title: firstLabel + (extraCount ? ` (+${extraCount} more)` : ""),
+        "aria-label": firstLabel + (extraCount ? ` (+${extraCount} more)` : ""),
         onClick: onPillClick,
         onKeyDown: e => {
           if (e.key === "Enter" || e.key === " ") {
@@ -91484,9 +91748,9 @@
           fontSize: 11,
           lineHeight: 1,
           borderRadius: 5,
-          background: ctx !== null && ctx !== void 0 && ctx.textColor ? "rgba(128,128,128,0.08)" : "rgba(59, 130, 246, 0.10)",
-          color: (ctx === null || ctx === void 0 ? void 0 : ctx.textColor) || "rgb(37, 99, 235)",
-          border: ctx !== null && ctx !== void 0 && ctx.textColor ? "0.5px solid ".concat(ctx.textColor) : "0.5px solid rgba(59, 130, 246, 0.35)",
+          background: ctx?.textColor ? "rgba(128,128,128,0.08)" : "rgba(59, 130, 246, 0.10)",
+          color: ctx?.textColor || "rgb(37, 99, 235)",
+          border: ctx?.textColor ? `0.5px solid ${ctx.textColor}` : "0.5px solid rgba(59, 130, 246, 0.35)",
           cursor: "pointer",
           userSelect: "none",
           maxWidth: 180,
@@ -91520,9 +91784,9 @@
           children: firstLabel
         }), extraCount > 0 && /*#__PURE__*/jsxRuntimeExports.jsxs("span", {
           style: {
-            background: ctx !== null && ctx !== void 0 && ctx.textColor ? "transparent" : "rgb(37, 99, 235)",
-            color: (ctx === null || ctx === void 0 ? void 0 : ctx.textColor) || "white",
-            border: ctx !== null && ctx !== void 0 && ctx.textColor ? "1px solid ".concat(ctx.textColor) : "none",
+            background: ctx?.textColor ? "transparent" : "rgb(37, 99, 235)",
+            color: ctx?.textColor || "white",
+            border: ctx?.textColor ? `1px solid ${ctx.textColor}` : "none",
             borderRadius: 3,
             padding: "1px 4px",
             fontSize: 9,
@@ -91538,7 +91802,7 @@
             justifyContent: "center",
             flexShrink: 0,
             paddingLeft: 3,
-            borderLeft: ctx !== null && ctx !== void 0 && ctx.textColor ? "0.5px solid ".concat(ctx.textColor) : "0.5px solid rgba(59, 130, 246, 0.35)",
+            borderLeft: ctx?.textColor ? `0.5px solid ${ctx.textColor}` : "0.5px solid rgba(59, 130, 246, 0.35)",
             marginLeft: 2
           },
           children: busy ? /*#__PURE__*/jsxRuntimeExports.jsx(LoaderCircle, {
@@ -91557,7 +91821,7 @@
         ref: popoverRef,
         role: "dialog",
         dir: "ltr",
-        "aria-label": "".concat(referenced.length, " sources cited"),
+        "aria-label": `${referenced.length} sources cited`,
         style: {
           position: "absolute",
           top: pos.top,
@@ -91588,11 +91852,10 @@
             padding: "4px 6px 6px"
           },
           children: [referenced.length, " source", referenced.length === 1 ? "" : "s"]
-        }), referenced.map(_ref5 => {
-          let {
-            src,
-            index
-          } = _ref5;
+        }), referenced.map(({
+          src,
+          index
+        }) => {
           const label = displayLabel(src, index);
           const rowIsFile = isFileLikeSource(src);
           const kBusy = ctx.downloadingKey && ctx.downloadingKey === pillKey(src);
@@ -91663,27 +91926,21 @@
                 strokeWidth: 2
               })
             })]
-          }, "".concat(index, "-").concat(pillKey(src) || index));
+          }, `${index}-${pillKey(src) || index}`);
         })]
       }), document.body)]
     });
   }
 
-  const _excluded = ["node", "children"],
-    _excluded2 = ["children"],
-    _excluded3 = ["node", "children"],
-    _excluded4 = ["node", "children"],
-    _excluded5 = ["node", "children"],
-    _excluded6 = ["node", "children", "start"],
-    _excluded7 = ["node", "children", "data-ol-index"],
-    _excluded8 = ["node", "children"],
-    _excluded9 = ["node", "children"],
-    _excluded0 = ["node", "children"],
-    _excluded1 = ["node", "children"],
-    _excluded10 = ["node", "children"],
-    _excluded11 = ["node", "children"],
-    _excluded12 = ["node", "children"],
-    _excluded13 = ["className", "children"];
+  // Heavy markdown rendering path - split out of MessageBubble.jsx so the
+  // ~1MB react-markdown + Prism syntax-highlighter payload is only pulled in
+  // (via a dynamic import / React.lazy from MessageBubble) when a message
+  // actually contains markdown or a code block. Plain-text messages - the
+  // common case - render without ever loading these modules. (EV-2023)
+  //
+  // Behaviour for messages that DO have markdown/code is identical to the
+  // previous inline implementation; this file is a straight lift of the
+  // ReactMarkdown block and its helpers.
   const A2UI_FENCE_LANGS = new Set(["eshal-ui", "eshal-chart", "chart"]);
 
   // Returns true when a ReactMarkdown `pre` node's only child is a `code` block
@@ -91693,9 +91950,8 @@
   function preWrapsKnownFence(children) {
     const items = React.Children.toArray(children);
     return items.some(c => {
-      var _c$props;
       if (! /*#__PURE__*/React.isValidElement(c)) return false;
-      const cls = (_c$props = c.props) === null || _c$props === void 0 ? void 0 : _c$props.className;
+      const cls = c.props?.className;
       if (typeof cls !== "string") return false;
       const m = cls.match(/language-([\w-]+)/);
       return !!m && A2UI_FENCE_LANGS.has(m[1]);
@@ -91769,18 +92025,17 @@
   // the ReactMarkdown tree - the outer wrapper <div> and the streaming cursor
   // stay in StreamingMarkdown so the animation runs regardless of whether the
   // markdown module has finished loading.
-  function MarkdownRenderer(_ref) {
-    let {
-      content,
-      isStreaming,
-      isDark = false,
-      isRtl = false,
-      textColor,
-      fontFamily,
-      fontSize,
-      onButtonClick,
-      provideCitations = true
-    } = _ref;
+  function MarkdownRenderer({
+    content,
+    isStreaming,
+    isDark = false,
+    isRtl = false,
+    textColor,
+    fontFamily,
+    fontSize,
+    onButtonClick,
+    provideCitations = true
+  }) {
     return /*#__PURE__*/jsxRuntimeExports.jsx(Markdown, {
       className: "max-w-none [&>*:last-child]:!mb-0 [&>*:first-child]:!mt-0"
       // remarkBreaks turns single `\n` line breaks into <br> instead of a
@@ -91797,14 +92052,12 @@
         // Citation-marker → pill swap. Every `<span>` normally passes
         // through unchanged; when the HAST plugin has tagged it as a
         // citation, swap for `<CitationPill>`.
-        span(_ref2) {
-          var _props$dataEshalCit;
-          let {
-              node,
-              children
-            } = _ref2,
-            props = _objectWithoutProperties$m(_ref2, _excluded);
-          const attr = (_props$dataEshalCit = props["data-eshal-citation"]) !== null && _props$dataEshalCit !== void 0 ? _props$dataEshalCit : props.dataEshalCitation;
+        span({
+          node,
+          children,
+          ...props
+        }) {
+          const attr = props["data-eshal-citation"] ?? props.dataEshalCitation;
           if (typeof attr === "string" && attr.length > 0) {
             const indices = parseCitationIndicesFromAttr(attr);
             if (indices.length > 0) {
@@ -91813,33 +92066,33 @@
               });
             }
           }
-          return /*#__PURE__*/jsxRuntimeExports.jsx("span", _objectSpread2(_objectSpread2({}, props), {}, {
+          return /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+            ...props,
             children: children
-          }));
+          });
         },
         // Unwrap the <pre> shell when its child is an A2UI fence so the
         // chart card sits directly in the bubble flow, not inside a <pre>
         // (which forces monospace font and defeats the card border-radius).
         // Ordinary code blocks (```python```, ```sql```) keep their <pre>.
-        pre(_ref3) {
-          let {
-              children
-            } = _ref3,
-            props = _objectWithoutProperties$m(_ref3, _excluded2);
+        pre({
+          children,
+          ...props
+        }) {
           if (preWrapsKnownFence(children)) return /*#__PURE__*/jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
             children: children
           });
-          return /*#__PURE__*/jsxRuntimeExports.jsx("pre", _objectSpread2(_objectSpread2({}, props), {}, {
+          return /*#__PURE__*/jsxRuntimeExports.jsx("pre", {
+            ...props,
             children: children
-          }));
+          });
         },
-        a(_ref4) {
-          let {
-              node,
-              children
-            } = _ref4,
-            props = _objectWithoutProperties$m(_ref4, _excluded3);
-          return /*#__PURE__*/jsxRuntimeExports.jsx("a", _objectSpread2(_objectSpread2({
+        a({
+          node,
+          children,
+          ...props
+        }) {
+          return /*#__PURE__*/jsxRuntimeExports.jsx("a", {
             className: "underline hover:opacity-80",
             dir: "ltr",
             style: {
@@ -91847,20 +92100,18 @@
               unicodeBidi: "isolate"
             },
             target: "_blank",
-            rel: "noopener noreferrer"
-          }, props), {}, {
+            rel: "noopener noreferrer",
+            ...props,
             children: children
-          }));
+          });
         },
-        p(_ref5) {
-          var _node$parent;
-          let {
-              node,
-              children
-            } = _ref5,
-            props = _objectWithoutProperties$m(_ref5, _excluded4);
-          const isInsideListItem = (node === null || node === void 0 || (_node$parent = node.parent) === null || _node$parent === void 0 ? void 0 : _node$parent.tagName) === "li";
-          return /*#__PURE__*/jsxRuntimeExports.jsx("p", _objectSpread2(_objectSpread2({
+        p({
+          node,
+          children,
+          ...props
+        }) {
+          const isInsideListItem = node?.parent?.tagName === "li";
+          return /*#__PURE__*/jsxRuntimeExports.jsx("p", {
             className: "leading-relaxed [&:first-child]:!mt-0",
             style: {
               color: textColor || (isDark ? "#f3f4f6" : "#1A1A1A"),
@@ -91875,35 +92126,33 @@
               marginBottom: isInsideListItem ? "0.125rem" : "0.85rem",
               lineHeight: "1.6",
               padding: 0
-            }
-          }, props), {}, {
+            },
+            ...props,
             children: children
-          }));
+          });
         },
-        ul(_ref6) {
-          let {
-              node,
-              children
-            } = _ref6,
-            props = _objectWithoutProperties$m(_ref6, _excluded5);
-          return /*#__PURE__*/jsxRuntimeExports.jsx("ul", _objectSpread2(_objectSpread2({
+        ul({
+          node,
+          children,
+          ...props
+        }) {
+          return /*#__PURE__*/jsxRuntimeExports.jsx("ul", {
             className: "list-disc [&:first-child]:!mt-0",
             style: {
               marginTop: 0,
               marginBottom: "0.6rem",
               paddingInlineStart: "1.2rem"
-            }
-          }, props), {}, {
+            },
+            ...props,
             children: children
-          }));
+          });
         },
-        ol(_ref7) {
-          let {
-              node,
-              children,
-              start = 1
-            } = _ref7,
-            props = _objectWithoutProperties$m(_ref7, _excluded6);
+        ol({
+          node,
+          children,
+          start = 1,
+          ...props
+        }) {
           // Why we DON'T use `list-decimal` here:
           //
           //   `list-decimal` renders the "1.", "2.", … markers via
@@ -91928,15 +92177,15 @@
           // 8. instead of 1., 2., 3., 4.). Caught by the
           // chat-preview MarkdownRenderer test 2026-05-19.
           let liCounter = 0;
-          return /*#__PURE__*/jsxRuntimeExports.jsx("ol", _objectSpread2(_objectSpread2({
+          return /*#__PURE__*/jsxRuntimeExports.jsx("ol", {
             className: "[&:first-child]:!mt-0",
             style: {
               listStyle: "none",
               marginTop: 0,
               marginBottom: "0.6rem",
               paddingInlineStart: 0
-            }
-          }, props), {}, {
+            },
+            ...props,
             children: React.Children.map(children, child => {
               if (! /*#__PURE__*/React.isValidElement(child)) return child;
               const idx = startIndex + liCounter;
@@ -91945,15 +92194,14 @@
                 "data-ol-index": idx
               });
             })
-          }));
+          });
         },
-        li(_ref8) {
-          let {
-              node,
-              children,
-              "data-ol-index": dataOlIndex
-            } = _ref8,
-            props = _objectWithoutProperties$m(_ref8, _excluded7);
+        li({
+          node,
+          children,
+          "data-ol-index": dataOlIndex,
+          ...props
+        }) {
           // Inline-marker rendering (see <ol> comment above for the
           // ::marker font bug this works around). When `dataOlIndex`
           // is present, we're inside a custom-numbered <ol>; render
@@ -91968,14 +92216,15 @@
             lineHeight: "1.5"
           };
           if (dataOlIndex != null) {
-            return /*#__PURE__*/jsxRuntimeExports.jsxs("li", _objectSpread2(_objectSpread2({
-              style: _objectSpread2(_objectSpread2({}, baseLiStyle), {}, {
+            return /*#__PURE__*/jsxRuntimeExports.jsxs("li", {
+              style: {
+                ...baseLiStyle,
                 listStyle: "none",
                 display: "flex",
                 alignItems: "baseline",
                 gap: "0.4em"
-              })
-            }, props), {}, {
+              },
+              ...props,
               children: [/*#__PURE__*/jsxRuntimeExports.jsxs("span", {
                 style: {
                   flexShrink: 0,
@@ -91997,22 +92246,21 @@
                 },
                 children: children
               })]
-            }));
+            });
           }
-          return /*#__PURE__*/jsxRuntimeExports.jsx("li", _objectSpread2(_objectSpread2({
+          return /*#__PURE__*/jsxRuntimeExports.jsx("li", {
             className: "",
-            style: baseLiStyle
-          }, props), {}, {
+            style: baseLiStyle,
+            ...props,
             children: children
-          }));
+          });
         },
-        h1(_ref9) {
-          let {
-              node,
-              children
-            } = _ref9,
-            props = _objectWithoutProperties$m(_ref9, _excluded8);
-          return /*#__PURE__*/jsxRuntimeExports.jsx("h1", _objectSpread2(_objectSpread2({
+        h1({
+          node,
+          children,
+          ...props
+        }) {
+          return /*#__PURE__*/jsxRuntimeExports.jsx("h1", {
             className: "text-xl font-bold [&:first-child]:!mt-0",
             style: {
               color: textColor || (isDark ? "#f3f4f6" : "#1A1A1A"),
@@ -92020,18 +92268,17 @@
               marginTop: "0.7rem",
               marginBottom: "0.45rem",
               lineHeight: "1.35"
-            }
-          }, props), {}, {
+            },
+            ...props,
             children: children
-          }));
+          });
         },
-        h2(_ref0) {
-          let {
-              node,
-              children
-            } = _ref0,
-            props = _objectWithoutProperties$m(_ref0, _excluded9);
-          return /*#__PURE__*/jsxRuntimeExports.jsx("h2", _objectSpread2(_objectSpread2({
+        h2({
+          node,
+          children,
+          ...props
+        }) {
+          return /*#__PURE__*/jsxRuntimeExports.jsx("h2", {
             className: "text-lg font-semibold [&:first-child]:!mt-0",
             style: {
               color: textColor || (isDark ? "#f3f4f6" : "#1A1A1A"),
@@ -92039,18 +92286,17 @@
               marginTop: "0.65rem",
               marginBottom: "0.4rem",
               lineHeight: "1.35"
-            }
-          }, props), {}, {
+            },
+            ...props,
             children: children
-          }));
+          });
         },
-        h3(_ref1) {
-          let {
-              node,
-              children
-            } = _ref1,
-            props = _objectWithoutProperties$m(_ref1, _excluded0);
-          return /*#__PURE__*/jsxRuntimeExports.jsx("h3", _objectSpread2(_objectSpread2({
+        h3({
+          node,
+          children,
+          ...props
+        }) {
+          return /*#__PURE__*/jsxRuntimeExports.jsx("h3", {
             className: "text-base font-semibold [&:first-child]:!mt-0",
             style: {
               color: textColor || (isDark ? "#f3f4f6" : "#1A1A1A"),
@@ -92058,38 +92304,34 @@
               marginTop: "0.6rem",
               marginBottom: "0.35rem",
               lineHeight: "1.35"
-            }
-          }, props), {}, {
+            },
+            ...props,
             children: children
-          }));
+          });
         },
-        blockquote(_ref10) {
-          let {
-              node,
-              children
-            } = _ref10,
-            props = _objectWithoutProperties$m(_ref10, _excluded1);
-          return /*#__PURE__*/jsxRuntimeExports.jsx("blockquote", _objectSpread2(_objectSpread2({
-            className: "border-l-4 pl-4 italic ".concat(isDark ? "border-gray-600 text-gray-300" : "border-gray-300 text-gray-700")
-          }, props), {}, {
+        blockquote({
+          node,
+          children,
+          ...props
+        }) {
+          return /*#__PURE__*/jsxRuntimeExports.jsx("blockquote", {
+            className: `border-l-4 pl-4 italic ${isDark ? "border-gray-600 text-gray-300" : "border-gray-300 text-gray-700"}`,
+            ...props,
             children: children
-          }));
+          });
         },
-        table(_ref11) {
-          var _node$children;
-          let {
-              node,
-              children
-            } = _ref11,
-            props = _objectWithoutProperties$m(_ref11, _excluded10);
+        table({
+          node,
+          children,
+          ...props
+        }) {
           // react-markdown v9 passes HAST nodes (not MDAST), so the
           // table's children are <thead> / <tbody> elements, not
           // tableRow nodes. Traverse accordingly to extract columns
           // and rows, then render as A2UI Table component - mirrors
           // how chartMarkdownComponents handles eshal-ui fences in the
           // agent-sdk / frontend.
-          if ((node === null || node === void 0 || (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.length) > 0) {
-            var _thead$children;
+          if (node?.children?.length > 0) {
             function getText(n) {
               if (!n) return '';
               if (typeof n.value === 'string') return n.value;
@@ -92098,17 +92340,14 @@
             }
             const thead = node.children.find(c => c.tagName === 'thead');
             const tbody = node.children.find(c => c.tagName === 'tbody');
-            const headerTr = thead === null || thead === void 0 || (_thead$children = thead.children) === null || _thead$children === void 0 ? void 0 : _thead$children.find(c => c.tagName === 'tr');
-            const columns = ((headerTr === null || headerTr === void 0 ? void 0 : headerTr.children) || []).filter(c => c.tagName === 'th').map(cell => getText(cell));
-            const bodyTrs = ((tbody === null || tbody === void 0 ? void 0 : tbody.children) || []).filter(c => c.tagName === 'tr');
+            const headerTr = thead?.children?.find(c => c.tagName === 'tr');
+            const columns = (headerTr?.children || []).filter(c => c.tagName === 'th').map(cell => getText(cell));
+            const bodyTrs = (tbody?.children || []).filter(c => c.tagName === 'tr');
             const rows = bodyTrs.map(tr => (tr.children || []).filter(c => c.tagName === 'td').map(cell => getText(cell)));
             if (columns.length > 0 && rows.length > 0) {
               // A2uiBlock's Table renders via row[colName] lookups, so
               // convert array-of-arrays to array-of-objects keyed by column.
-              const data = rows.map(row => Object.fromEntries(columns.map((col, i) => {
-                var _row$i;
-                return [col, (_row$i = row[i]) !== null && _row$i !== void 0 ? _row$i : ''];
-              })));
+              const data = rows.map(row => Object.fromEntries(columns.map((col, i) => [col, row[i] ?? ''])));
               return /*#__PURE__*/jsxRuntimeExports.jsx(A2uiBlock, {
                 spec: {
                   type: 'table',
@@ -92127,44 +92366,41 @@
           // this bundle doesn't configure) to match every other themed
           // element in this file.
           return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
-            className: "overflow-x-auto my-3 rounded-lg border ".concat(isDark ? "border-gray-700 bg-gray-900" : "border-gray-200 bg-white"),
-            children: /*#__PURE__*/jsxRuntimeExports.jsx("table", _objectSpread2(_objectSpread2({
-              className: "min-w-full border-collapse ".concat(isDark ? "text-gray-100" : "text-gray-900")
-            }, props), {}, {
+            className: `overflow-x-auto my-3 rounded-lg border ${isDark ? "border-gray-700 bg-gray-900" : "border-gray-200 bg-white"}`,
+            children: /*#__PURE__*/jsxRuntimeExports.jsx("table", {
+              className: `min-w-full border-collapse ${isDark ? "text-gray-100" : "text-gray-900"}`,
+              ...props,
               children: children
-            }))
+            })
           });
         },
-        th(_ref12) {
-          let {
-              node,
-              children
-            } = _ref12,
-            props = _objectWithoutProperties$m(_ref12, _excluded11);
-          return /*#__PURE__*/jsxRuntimeExports.jsx("th", _objectSpread2(_objectSpread2({
-            className: "border px-3 py-2 text-left font-medium ".concat(isDark ? "border-gray-700 bg-gray-800/50 text-gray-300" : "border-gray-200 bg-gray-50 text-gray-700")
-          }, props), {}, {
+        th({
+          node,
+          children,
+          ...props
+        }) {
+          return /*#__PURE__*/jsxRuntimeExports.jsx("th", {
+            className: `border px-3 py-2 text-left font-medium ${isDark ? "border-gray-700 bg-gray-800/50 text-gray-300" : "border-gray-200 bg-gray-50 text-gray-700"}`,
+            ...props,
             children: children
-          }));
+          });
         },
-        td(_ref13) {
-          let {
-              node,
-              children
-            } = _ref13,
-            props = _objectWithoutProperties$m(_ref13, _excluded12);
-          return /*#__PURE__*/jsxRuntimeExports.jsx("td", _objectSpread2(_objectSpread2({
-            className: "border px-3 py-2 ".concat(isDark ? "border-gray-700" : "border-gray-200")
-          }, props), {}, {
+        td({
+          node,
+          children,
+          ...props
+        }) {
+          return /*#__PURE__*/jsxRuntimeExports.jsx("td", {
+            className: `border px-3 py-2 ${isDark ? "border-gray-700" : "border-gray-200"}`,
+            ...props,
             children: children
-          }));
+          });
         },
-        code(_ref14) {
-          let {
-              className,
-              children
-            } = _ref14,
-            props = _objectWithoutProperties$m(_ref14, _excluded13);
+        code({
+          className,
+          children,
+          ...props
+        }) {
           const match = /language-([\w-]+)/.exec(className || "");
           const lang = match ? match[1] : null;
 
@@ -92195,20 +92431,20 @@
             return null;
           }
           if (match) {
-            return /*#__PURE__*/jsxRuntimeExports.jsx(highlighter, _objectSpread2(_objectSpread2({
+            return /*#__PURE__*/jsxRuntimeExports.jsx(highlighter, {
               style: oneDark,
               language: lang,
               PreTag: "div",
-              wrapLines: true
-            }, props), {}, {
+              wrapLines: true,
+              ...props,
               children: String(children).replace(/\n$/, "")
-            }));
+            });
           }
-          return /*#__PURE__*/jsxRuntimeExports.jsx("code", _objectSpread2(_objectSpread2({
-            className: className
-          }, props), {}, {
+          return /*#__PURE__*/jsxRuntimeExports.jsx("code", {
+            className: className,
+            ...props,
             children: children
-          }));
+          });
         }
       },
       children: sanitizeExcessDecimalPrecision(sanitizeStreamingContent(content, isStreaming))