@eshal-bot/chat-widget 0.1.122 → 0.1.123

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

@@ -48445,6 +48445,299 @@
     }
   };
 
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+    return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+  }).join(" ").trim();
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const toKebabCase = string => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const toCamelCase = string => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const toPascalCase = string => {
+    const camelCase = toCamelCase(string);
+    return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+  };
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  var defaultAttributes = {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  };
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const hasA11yProp = props => {
+    for (const prop in props) {
+      if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const Icon = React.forwardRef(({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => React.createElement("svg", {
+    ref,
+    ...defaultAttributes,
+    width: size,
+    height: size,
+    stroke: color,
+    strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+    className: mergeClasses("lucide", className),
+    ...(!children && !hasA11yProp(rest) && {
+      "aria-hidden": "true"
+    }),
+    ...rest
+  }, [...iconNode.map(([tag, attrs]) => React.createElement(tag, attrs)), ...(Array.isArray(children) ? children : [children])]));
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const createLucideIcon = (iconName, iconNode) => {
+    const Component = React.forwardRef(({
+      className,
+      ...props
+    }, ref) => React.createElement(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(`lucide-${toKebabCase(toPascalCase(iconName))}`, `lucide-${iconName}`, className),
+      ...props
+    }));
+    Component.displayName = toPascalCase(iconName);
+    return Component;
+  };
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const __iconNode$7 = [["path", {
+    d: "M8 2v4",
+    key: "1cmpym"
+  }], ["path", {
+    d: "M16 2v4",
+    key: "4m81vk"
+  }], ["rect", {
+    width: "18",
+    height: "18",
+    x: "3",
+    y: "4",
+    rx: "2",
+    key: "1hopcy"
+  }], ["path", {
+    d: "M3 10h18",
+    key: "8toen8"
+  }], ["path", {
+    d: "m9 16 2 2 4-4",
+    key: "19s6y9"
+  }]];
+  const CalendarCheck = createLucideIcon("calendar-check", __iconNode$7);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const __iconNode$6 = [["circle", {
+    cx: "12",
+    cy: "12",
+    r: "10",
+    key: "1mglay"
+  }], ["path", {
+    d: "m9 12 2 2 4-4",
+    key: "dzmm74"
+  }]];
+  const CircleCheck = createLucideIcon("circle-check", __iconNode$6);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const __iconNode$5 = [["path", {
+    d: "M12 15V3",
+    key: "m9g1x1"
+  }], ["path", {
+    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+    key: "ih7n3h"
+  }], ["path", {
+    d: "m7 10 5 5 5-5",
+    key: "brsn70"
+  }]];
+  const Download = createLucideIcon("download", __iconNode$5);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const __iconNode$4 = [["path", {
+    d: "M15 3h6v6",
+    key: "1q9fwt"
+  }], ["path", {
+    d: "M10 14 21 3",
+    key: "gplh6r"
+  }], ["path", {
+    d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
+    key: "a6xqqp"
+  }]];
+  const ExternalLink = createLucideIcon("external-link", __iconNode$4);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const __iconNode$3 = [["path", {
+    d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+    key: "1oefj6"
+  }], ["path", {
+    d: "M14 2v5a1 1 0 0 0 1 1h5",
+    key: "wfsgrz"
+  }], ["path", {
+    d: "M10 9H8",
+    key: "b1mrlr"
+  }], ["path", {
+    d: "M16 13H8",
+    key: "t4e002"
+  }], ["path", {
+    d: "M16 17H8",
+    key: "z1uh3a"
+  }]];
+  const FileText = createLucideIcon("file-text", __iconNode$3);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const __iconNode$2 = [["circle", {
+    cx: "12",
+    cy: "12",
+    r: "10",
+    key: "1mglay"
+  }], ["path", {
+    d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",
+    key: "13o1zl"
+  }], ["path", {
+    d: "M2 12h20",
+    key: "9i4pu4"
+  }]];
+  const Globe = createLucideIcon("globe", __iconNode$2);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const __iconNode$1 = [["path", {
+    d: "M21 12a9 9 0 1 1-6.219-8.56",
+    key: "13zald"
+  }]];
+  const LoaderCircle = createLucideIcon("loader-circle", __iconNode$1);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const __iconNode = [["path", {
+    d: "M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z",
+    key: "qn84l0"
+  }], ["path", {
+    d: "M13 5v2",
+    key: "dyzc3o"
+  }], ["path", {
+    d: "M13 17v2",
+    key: "1ont0d"
+  }], ["path", {
+    d: "M13 11v2",
+    key: "1wjjxi"
+  }]];
+  const Ticket = createLucideIcon("ticket", __iconNode);
+
   function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
   /**
@@ -87749,6 +88042,29 @@
    * `props.data` must be an array of `{ label, value }` objects.
    * Set `donut={true}` for a donut chart (innerRadius > 0).
    */
+  /**
+   * Where a pie slice's value label goes (EV-3006).
+   *
+   * Mirrors `sliceLabelPlacement` in
+   * packages/frontend/src/components/charts/eshal-chart/chartShared.tsx - the
+   * two pie renderers must agree, or the same chart reads differently in the
+   * installed widget than in Testing Lab. Duplicated rather than imported
+   * because the widget bundle is deliberately standalone (every byte ships on
+   * every page of the customer's site); keep the two in step.
+   *
+   *   'inside'  - wide enough to hold the number within the arc.
+   *   'outside' - too narrow; drawn beyond the arc with a leader line, so a
+   *               small slice still shows its value instead of rendering bare.
+   *   'none'    - zero or non-finite; nothing worth labelling.
+   */
+  const PIE_LABEL_MIN_SHARE = 0.08;
+  function sliceLabelPlacement(value, percent) {
+    if (!Number.isFinite(value) || value === 0) return 'none';
+    // Unknown share (recharts omits `percent` on some passes): assume there is
+    // room rather than dropping a real value.
+    if (!Number.isFinite(percent)) return 'inside';
+    return percent < PIE_LABEL_MIN_SHARE ? 'outside' : 'inside';
+  }
   function PieChartRenderer(_ref3) {
     let {
       props,
@@ -87768,6 +88084,76 @@
       name: d.label,
       value: d.value
     }));
+
+    // EV-3006: this renderer previously drew NO value labels at all - the slice
+    // values existed only in the legend and the hover tooltip, and a pie whose
+    // slices carry no numbers reads as broken (and a tooltip is unreachable on
+    // touch). Labels now render on every non-zero slice: inside when the slice
+    // is wide enough, outside on a leader line when it isn't. Same rule and
+    // same threshold as Testing Lab's pie, so the two surfaces agree.
+    const RADIAN = Math.PI / 180;
+    const pieLabel = entry => {
+      const v = Number(entry && entry.value);
+      const placement = sliceLabelPlacement(v, Number(entry && entry.percent));
+      if (placement === 'none') return null;
+      const rIn = Number(entry.innerRadius) || 0;
+      const rOut = Number(entry.outerRadius) || 0;
+      const cx = Number(entry.cx);
+      const cy = Number(entry.cy);
+      const a = -Number(entry.midAngle) * RADIAN;
+      const cos = Math.cos(a);
+      const sin = Math.sin(a);
+      const text = currency ? formatCurrencyFull(v) : Number(v).toLocaleString();
+      if (placement === 'inside') {
+        const r = rIn + (rOut - rIn) * (donut ? 0.78 : 0.6);
+        return /*#__PURE__*/jsxRuntimeExports.jsx("text", {
+          x: cx + r * cos,
+          y: cy + r * sin,
+          fill: "#ffffff",
+          textAnchor: "middle",
+          dominantBaseline: "central",
+          style: {
+            fontSize: 11,
+            fontWeight: 600,
+            pointerEvents: 'none'
+          },
+          children: text
+        });
+      }
+
+      // Narrow slice: place the number just outside the arc, tinted with the
+      // slice's own colour so the pairing is unambiguous when several narrow
+      // slices sit together. The elbow stays short so the label can't escape
+      // the chart box at the collapsed widget width.
+      const sliceColor = typeof entry.fill === 'string' && entry.fill ? entry.fill : isDark ? '#9ca3af' : '#64748b';
+      const elbowR = rOut + 8;
+      const ex = cx + elbowR * cos;
+      const ey = cy + elbowR * sin;
+      const toRight = cos >= 0;
+      const tx = ex + (toRight ? 6 : -6);
+      return /*#__PURE__*/jsxRuntimeExports.jsxs("g", {
+        style: {
+          pointerEvents: 'none'
+        },
+        children: [/*#__PURE__*/jsxRuntimeExports.jsx("polyline", {
+          points: "".concat(cx + rOut * cos, ",").concat(cy + rOut * sin, " ").concat(ex, ",").concat(ey, " ").concat(tx, ",").concat(ey),
+          stroke: sliceColor,
+          strokeWidth: 1,
+          fill: "none"
+        }), /*#__PURE__*/jsxRuntimeExports.jsx("text", {
+          x: tx + (toRight ? 2 : -2),
+          y: ey,
+          fill: sliceColor,
+          textAnchor: toRight ? 'start' : 'end',
+          dominantBaseline: "central",
+          style: {
+            fontSize: 10,
+            fontWeight: 600
+          },
+          children: text
+        })]
+      });
+    };
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
       style: {
         borderRadius: 8,
@@ -87799,10 +88185,19 @@
               dataKey: "value",
               nameKey: "name",
               cx: "50%",
-              cy: "50%",
-              outerRadius: 85,
-              innerRadius: donut ? 48 : 0,
+              cy: "50%"
+              // EV-3006: pulled in from 85 to leave room for the outside
+              // labels on narrow slices. Without the headroom the leader line
+              // and number render past the chart box and get clipped, which is
+              // the same failure the frontend pie hit with recharts' built-in
+              // outside labels.
+              ,
+              outerRadius: 72,
+              innerRadius: donut ? 40 : 0,
               paddingAngle: 2,
+              labelLine: false,
+              label: pieLabel,
+              isAnimationActive: false,
               children: chartData.map((_, i) => /*#__PURE__*/jsxRuntimeExports.jsx(Cell, {
                 fill: PIE_COLORS[i % PIE_COLORS.length]
               }, i))
@@ -88102,9 +88497,12 @@
       spec: spec,
       isDark: isDark
     });
+    // EV-2654: `onButtonClick` threaded through so a card's non-link `actions`
+    // are live buttons, not dead chrome.
     if (t === 'card') return /*#__PURE__*/jsxRuntimeExports.jsx(Card, {
       spec: spec,
-      isDark: isDark
+      isDark: isDark,
+      onButtonClick: onButtonClick
     });
     if (t === 'button-group') return /*#__PURE__*/jsxRuntimeExports.jsx(ButtonGroup, {
       spec: spec,
@@ -88387,30 +88785,235 @@
         children: spec.title
       }), spec.body && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
         style: {
-          fontSize: 12
+          fontSize: 12,
+          lineHeight: 1.6,
+          whiteSpace: 'pre-wrap',
+          wordBreak: 'break-word'
         },
         children: String(spec.body)
       })]
     });
   }
+
+  // ── Card (EV-2654) ──────────────────────────────────────────────────────
+  // Full parity with packages/frontend/src/components/charts/A2uiBlock.tsx's
+  // Card. This used to render ONLY `title` + `body`, silently dropping
+  // `icon`, `status`, `fields`, `actions`, `image` and `details`. The backend
+  // emits the SAME spec to both surfaces (see
+  // services/agent-builder/backend/app/services/a2ui_synth.py
+  // `_calendar_card`), and an appointment card carries no `body` at all - its
+  // content lives in `fields` - so the widget showed a card containing nothing
+  // but the words "Appointment booked" while the inbox showed the full
+  // Title / Date & Time / Duration / Attendees / Location rows plus the
+  // "View Event" action. Every key the inbox reads is handled here now, so the
+  // two renderers can't drift apart on this block type again.
+
+  // Status pill tones. Same --status-*/--status-*-bg values as
+  // packages/frontend/src/app/globals.css (and the Alert palette above),
+  // inlined as literals because this file styles via JS objects.
+  const _STATUS_PILL = isDark => ({
+    success: {
+      bg: isDark ? 'hsl(152 36% 14%)' : 'hsl(152 81% 96%)',
+      fg: isDark ? 'hsl(158 64% 52%)' : 'hsl(160 84% 39%)'
+    },
+    warn: {
+      bg: isDark ? 'hsl(36 33% 14%)' : 'hsl(34 100% 95%)',
+      fg: isDark ? 'hsl(38 92% 60%)' : 'hsl(35 100% 50%)'
+    },
+    error: {
+      bg: isDark ? 'hsl(356 33% 16%)' : 'hsl(356 100% 97%)',
+      fg: isDark ? 'hsl(350 89% 65%)' : 'hsl(350 89% 60%)'
+    },
+    info: {
+      bg: isDark ? 'hsl(204 33% 14%)' : 'hsl(204 100% 97%)',
+      fg: isDark ? 'hsl(199 89% 58%)' : 'hsl(199 89% 48%)'
+    }
+  });
+
+  // Mirrors the inbox's _CARD_ICON map.
+  const _CARD_ICON = {
+    calendar: CalendarCheck,
+    ticket: Ticket,
+    check: CircleCheck
+  };
   function Card(_ref11) {
     let {
       spec,
-      isDark
+      isDark,
+      onButtonClick
     } = _ref11;
+    const fields = Array.isArray(spec.fields) ? spec.fields : [];
+    const actions = Array.isArray(spec.actions) ? spec.actions : [];
+    const status = spec.status;
+    const Icon = spec.icon ? _CARD_ICON[spec.icon] : null;
+    // Product cards carry a short `body` summary + optional full `details`
+    // (EV-1954). The toggle only appears when `details` adds real content.
+    const [showFull, setShowFull] = React.useState(false);
+    const summary = String(spec.body || '').trim();
+    const full = String(spec.details || '').trim();
+    const hasMore = summary.length > 0 && full.length > summary.length + 2;
+    const imageUrl = safeUrl(spec.image);
+    const pill = status && status.label ? _STATUS_PILL(isDark)[status.variant || 'success'] : null;
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-      style: card(isDark),
-      children: [spec.title && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+      style: _objectSpread2(_objectSpread2({}, card(isDark)), {}, {
+        minWidth: 0,
+        overflow: 'hidden'
+      }),
+      children: [imageUrl && /*#__PURE__*/jsxRuntimeExports.jsx("img", {
+        src: imageUrl,
+        alt: spec.title || '',
+        referrerPolicy: "no-referrer",
+        onError: e => {
+          e.currentTarget.style.display = 'none';
+        },
         style: {
-          fontWeight: 600,
-          marginBottom: 6
+          display: 'block',
+          margin: '-12px -12px 12px',
+          width: 'calc(100% + 24px)',
+          height: 140,
+          objectFit: 'contain',
+          background: isDark ? 'rgba(31,41,55,0.4)' : '#f9fafb'
+        }
+      }), (spec.title || pill) && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+          gap: 8,
+          marginBottom: 8
         },
-        children: spec.title
-      }), spec.body && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+          style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 6,
+            minWidth: 0
+          },
+          children: [Icon && /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {
+            size: 14,
+            style: {
+              flexShrink: 0,
+              color: isDark ? '#60a5fa' : BRAND_BLUE
+            }
+          }), spec.title && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+            style: {
+              fontWeight: 600,
+              minWidth: 0,
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap'
+            },
+            children: spec.title
+          })]
+        }), pill && /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+          style: {
+            flexShrink: 0,
+            borderRadius: 999,
+            padding: '1px 8px',
+            fontSize: 10,
+            fontWeight: 500,
+            background: pill.bg,
+            color: pill.fg
+          },
+          children: status.label
+        })]
+      }), (summary || full) && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          style: {
+            fontSize: 12,
+            lineHeight: 1.6,
+            whiteSpace: 'pre-wrap',
+            wordBreak: 'break-word'
+          },
+          children: showFull ? full || summary : summary || full
+        }), hasMore && /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+          type: "button",
+          onClick: () => setShowFull(v => !v),
+          style: {
+            marginTop: 4,
+            padding: 0,
+            border: 'none',
+            background: 'none',
+            fontSize: 11,
+            fontWeight: 500,
+            color: isDark ? '#60a5fa' : BRAND_BLUE,
+            cursor: 'pointer'
+          },
+          children: showFull ? 'Show less' : 'Show more'
+        })]
+      }), fields.length > 0 && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
         style: {
-          fontSize: 12
+          display: 'grid',
+          gridTemplateColumns: 'auto 1fr',
+          columnGap: 12,
+          rowGap: 6,
+          marginTop: summary || full ? 12 : 0
         },
-        children: String(spec.body)
+        children: fields.map((f, i) => /*#__PURE__*/jsxRuntimeExports.jsxs(React.Fragment, {
+          children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
+            style: {
+              fontSize: 11,
+              fontWeight: 500,
+              color: isDark ? '#9ca3af' : '#6b7280',
+              whiteSpace: 'nowrap'
+            },
+            children: f.label
+          }), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+            style: {
+              fontSize: 12,
+              minWidth: 0,
+              wordBreak: 'break-word'
+            },
+            children: f.value
+          })]
+        }, i))
+      }), actions.length > 0 && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        style: {
+          display: 'flex',
+          flexWrap: 'wrap',
+          gap: 8,
+          marginTop: 12
+        },
+        children: actions.map((a, i) => {
+          const primary = a.variant !== 'secondary';
+          const base = {
+            display: 'inline-flex',
+            alignItems: 'center',
+            padding: '6px 12px',
+            borderRadius: 6,
+            fontSize: 11,
+            fontWeight: 500,
+            textDecoration: 'none',
+            border: '1px solid ' + (primary ? BRAND_BLUE : isDark ? '#4b5563' : '#d1d5db'),
+            background: primary ? BRAND_BLUE : isDark ? '#1f2937' : '#ffffff',
+            color: primary ? '#ffffff' : isDark ? '#e5e7eb' : '#374151'
+          };
+          const url = safeUrl(a.url);
+          if (url) {
+            return /*#__PURE__*/jsxRuntimeExports.jsx("a", {
+              href: url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: base,
+              children: a.label
+            }, i);
+          }
+          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,
+            disabled: !onButtonClick,
+            title: !onButtonClick ? 'Action (no handler wired)' : undefined,
+            style: _objectSpread2(_objectSpread2({}, base), {}, {
+              cursor: onButtonClick ? 'pointer' : 'default',
+              opacity: onButtonClick ? 1 : 0.5
+            }),
+            children: a.label
+          }, i);
+        })
       })]
     });
   }
@@ -88528,7 +89131,10 @@
       }), spec.body && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
         style: {
           fontSize: 12,
-          marginBottom: 8
+          lineHeight: 1.6,
+          marginBottom: 8,
+          whiteSpace: 'pre-wrap',
+          wordBreak: 'break-word'
         },
         children: String(spec.body)
       }), /*#__PURE__*/jsxRuntimeExports.jsx(ButtonGroup, {
@@ -90588,230 +91194,6 @@
     };
   }
 
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  const mergeClasses = (...classes) => classes.filter((className, index, array) => {
-    return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-  }).join(" ").trim();
-
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  const toKebabCase = string => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  const toCamelCase = string => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
-
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  const toPascalCase = string => {
-    const camelCase = toCamelCase(string);
-    return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-  };
-
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  var defaultAttributes = {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  };
-
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  const hasA11yProp = props => {
-    for (const prop in props) {
-      if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-        return true;
-      }
-    }
-    return false;
-  };
-
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  const Icon = React.forwardRef(({
-    color = "currentColor",
-    size = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => React.createElement("svg", {
-    ref,
-    ...defaultAttributes,
-    width: size,
-    height: size,
-    stroke: color,
-    strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-    className: mergeClasses("lucide", className),
-    ...(!children && !hasA11yProp(rest) && {
-      "aria-hidden": "true"
-    }),
-    ...rest
-  }, [...iconNode.map(([tag, attrs]) => React.createElement(tag, attrs)), ...(Array.isArray(children) ? children : [children])]));
-
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  const createLucideIcon = (iconName, iconNode) => {
-    const Component = React.forwardRef(({
-      className,
-      ...props
-    }, ref) => React.createElement(Icon, {
-      ref,
-      iconNode,
-      className: mergeClasses(`lucide-${toKebabCase(toPascalCase(iconName))}`, `lucide-${iconName}`, className),
-      ...props
-    }));
-    Component.displayName = toPascalCase(iconName);
-    return Component;
-  };
-
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  const __iconNode$4 = [["path", {
-    d: "M12 15V3",
-    key: "m9g1x1"
-  }], ["path", {
-    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
-    key: "ih7n3h"
-  }], ["path", {
-    d: "m7 10 5 5 5-5",
-    key: "brsn70"
-  }]];
-  const Download = createLucideIcon("download", __iconNode$4);
-
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  const __iconNode$3 = [["path", {
-    d: "M15 3h6v6",
-    key: "1q9fwt"
-  }], ["path", {
-    d: "M10 14 21 3",
-    key: "gplh6r"
-  }], ["path", {
-    d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
-    key: "a6xqqp"
-  }]];
-  const ExternalLink = createLucideIcon("external-link", __iconNode$3);
-
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  const __iconNode$2 = [["path", {
-    d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-    key: "1oefj6"
-  }], ["path", {
-    d: "M14 2v5a1 1 0 0 0 1 1h5",
-    key: "wfsgrz"
-  }], ["path", {
-    d: "M10 9H8",
-    key: "b1mrlr"
-  }], ["path", {
-    d: "M16 13H8",
-    key: "t4e002"
-  }], ["path", {
-    d: "M16 17H8",
-    key: "z1uh3a"
-  }]];
-  const FileText = createLucideIcon("file-text", __iconNode$2);
-
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  const __iconNode$1 = [["circle", {
-    cx: "12",
-    cy: "12",
-    r: "10",
-    key: "1mglay"
-  }], ["path", {
-    d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",
-    key: "13o1zl"
-  }], ["path", {
-    d: "M2 12h20",
-    key: "9i4pu4"
-  }]];
-  const Globe = createLucideIcon("globe", __iconNode$1);
-
-  /**
-   * @license lucide-react v0.575.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-
-  const __iconNode = [["path", {
-    d: "M21 12a9 9 0 1 1-6.219-8.56",
-    key: "13zald"
-  }]];
-  const LoaderCircle = createLucideIcon("loader-circle", __iconNode);
-
   const WidgetCitationContext = /*#__PURE__*/React.createContext(null);
   function decodeName(name) {
     if (!name) return "";