reachat 2.1.2 → 2.2.0

package/dist/{index-CBHNcMyR.js → index-DdRyk11n.js}

@@ -1,8 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { createContext, useContext, useRef, forwardRef, useState, useEffect, useCallback, useImperativeHandle, useMemo, lazy, Suspense, memo, isValidElement, cloneElement } from "react";
-import { Button, cn, List, ListItem, Ellipsis, DateFormat, IconButton, Card, useInfinityList, useComponentTheme, ConnectedOverlay } from "reablocks";
+import { createContext, useContext, useRef, forwardRef, useState, useEffect, useCallback, useImperativeHandle, memo, useMemo, lazy, Suspense, isValidElement, cloneElement } from "react";
+import { Button, cn, List, ListItem, Ellipsis, DateFormat, Redact, IconButton, Card, useInfinityList, useComponentTheme, ConnectedOverlay } from "reablocks";
 import { useEditor, EditorContent, ReactRenderer, posToDOMRect } from "@tiptap/react";
+import { computePosition, shift, flip } from "@floating-ui/dom";
 import Document from "@tiptap/extension-document";
 import Paragraph from "@tiptap/extension-paragraph";
 import Text from "@tiptap/extension-text";
@@ -14,6 +15,7 @@ import { motion, AnimatePresence } from "motion/react";
 import ReactMarkdown from "react-markdown";
 import { Prism } from "react-syntax-highlighter";
 import rehypeKatex from "rehype-katex";
+import rehypeRaw from "rehype-raw";
 import { SparklineChart, RadialAreaChart, RadialAreaSeries, RadialBarChart, RadialBarSeries, PieChart, PieArcSeries, AreaChart, AreaSeries, LinearYAxis, LinearXAxis, LineChart, LineSeries, BarChart, BarSeries } from "reaviz";
 import { findAndReplace } from "mdast-util-find-and-replace";
 import { visit } from "unist-util-visit";
@@ -72,1116 +74,6 @@ const FileInput = ({
     )
   ] });
 };
-const min = Math.min;
-const max = Math.max;
-const round = Math.round;
-const createCoords = (v) => ({
-  x: v,
-  y: v
-});
-const oppositeSideMap = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-const oppositeAlignmentMap = {
-  start: "end",
-  end: "start"
-};
-function clamp(start, value, end) {
-  return max(start, min(value, end));
-}
-function evaluate(value, param) {
-  return typeof value === "function" ? value(param) : value;
-}
-function getSide(placement) {
-  return placement.split("-")[0];
-}
-function getAlignment(placement) {
-  return placement.split("-")[1];
-}
-function getOppositeAxis(axis) {
-  return axis === "x" ? "y" : "x";
-}
-function getAxisLength(axis) {
-  return axis === "y" ? "height" : "width";
-}
-const yAxisSides = /* @__PURE__ */ new Set(["top", "bottom"]);
-function getSideAxis(placement) {
-  return yAxisSides.has(getSide(placement)) ? "y" : "x";
-}
-function getAlignmentAxis(placement) {
-  return getOppositeAxis(getSideAxis(placement));
-}
-function getAlignmentSides(placement, rects, rtl) {
-  if (rtl === void 0) {
-    rtl = false;
-  }
-  const alignment = getAlignment(placement);
-  const alignmentAxis = getAlignmentAxis(placement);
-  const length = getAxisLength(alignmentAxis);
-  let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
-  if (rects.reference[length] > rects.floating[length]) {
-    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
-  }
-  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
-}
-function getExpandedPlacements(placement) {
-  const oppositePlacement = getOppositePlacement(placement);
-  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
-}
-function getOppositeAlignmentPlacement(placement) {
-  return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
-}
-const lrPlacement = ["left", "right"];
-const rlPlacement = ["right", "left"];
-const tbPlacement = ["top", "bottom"];
-const btPlacement = ["bottom", "top"];
-function getSideList(side, isStart, rtl) {
-  switch (side) {
-    case "top":
-    case "bottom":
-      if (rtl) return isStart ? rlPlacement : lrPlacement;
-      return isStart ? lrPlacement : rlPlacement;
-    case "left":
-    case "right":
-      return isStart ? tbPlacement : btPlacement;
-    default:
-      return [];
-  }
-}
-function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
-  const alignment = getAlignment(placement);
-  let list = getSideList(getSide(placement), direction === "start", rtl);
-  if (alignment) {
-    list = list.map((side) => side + "-" + alignment);
-    if (flipAlignment) {
-      list = list.concat(list.map(getOppositeAlignmentPlacement));
-    }
-  }
-  return list;
-}
-function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
-}
-function expandPaddingObject(padding) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...padding
-  };
-}
-function getPaddingObject(padding) {
-  return typeof padding !== "number" ? expandPaddingObject(padding) : {
-    top: padding,
-    right: padding,
-    bottom: padding,
-    left: padding
-  };
-}
-function rectToClientRect(rect) {
-  const {
-    x,
-    y,
-    width,
-    height
-  } = rect;
-  return {
-    width,
-    height,
-    top: y,
-    left: x,
-    right: x + width,
-    bottom: y + height,
-    x,
-    y
-  };
-}
-function computeCoordsFromPlacement(_ref, placement, rtl) {
-  let {
-    reference,
-    floating
-  } = _ref;
-  const sideAxis = getSideAxis(placement);
-  const alignmentAxis = getAlignmentAxis(placement);
-  const alignLength = getAxisLength(alignmentAxis);
-  const side = getSide(placement);
-  const isVertical = sideAxis === "y";
-  const commonX = reference.x + reference.width / 2 - floating.width / 2;
-  const commonY = reference.y + reference.height / 2 - floating.height / 2;
-  const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
-  let coords;
-  switch (side) {
-    case "top":
-      coords = {
-        x: commonX,
-        y: reference.y - floating.height
-      };
-      break;
-    case "bottom":
-      coords = {
-        x: commonX,
-        y: reference.y + reference.height
-      };
-      break;
-    case "right":
-      coords = {
-        x: reference.x + reference.width,
-        y: commonY
-      };
-      break;
-    case "left":
-      coords = {
-        x: reference.x - floating.width,
-        y: commonY
-      };
-      break;
-    default:
-      coords = {
-        x: reference.x,
-        y: reference.y
-      };
-  }
-  switch (getAlignment(placement)) {
-    case "start":
-      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
-    case "end":
-      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
-  }
-  return coords;
-}
-const computePosition$1 = async (reference, floating, config) => {
-  const {
-    placement = "bottom",
-    strategy = "absolute",
-    middleware = [],
-    platform: platform2
-  } = config;
-  const validMiddleware = middleware.filter(Boolean);
-  const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
-  let rects = await platform2.getElementRects({
-    reference,
-    floating,
-    strategy
-  });
-  let {
-    x,
-    y
-  } = computeCoordsFromPlacement(rects, placement, rtl);
-  let statefulPlacement = placement;
-  let middlewareData = {};
-  let resetCount = 0;
-  for (let i = 0; i < validMiddleware.length; i++) {
-    const {
-      name,
-      fn
-    } = validMiddleware[i];
-    const {
-      x: nextX,
-      y: nextY,
-      data,
-      reset
-    } = await fn({
-      x,
-      y,
-      initialPlacement: placement,
-      placement: statefulPlacement,
-      strategy,
-      middlewareData,
-      rects,
-      platform: platform2,
-      elements: {
-        reference,
-        floating
-      }
-    });
-    x = nextX != null ? nextX : x;
-    y = nextY != null ? nextY : y;
-    middlewareData = {
-      ...middlewareData,
-      [name]: {
-        ...middlewareData[name],
-        ...data
-      }
-    };
-    if (reset && resetCount <= 50) {
-      resetCount++;
-      if (typeof reset === "object") {
-        if (reset.placement) {
-          statefulPlacement = reset.placement;
-        }
-        if (reset.rects) {
-          rects = reset.rects === true ? await platform2.getElementRects({
-            reference,
-            floating,
-            strategy
-          }) : reset.rects;
-        }
-        ({
-          x,
-          y
-        } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
-      }
-      i = -1;
-    }
-  }
-  return {
-    x,
-    y,
-    placement: statefulPlacement,
-    strategy,
-    middlewareData
-  };
-};
-async function detectOverflow(state, options) {
-  var _await$platform$isEle;
-  if (options === void 0) {
-    options = {};
-  }
-  const {
-    x,
-    y,
-    platform: platform2,
-    rects,
-    elements,
-    strategy
-  } = state;
-  const {
-    boundary = "clippingAncestors",
-    rootBoundary = "viewport",
-    elementContext = "floating",
-    altBoundary = false,
-    padding = 0
-  } = evaluate(options, state);
-  const paddingObject = getPaddingObject(padding);
-  const altContext = elementContext === "floating" ? "reference" : "floating";
-  const element = elements[altBoundary ? altContext : elementContext];
-  const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
-    element: ((_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
-    boundary,
-    rootBoundary,
-    strategy
-  }));
-  const rect = elementContext === "floating" ? {
-    x,
-    y,
-    width: rects.floating.width,
-    height: rects.floating.height
-  } : rects.reference;
-  const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
-  const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  };
-  const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements,
-    rect,
-    offsetParent,
-    strategy
-  }) : rect);
-  return {
-    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-  };
-}
-const flip$1 = function(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    name: "flip",
-    options,
-    async fn(state) {
-      var _middlewareData$arrow, _middlewareData$flip;
-      const {
-        placement,
-        middlewareData,
-        rects,
-        initialPlacement,
-        platform: platform2,
-        elements
-      } = state;
-      const {
-        mainAxis: checkMainAxis = true,
-        crossAxis: checkCrossAxis = true,
-        fallbackPlacements: specifiedFallbackPlacements,
-        fallbackStrategy = "bestFit",
-        fallbackAxisSideDirection = "none",
-        flipAlignment = true,
-        ...detectOverflowOptions
-      } = evaluate(options, state);
-      if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
-        return {};
-      }
-      const side = getSide(placement);
-      const initialSideAxis = getSideAxis(initialPlacement);
-      const isBasePlacement = getSide(initialPlacement) === initialPlacement;
-      const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
-      const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
-      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
-        fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
-      }
-      const placements = [initialPlacement, ...fallbackPlacements];
-      const overflow = await detectOverflow(state, detectOverflowOptions);
-      const overflows = [];
-      let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
-      if (checkMainAxis) {
-        overflows.push(overflow[side]);
-      }
-      if (checkCrossAxis) {
-        const sides = getAlignmentSides(placement, rects, rtl);
-        overflows.push(overflow[sides[0]], overflow[sides[1]]);
-      }
-      overflowsData = [...overflowsData, {
-        placement,
-        overflows
-      }];
-      if (!overflows.every((side2) => side2 <= 0)) {
-        var _middlewareData$flip2, _overflowsData$filter;
-        const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
-        const nextPlacement = placements[nextIndex];
-        if (nextPlacement) {
-          const ignoreCrossAxisOverflow = checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false;
-          if (!ignoreCrossAxisOverflow || // We leave the current main axis only if every placement on that axis
-          // overflows the main axis.
-          overflowsData.every((d) => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
-            return {
-              data: {
-                index: nextIndex,
-                overflows: overflowsData
-              },
-              reset: {
-                placement: nextPlacement
-              }
-            };
-          }
-        }
-        let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
-        if (!resetPlacement) {
-          switch (fallbackStrategy) {
-            case "bestFit": {
-              var _overflowsData$filter2;
-              const placement2 = (_overflowsData$filter2 = overflowsData.filter((d) => {
-                if (hasFallbackAxisSideDirection) {
-                  const currentSideAxis = getSideAxis(d.placement);
-                  return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  currentSideAxis === "y";
-                }
-                return true;
-              }).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
-              if (placement2) {
-                resetPlacement = placement2;
-              }
-              break;
-            }
-            case "initialPlacement":
-              resetPlacement = initialPlacement;
-              break;
-          }
-        }
-        if (placement !== resetPlacement) {
-          return {
-            reset: {
-              placement: resetPlacement
-            }
-          };
-        }
-      }
-      return {};
-    }
-  };
-};
-const shift$1 = function(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    name: "shift",
-    options,
-    async fn(state) {
-      const {
-        x,
-        y,
-        placement
-      } = state;
-      const {
-        mainAxis: checkMainAxis = true,
-        crossAxis: checkCrossAxis = false,
-        limiter = {
-          fn: (_ref) => {
-            let {
-              x: x2,
-              y: y2
-            } = _ref;
-            return {
-              x: x2,
-              y: y2
-            };
-          }
-        },
-        ...detectOverflowOptions
-      } = evaluate(options, state);
-      const coords = {
-        x,
-        y
-      };
-      const overflow = await detectOverflow(state, detectOverflowOptions);
-      const crossAxis = getSideAxis(getSide(placement));
-      const mainAxis = getOppositeAxis(crossAxis);
-      let mainAxisCoord = coords[mainAxis];
-      let crossAxisCoord = coords[crossAxis];
-      if (checkMainAxis) {
-        const minSide = mainAxis === "y" ? "top" : "left";
-        const maxSide = mainAxis === "y" ? "bottom" : "right";
-        const min2 = mainAxisCoord + overflow[minSide];
-        const max2 = mainAxisCoord - overflow[maxSide];
-        mainAxisCoord = clamp(min2, mainAxisCoord, max2);
-      }
-      if (checkCrossAxis) {
-        const minSide = crossAxis === "y" ? "top" : "left";
-        const maxSide = crossAxis === "y" ? "bottom" : "right";
-        const min2 = crossAxisCoord + overflow[minSide];
-        const max2 = crossAxisCoord - overflow[maxSide];
-        crossAxisCoord = clamp(min2, crossAxisCoord, max2);
-      }
-      const limitedCoords = limiter.fn({
-        ...state,
-        [mainAxis]: mainAxisCoord,
-        [crossAxis]: crossAxisCoord
-      });
-      return {
-        ...limitedCoords,
-        data: {
-          x: limitedCoords.x - x,
-          y: limitedCoords.y - y,
-          enabled: {
-            [mainAxis]: checkMainAxis,
-            [crossAxis]: checkCrossAxis
-          }
-        }
-      };
-    }
-  };
-};
-function hasWindow() {
-  return typeof window !== "undefined";
-}
-function getNodeName(node) {
-  if (isNode(node)) {
-    return (node.nodeName || "").toLowerCase();
-  }
-  return "#document";
-}
-function getWindow(node) {
-  var _node$ownerDocument;
-  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
-}
-function getDocumentElement(node) {
-  var _ref;
-  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
-}
-function isNode(value) {
-  if (!hasWindow()) {
-    return false;
-  }
-  return value instanceof Node || value instanceof getWindow(value).Node;
-}
-function isElement(value) {
-  if (!hasWindow()) {
-    return false;
-  }
-  return value instanceof Element || value instanceof getWindow(value).Element;
-}
-function isHTMLElement(value) {
-  if (!hasWindow()) {
-    return false;
-  }
-  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
-}
-function isShadowRoot(value) {
-  if (!hasWindow() || typeof ShadowRoot === "undefined") {
-    return false;
-  }
-  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
-}
-const invalidOverflowDisplayValues = /* @__PURE__ */ new Set(["inline", "contents"]);
-function isOverflowElement(element) {
-  const {
-    overflow,
-    overflowX,
-    overflowY,
-    display
-  } = getComputedStyle$1(element);
-  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
-}
-const tableElements = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function isTableElement(element) {
-  return tableElements.has(getNodeName(element));
-}
-const topLayerSelectors = [":popover-open", ":modal"];
-function isTopLayer(element) {
-  return topLayerSelectors.some((selector) => {
-    try {
-      return element.matches(selector);
-    } catch (_e) {
-      return false;
-    }
-  });
-}
-const transformProperties = ["transform", "translate", "scale", "rotate", "perspective"];
-const willChangeValues = ["transform", "translate", "scale", "rotate", "perspective", "filter"];
-const containValues = ["paint", "layout", "strict", "content"];
-function isContainingBlock(elementOrCss) {
-  const webkit = isWebKit();
-  const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
-  return transformProperties.some((value) => css[value] ? css[value] !== "none" : false) || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || willChangeValues.some((value) => (css.willChange || "").includes(value)) || containValues.some((value) => (css.contain || "").includes(value));
-}
-function getContainingBlock(element) {
-  let currentNode = getParentNode(element);
-  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    if (isContainingBlock(currentNode)) {
-      return currentNode;
-    } else if (isTopLayer(currentNode)) {
-      return null;
-    }
-    currentNode = getParentNode(currentNode);
-  }
-  return null;
-}
-function isWebKit() {
-  if (typeof CSS === "undefined" || !CSS.supports) return false;
-  return CSS.supports("-webkit-backdrop-filter", "none");
-}
-const lastTraversableNodeNames = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function isLastTraversableNode(node) {
-  return lastTraversableNodeNames.has(getNodeName(node));
-}
-function getComputedStyle$1(element) {
-  return getWindow(element).getComputedStyle(element);
-}
-function getNodeScroll(element) {
-  if (isElement(element)) {
-    return {
-      scrollLeft: element.scrollLeft,
-      scrollTop: element.scrollTop
-    };
-  }
-  return {
-    scrollLeft: element.scrollX,
-    scrollTop: element.scrollY
-  };
-}
-function getParentNode(node) {
-  if (getNodeName(node) === "html") {
-    return node;
-  }
-  const result = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    node.assignedSlot || // DOM Element detected.
-    node.parentNode || // ShadowRoot detected.
-    isShadowRoot(node) && node.host || // Fallback.
-    getDocumentElement(node)
-  );
-  return isShadowRoot(result) ? result.host : result;
-}
-function getNearestOverflowAncestor(node) {
-  const parentNode = getParentNode(node);
-  if (isLastTraversableNode(parentNode)) {
-    return node.ownerDocument ? node.ownerDocument.body : node.body;
-  }
-  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
-    return parentNode;
-  }
-  return getNearestOverflowAncestor(parentNode);
-}
-function getOverflowAncestors(node, list, traverseIframes) {
-  var _node$ownerDocument2;
-  if (list === void 0) {
-    list = [];
-  }
-  const scrollableAncestor = getNearestOverflowAncestor(node);
-  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
-  const win = getWindow(scrollableAncestor);
-  if (isBody) {
-    getFrameElement(win);
-    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], []);
-  }
-  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, []));
-}
-function getFrameElement(win) {
-  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
-}
-function getCssDimensions(element) {
-  const css = getComputedStyle$1(element);
-  let width = parseFloat(css.width) || 0;
-  let height = parseFloat(css.height) || 0;
-  const hasOffset = isHTMLElement(element);
-  const offsetWidth = hasOffset ? element.offsetWidth : width;
-  const offsetHeight = hasOffset ? element.offsetHeight : height;
-  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
-  if (shouldFallback) {
-    width = offsetWidth;
-    height = offsetHeight;
-  }
-  return {
-    width,
-    height,
-    $: shouldFallback
-  };
-}
-function unwrapElement(element) {
-  return !isElement(element) ? element.contextElement : element;
-}
-function getScale(element) {
-  const domElement = unwrapElement(element);
-  if (!isHTMLElement(domElement)) {
-    return createCoords(1);
-  }
-  const rect = domElement.getBoundingClientRect();
-  const {
-    width,
-    height,
-    $
-  } = getCssDimensions(domElement);
-  let x = ($ ? round(rect.width) : rect.width) / width;
-  let y = ($ ? round(rect.height) : rect.height) / height;
-  if (!x || !Number.isFinite(x)) {
-    x = 1;
-  }
-  if (!y || !Number.isFinite(y)) {
-    y = 1;
-  }
-  return {
-    x,
-    y
-  };
-}
-const noOffsets = /* @__PURE__ */ createCoords(0);
-function getVisualOffsets(element) {
-  const win = getWindow(element);
-  if (!isWebKit() || !win.visualViewport) {
-    return noOffsets;
-  }
-  return {
-    x: win.visualViewport.offsetLeft,
-    y: win.visualViewport.offsetTop
-  };
-}
-function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
-  if (isFixed === void 0) {
-    isFixed = false;
-  }
-  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
-    return false;
-  }
-  return isFixed;
-}
-function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
-  if (includeScale === void 0) {
-    includeScale = false;
-  }
-  if (isFixedStrategy === void 0) {
-    isFixedStrategy = false;
-  }
-  const clientRect = element.getBoundingClientRect();
-  const domElement = unwrapElement(element);
-  let scale = createCoords(1);
-  if (includeScale) {
-    if (offsetParent) {
-      if (isElement(offsetParent)) {
-        scale = getScale(offsetParent);
-      }
-    } else {
-      scale = getScale(element);
-    }
-  }
-  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
-  let x = (clientRect.left + visualOffsets.x) / scale.x;
-  let y = (clientRect.top + visualOffsets.y) / scale.y;
-  let width = clientRect.width / scale.x;
-  let height = clientRect.height / scale.y;
-  if (domElement) {
-    const win = getWindow(domElement);
-    const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
-    let currentWin = win;
-    let currentIFrame = getFrameElement(currentWin);
-    while (currentIFrame && offsetParent && offsetWin !== currentWin) {
-      const iframeScale = getScale(currentIFrame);
-      const iframeRect = currentIFrame.getBoundingClientRect();
-      const css = getComputedStyle$1(currentIFrame);
-      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
-      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
-      x *= iframeScale.x;
-      y *= iframeScale.y;
-      width *= iframeScale.x;
-      height *= iframeScale.y;
-      x += left;
-      y += top;
-      currentWin = getWindow(currentIFrame);
-      currentIFrame = getFrameElement(currentWin);
-    }
-  }
-  return rectToClientRect({
-    width,
-    height,
-    x,
-    y
-  });
-}
-function getWindowScrollBarX(element, rect) {
-  const leftScroll = getNodeScroll(element).scrollLeft;
-  if (!rect) {
-    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
-  }
-  return rect.left + leftScroll;
-}
-function getHTMLOffset(documentElement, scroll) {
-  const htmlRect = documentElement.getBoundingClientRect();
-  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
-  const y = htmlRect.top + scroll.scrollTop;
-  return {
-    x,
-    y
-  };
-}
-function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
-  let {
-    elements,
-    rect,
-    offsetParent,
-    strategy
-  } = _ref;
-  const isFixed = strategy === "fixed";
-  const documentElement = getDocumentElement(offsetParent);
-  const topLayer = elements ? isTopLayer(elements.floating) : false;
-  if (offsetParent === documentElement || topLayer && isFixed) {
-    return rect;
-  }
-  let scroll = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  let scale = createCoords(1);
-  const offsets = createCoords(0);
-  const isOffsetParentAnElement = isHTMLElement(offsetParent);
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
-      scroll = getNodeScroll(offsetParent);
-    }
-    if (isHTMLElement(offsetParent)) {
-      const offsetRect = getBoundingClientRect(offsetParent);
-      scale = getScale(offsetParent);
-      offsets.x = offsetRect.x + offsetParent.clientLeft;
-      offsets.y = offsetRect.y + offsetParent.clientTop;
-    }
-  }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
-  return {
-    width: rect.width * scale.x,
-    height: rect.height * scale.y,
-    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
-    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
-  };
-}
-function getClientRects(element) {
-  return Array.from(element.getClientRects());
-}
-function getDocumentRect(element) {
-  const html = getDocumentElement(element);
-  const scroll = getNodeScroll(element);
-  const body = element.ownerDocument.body;
-  const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
-  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
-  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
-  const y = -scroll.scrollTop;
-  if (getComputedStyle$1(body).direction === "rtl") {
-    x += max(html.clientWidth, body.clientWidth) - width;
-  }
-  return {
-    width,
-    height,
-    x,
-    y
-  };
-}
-const SCROLLBAR_MAX = 25;
-function getViewportRect(element, strategy) {
-  const win = getWindow(element);
-  const html = getDocumentElement(element);
-  const visualViewport = win.visualViewport;
-  let width = html.clientWidth;
-  let height = html.clientHeight;
-  let x = 0;
-  let y = 0;
-  if (visualViewport) {
-    width = visualViewport.width;
-    height = visualViewport.height;
-    const visualViewportBased = isWebKit();
-    if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
-      x = visualViewport.offsetLeft;
-      y = visualViewport.offsetTop;
-    }
-  }
-  const windowScrollbarX = getWindowScrollBarX(html);
-  if (windowScrollbarX <= 0) {
-    const doc = html.ownerDocument;
-    const body = doc.body;
-    const bodyStyles = getComputedStyle(body);
-    const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
-    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
-    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
-      width -= clippingStableScrollbarWidth;
-    }
-  } else if (windowScrollbarX <= SCROLLBAR_MAX) {
-    width += windowScrollbarX;
-  }
-  return {
-    width,
-    height,
-    x,
-    y
-  };
-}
-const absoluteOrFixed = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function getInnerBoundingClientRect(element, strategy) {
-  const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
-  const top = clientRect.top + element.clientTop;
-  const left = clientRect.left + element.clientLeft;
-  const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
-  const width = element.clientWidth * scale.x;
-  const height = element.clientHeight * scale.y;
-  const x = left * scale.x;
-  const y = top * scale.y;
-  return {
-    width,
-    height,
-    x,
-    y
-  };
-}
-function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
-  let rect;
-  if (clippingAncestor === "viewport") {
-    rect = getViewportRect(element, strategy);
-  } else if (clippingAncestor === "document") {
-    rect = getDocumentRect(getDocumentElement(element));
-  } else if (isElement(clippingAncestor)) {
-    rect = getInnerBoundingClientRect(clippingAncestor, strategy);
-  } else {
-    const visualOffsets = getVisualOffsets(element);
-    rect = {
-      x: clippingAncestor.x - visualOffsets.x,
-      y: clippingAncestor.y - visualOffsets.y,
-      width: clippingAncestor.width,
-      height: clippingAncestor.height
-    };
-  }
-  return rectToClientRect(rect);
-}
-function hasFixedPositionAncestor(element, stopNode) {
-  const parentNode = getParentNode(element);
-  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
-    return false;
-  }
-  return getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
-}
-function getClippingElementAncestors(element, cache) {
-  const cachedResult = cache.get(element);
-  if (cachedResult) {
-    return cachedResult;
-  }
-  let result = getOverflowAncestors(element, []).filter((el) => isElement(el) && getNodeName(el) !== "body");
-  let currentContainingBlockComputedStyle = null;
-  const elementIsFixed = getComputedStyle$1(element).position === "fixed";
-  let currentNode = elementIsFixed ? getParentNode(element) : element;
-  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    const computedStyle = getComputedStyle$1(currentNode);
-    const currentNodeIsContaining = isContainingBlock(currentNode);
-    if (!currentNodeIsContaining && computedStyle.position === "fixed") {
-      currentContainingBlockComputedStyle = null;
-    }
-    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
-    if (shouldDropCurrentNode) {
-      result = result.filter((ancestor) => ancestor !== currentNode);
-    } else {
-      currentContainingBlockComputedStyle = computedStyle;
-    }
-    currentNode = getParentNode(currentNode);
-  }
-  cache.set(element, result);
-  return result;
-}
-function getClippingRect(_ref) {
-  let {
-    element,
-    boundary,
-    rootBoundary,
-    strategy
-  } = _ref;
-  const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
-  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
-  const firstClippingAncestor = clippingAncestors[0];
-  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
-    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
-    accRect.top = max(rect.top, accRect.top);
-    accRect.right = min(rect.right, accRect.right);
-    accRect.bottom = min(rect.bottom, accRect.bottom);
-    accRect.left = max(rect.left, accRect.left);
-    return accRect;
-  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
-  return {
-    width: clippingRect.right - clippingRect.left,
-    height: clippingRect.bottom - clippingRect.top,
-    x: clippingRect.left,
-    y: clippingRect.top
-  };
-}
-function getDimensions(element) {
-  const {
-    width,
-    height
-  } = getCssDimensions(element);
-  return {
-    width,
-    height
-  };
-}
-function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
-  const isOffsetParentAnElement = isHTMLElement(offsetParent);
-  const documentElement = getDocumentElement(offsetParent);
-  const isFixed = strategy === "fixed";
-  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
-  let scroll = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const offsets = createCoords(0);
-  function setLeftRTLScrollbarOffset() {
-    offsets.x = getWindowScrollBarX(documentElement);
-  }
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
-      scroll = getNodeScroll(offsetParent);
-    }
-    if (isOffsetParentAnElement) {
-      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
-      offsets.x = offsetRect.x + offsetParent.clientLeft;
-      offsets.y = offsetRect.y + offsetParent.clientTop;
-    } else if (documentElement) {
-      setLeftRTLScrollbarOffset();
-    }
-  }
-  if (isFixed && !isOffsetParentAnElement && documentElement) {
-    setLeftRTLScrollbarOffset();
-  }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
-  const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
-  const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
-  return {
-    x,
-    y,
-    width: rect.width,
-    height: rect.height
-  };
-}
-function isStaticPositioned(element) {
-  return getComputedStyle$1(element).position === "static";
-}
-function getTrueOffsetParent(element, polyfill) {
-  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
-    return null;
-  }
-  if (polyfill) {
-    return polyfill(element);
-  }
-  let rawOffsetParent = element.offsetParent;
-  if (getDocumentElement(element) === rawOffsetParent) {
-    rawOffsetParent = rawOffsetParent.ownerDocument.body;
-  }
-  return rawOffsetParent;
-}
-function getOffsetParent(element, polyfill) {
-  const win = getWindow(element);
-  if (isTopLayer(element)) {
-    return win;
-  }
-  if (!isHTMLElement(element)) {
-    let svgOffsetParent = getParentNode(element);
-    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
-      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
-        return svgOffsetParent;
-      }
-      svgOffsetParent = getParentNode(svgOffsetParent);
-    }
-    return win;
-  }
-  let offsetParent = getTrueOffsetParent(element, polyfill);
-  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
-    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
-  }
-  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
-    return win;
-  }
-  return offsetParent || getContainingBlock(element) || win;
-}
-const getElementRects = async function(data) {
-  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
-  const getDimensionsFn = this.getDimensions;
-  const floatingDimensions = await getDimensionsFn(data.floating);
-  return {
-    reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: floatingDimensions.width,
-      height: floatingDimensions.height
-    }
-  };
-};
-function isRTL(element) {
-  return getComputedStyle$1(element).direction === "rtl";
-}
-const platform = {
-  convertOffsetParentRelativeRectToViewportRelativeRect,
-  getDocumentElement,
-  getClippingRect,
-  getOffsetParent,
-  getElementRects,
-  getClientRects,
-  getDimensions,
-  getScale,
-  isElement,
-  isRTL
-};
-const shift = shift$1;
-const flip = flip$1;
-const computePosition = (reference, floating, options) => {
-  const cache = /* @__PURE__ */ new Map();
-  const mergedOptions = {
-    platform,
-    ...options
-  };
-  const platformWithCache = {
-    ...mergedOptions.platform,
-    _c: cache
-  };
-  return computePosition$1(reference, floating, {
-    ...mergedOptions,
-    platform: platformWithCache
-  });
-};
 const chatTheme = {
   base: "dark:text-white text-gray-500",
   console: "flex w-full gap-4 h-full",
@@ -1425,6 +317,7 @@ const chatTheme = {
     }
   }
 };
+const POPUP_STYLE = { zIndex: 9999 };
 const MentionList = forwardRef(
   ({ items, command, triggerChar, config, query }, ref) => {
     var _a;
@@ -1483,7 +376,7 @@ const MentionList = forwardRef(
       List,
       {
         className: cn(popupTheme.base, popupTheme.content),
-        style: { zIndex: 9999 },
+        style: POPUP_STYLE,
         role: "listbox",
         id: popupId,
         "aria-label": `${triggerChar === "@" ? "Mentions" : "Commands"} suggestions`,
@@ -1514,29 +407,28 @@ const MentionList = forwardRef(
     );
   }
 );
-function DefaultItemRenderer({
-  item,
-  isHighlighted,
-  popupTheme
-}) {
-  const shortcut = "shortcut" in item ? item.shortcut : void 0;
-  return /* @__PURE__ */ jsx(
-    ListItem,
-    {
-      className: cn(
-        popupTheme.item,
-        isHighlighted && popupTheme.itemHighlighted
-      ),
-      dense: true,
-      start: item.icon ? /* @__PURE__ */ jsx("span", { className: cn(popupTheme.itemIcon), children: item.icon }) : void 0,
-      end: shortcut ? /* @__PURE__ */ jsx("span", { className: cn(popupTheme.itemShortcut), children: shortcut }) : void 0,
-      children: /* @__PURE__ */ jsxs("div", { className: cn(popupTheme.itemContent), children: [
-        /* @__PURE__ */ jsx("span", { className: cn(popupTheme.itemLabel), children: item.label }),
-        item.description && /* @__PURE__ */ jsx("span", { className: cn(popupTheme.itemDescription), children: item.description })
-      ] })
-    }
-  );
-}
+const DefaultItemRenderer = memo(
+  ({ item, isHighlighted, popupTheme }) => {
+    const shortcut = "shortcut" in item ? item.shortcut : void 0;
+    return /* @__PURE__ */ jsx(
+      ListItem,
+      {
+        className: cn(
+          popupTheme.item,
+          isHighlighted && popupTheme.itemHighlighted
+        ),
+        dense: true,
+        start: item.icon ? /* @__PURE__ */ jsx("span", { className: cn(popupTheme.itemIcon), children: item.icon }) : void 0,
+        end: shortcut ? /* @__PURE__ */ jsx("span", { className: cn(popupTheme.itemShortcut), children: shortcut }) : void 0,
+        children: /* @__PURE__ */ jsxs("div", { className: cn(popupTheme.itemContent), children: [
+          /* @__PURE__ */ jsx("span", { className: cn(popupTheme.itemLabel), children: item.label }),
+          item.description && /* @__PURE__ */ jsx("span", { className: cn(popupTheme.itemDescription), children: item.description })
+        ] })
+      }
+    );
+  }
+);
+DefaultItemRenderer.displayName = "DefaultItemRenderer";
 MentionList.displayName = "MentionList";
 function updatePopupPosition(editor, element) {
   const virtualElement = {
@@ -1846,8 +738,14 @@ const ChatInput = forwardRef(
       },
       [fileUpload]
     );
-    const mentionsConfig = mentions ? { ...mentions, trigger: mentions.trigger || "@" } : void 0;
-    const commandsConfig = commands ? { ...commands, trigger: commands.trigger || "/" } : void 0;
+    const mentionsConfig = useMemo(
+      () => mentions ? { ...mentions, trigger: mentions.trigger || "@" } : void 0,
+      [mentions]
+    );
+    const commandsConfig = useMemo(
+      () => commands ? { ...commands, trigger: commands.trigger || "/" } : void 0,
+      [commands]
+    );
     return /* @__PURE__ */ jsx("div", { ref: containerRef, className: cn(theme.input.base), children: /* @__PURE__ */ jsxs("div", { className: cn("relative flex-1", theme.input.input), children: [
       /* @__PURE__ */ jsx(
         RichTextInput,
@@ -3017,7 +1915,7 @@ const TableDataCell = ({ children, ...props }) => /* @__PURE__ */ jsx("td", { ..
 const Markdown = ({
   children,
   remarkPlugins,
-  rehypePlugins = [rehypeKatex],
+  rehypePlugins = [rehypeRaw, rehypeKatex],
   customComponents
 }) => {
   const { theme, markdownComponents } = useContext(ChatContext);
@@ -3059,7 +1957,15 @@ const Markdown = ({
       p: (props) => /* @__PURE__ */ jsx("p", { ...props, className: cn(theme.messages.message.markdown.p) }),
       li: (props) => /* @__PURE__ */ jsx("li", { ...props, className: cn(theme.messages.message.markdown.li) }),
       ul: (props) => /* @__PURE__ */ jsx("ul", { ...props, className: cn(theme.messages.message.markdown.ul) }),
-      ol: (props) => /* @__PURE__ */ jsx("ol", { ...props, className: cn(theme.messages.message.markdown.ol) })
+      ol: (props) => /* @__PURE__ */ jsx("ol", { ...props, className: cn(theme.messages.message.markdown.ol) }),
+      redact: (props) => /* @__PURE__ */ jsx(
+        Redact,
+        {
+          value: props["data-redact-value"] || props.children,
+          allowToggle: true,
+          tooltipText: `${props["data-redact-name"] || "Sensitive"} information - Click to toggle`
+        }
+      )
     };
     return {
       ...defaultComponents,
@@ -3324,9 +2230,62 @@ const remarkChart = (options = {}) => {
     });
   };
 };
+function remarkRedact(matchers) {
+  return () => (tree) => {
+    if (!tree || !matchers || matchers.length === 0) {
+      return;
+    }
+    const patterns = [];
+    for (const { name, pattern, validate } of matchers) {
+      patterns.push([
+        pattern,
+        (value) => {
+          if (validate && !validate(value)) {
+            return false;
+          }
+          return {
+            type: "html",
+            value: `<redact data-redact-name="${name}" data-redact-value="${value.replace(/"/g, "&quot;")}">${value}</redact>`
+          };
+        }
+      ]);
+    }
+    if (patterns.length > 0) {
+      try {
+        findAndReplace(tree, patterns);
+      } catch (err) {
+        console.warn("Redact plugin error:", err);
+      }
+    }
+  };
+}
+const ssnMatcher = {
+  name: "SSN",
+  pattern: /\b\d{3}-\d{2}-\d{4}\b/g
+};
+const creditCardMatcher = {
+  name: "Credit Card",
+  pattern: /\b(?:\d[ -]*?){13,19}\b/g,
+  validate: (match) => {
+    if (/(?:years?|year|yr|yrs|old|age|phone|tel|call)/.test(match)) {
+      return false;
+    }
+    const cardNumber = match.replace(/[ -]/g, "");
+    return cardNumber.length >= 13 && cardNumber.length <= 19;
+  }
+};
+const bitcoinMatcher = {
+  name: "Bitcoin",
+  pattern: /\b[13][a-km-zA-HJ-NP-Z1-9]{25,34}\b/g
+};
+const commonRedactMatchers = [
+  ssnMatcher,
+  creditCardMatcher,
+  bitcoinMatcher
+];
 const SvgFile = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.7036 1.37034C3.04741 1.02653 3.51373 0.833374 3.99996 0.833374H9.33329H9.33331C9.47275 0.833374 9.59885 0.890449 9.68954 0.98251L13.6843 4.97722C13.7763 5.0679 13.8333 5.19398 13.8333 5.33337L13.8333 5.3379V13.3334C13.8333 13.8196 13.6401 14.2859 13.2963 14.6297C12.9525 14.9736 12.4862 15.1667 12 15.1667H3.99996C3.51373 15.1667 3.04741 14.9736 2.7036 14.6297C2.35978 14.2859 2.16663 13.8196 2.16663 13.3334V2.66671C2.16663 2.18048 2.35978 1.71416 2.7036 1.37034ZM3.99996 1.83337H8.83331V5.33337C8.83331 5.60952 9.05717 5.83337 9.33331 5.83337H12.8333V13.3334C12.8333 13.5544 12.7455 13.7663 12.5892 13.9226C12.4329 14.0789 12.221 14.1667 12 14.1667H3.99996C3.77895 14.1667 3.56698 14.0789 3.4107 13.9226C3.25442 13.7663 3.16663 13.5544 3.16663 13.3334V2.66671C3.16663 2.44569 3.25442 2.23373 3.4107 2.07745C3.56698 1.92117 3.77895 1.83337 3.99996 1.83337ZM9.83331 2.5405L12.1262 4.83337H9.83331V2.5405ZM5.33331 8.16663C5.05717 8.16663 4.83331 8.39048 4.83331 8.66663C4.83331 8.94277 5.05717 9.16663 5.33331 9.16663H10.6666C10.9428 9.16663 11.1666 8.94277 11.1666 8.66663C11.1666 8.39048 10.9428 8.16663 10.6666 8.16663H5.33331ZM4.83331 11.3334C4.83331 11.0572 5.05717 10.8334 5.33331 10.8334H10.6666C10.9428 10.8334 11.1666 11.0572 11.1666 11.3334C11.1666 11.6095 10.9428 11.8334 10.6666 11.8334H5.33331C5.05717 11.8334 4.83331 11.6095 4.83331 11.3334ZM5.33331 5.5C5.05717 5.5 4.83331 5.72386 4.83331 6C4.83331 6.27614 5.05717 6.5 5.33331 6.5H6.66665C6.94279 6.5 7.16665 6.27614 7.16665 6C7.16665 5.72386 6.94279 5.5 6.66665 5.5H5.33331Z" }));
-const DefaultFileRenderer = lazy(() => import("./DefaultFileRenderer-Bi8LNDio.js"));
-const CSVFileRenderer = lazy(() => import("./CSVFileRenderer-DXI8PDqR.js"));
+const DefaultFileRenderer = lazy(() => import("./DefaultFileRenderer-C2MsQ9wz.js"));
+const CSVFileRenderer = lazy(() => import("./CSVFileRenderer-BOdL4Jte.js"));
 const ImageFileRenderer = lazy(() => import("./ImageFileRenderer-C8tVW3I8.js"));
 const PDFFileRenderer = lazy(() => import("./PDFFileRenderer-DQdFS2l6.js"));
 const FILE_TYPE_RENDERER_MAP = {
@@ -3354,27 +2313,36 @@ const MessageFile = ({
     }
   );
 };
-const MessageFiles = ({ files, children }) => {
+const MessageFiles = memo(({ files, children }) => {
   const { theme } = useContext(ChatContext);
   const Comp = children ? Slot : MessageFile;
   const [expanded, setExpanded] = useState(false);
+  const { imageFiles, otherFiles } = useMemo(() => {
+    if (!files || files.length === 0) {
+      return {
+        imageFiles: [],
+        otherFiles: []
+      };
+    }
+    return files.reduce(
+      (acc, file) => {
+        var _a;
+        if ((_a = file.type) == null ? void 0 : _a.startsWith("image/")) {
+          acc.imageFiles.push(file);
+        } else {
+          acc.otherFiles.push(file);
+        }
+        return acc;
+      },
+      {
+        imageFiles: [],
+        otherFiles: []
+      }
+    );
+  }, [files]);
   if (!files || files.length === 0) {
     return null;
   }
-  const { imageFiles, otherFiles } = files.reduce(
-    (acc, file) => {
-      if (file.type.startsWith("image/")) {
-        acc.imageFiles.push(file);
-      } else {
-        acc.otherFiles.push(file);
-      }
-      return acc;
-    },
-    {
-      imageFiles: [],
-      otherFiles: []
-    }
-  );
   const maxImageLength = 3;
   const truncateImages = !expanded && imageFiles.length > maxImageLength;
   const renderImageFiles = (images) => {
@@ -3417,73 +2385,73 @@ const MessageFiles = ({ files, children }) => {
       children: [
         imageFiles.length > 0 && renderImageFiles(imageFiles),
         otherFiles.length > 0 && otherFiles.map((file, index) => /* @__PURE__ */ jsx(Comp, { ...file, children }, index))
-      ]
-    }
-  );
-};
-const MessageQuestion = ({
-  children,
-  ...props
-}) => {
-  const { theme, remarkPlugins } = useContext(ChatContext);
-  const { question, files } = props;
-  const Comp = children ? Slot : "div";
-  const [expanded, setExpanded] = useState(false);
-  const isLong = question.length > 500;
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      className: cn(theme.messages.message.question, {
-        [theme.messages.message.overlay]: isLong && !expanded
-      }),
-      ...props,
-      children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(MessageFiles, { files }),
-        /* @__PURE__ */ jsx(Markdown, { remarkPlugins, children: question }),
-        isLong && !expanded && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "link",
-            size: "small",
-            className: theme.messages.message.expand,
-            onClick: () => setExpanded(true),
-            children: "Show more"
-          }
-        )
-      ] })
-    }
-  );
-};
-const MessageResponse = ({
-  response,
-  isLoading,
-  children
-}) => {
-  const { theme, isCompact, remarkPlugins } = useContext(ChatContext);
-  const Comp = children ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-compact": isCompact,
-      className: cn(theme.messages.message.response),
-      children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Markdown, { remarkPlugins, children: response }),
-        isLoading && /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            className: cn(theme.messages.message.cursor),
-            animate: { opacity: [1, 0] },
-            transition: {
-              duration: 0.7,
-              repeat: Infinity,
-              repeatType: "reverse"
-            }
-          }
-        )
-      ] })
+      ]
     }
   );
-};
+});
+MessageFiles.displayName = "MessageFiles";
+const MessageQuestion = memo(
+  ({ children, ...props }) => {
+    const { theme, remarkPlugins } = useContext(ChatContext);
+    const { question, files } = props;
+    const Comp = children ? Slot : "div";
+    const [expanded, setExpanded] = useState(false);
+    const isLong = question.length > 500;
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(theme.messages.message.question, {
+          [theme.messages.message.overlay]: isLong && !expanded
+        }),
+        ...props,
+        children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(MessageFiles, { files }),
+          /* @__PURE__ */ jsx(Markdown, { remarkPlugins, children: question }),
+          isLong && !expanded && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "link",
+              size: "small",
+              className: theme.messages.message.expand,
+              onClick: () => setExpanded(true),
+              children: "Show more"
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+MessageQuestion.displayName = "MessageQuestion";
+const MessageResponse = memo(
+  ({ response, isLoading, children }) => {
+    const { theme, isCompact, remarkPlugins } = useContext(ChatContext);
+    const Comp = children ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        "data-compact": isCompact,
+        className: cn(theme.messages.message.response),
+        children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Markdown, { remarkPlugins, children: response }),
+          isLoading && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              className: cn(theme.messages.message.cursor),
+              animate: { opacity: [1, 0] },
+              transition: {
+                duration: 0.7,
+                repeat: Infinity,
+                repeatType: "reverse"
+              }
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+MessageResponse.displayName = "MessageResponse";
 const MessageSource = ({ title, url, image, limit = 50 }) => {
   const { theme, isCompact } = useContext(ChatContext);
   return /* @__PURE__ */ jsxs(
@@ -3507,93 +2475,100 @@ const MessageSource = ({ title, url, image, limit = 50 }) => {
     }
   );
 };
-const MessageSources = ({
-  sources,
-  children
-}) => {
-  const { theme } = useContext(ChatContext);
-  const Comp = children ? Slot : MessageSource;
-  if (!sources || sources.length === 0) {
-    return null;
+const MessageSources = memo(
+  ({ sources, children }) => {
+    const { theme } = useContext(ChatContext);
+    const Comp = children ? Slot : MessageSource;
+    if (!sources || sources.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx("div", { className: cn(theme.messages.message.sources.base), children: sources.map((source, index) => /* @__PURE__ */ jsx(Comp, { ...source, children }, index)) });
   }
-  return sources && sources.length > 0 && /* @__PURE__ */ jsx("div", { className: cn(theme.messages.message.sources.base), children: sources.map((source, index) => /* @__PURE__ */ jsx(Comp, { ...source, children }, index)) });
-};
+);
+MessageSources.displayName = "MessageSources";
 const SvgThumbsDown = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-thumbs-down", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M17 14V2" }), /* @__PURE__ */ React.createElement("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z" }));
 const SvgThumbsUp = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-thumbs-up", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M7 10v12" }), /* @__PURE__ */ React.createElement("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" }));
 const SvgRefresh = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-refresh-ccw", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), /* @__PURE__ */ React.createElement("path", { d: "M3 3v5h5" }), /* @__PURE__ */ React.createElement("path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" }), /* @__PURE__ */ React.createElement("path", { d: "M16 16h5v5" }));
-const MessageActions = ({
-  children,
-  ...props
-}) => {
-  const { theme } = useContext(ChatContext);
-  const {
-    question,
-    response,
-    copyIcon = /* @__PURE__ */ jsx(SvgCopy, {}),
-    thumbsUpIcon = /* @__PURE__ */ jsx(SvgThumbsUp, {}),
-    thumbsDownIcon = /* @__PURE__ */ jsx(SvgThumbsDown, {}),
-    refreshIcon = /* @__PURE__ */ jsx(SvgRefresh, {}),
-    onCopy,
-    onUpvote,
-    onDownvote,
-    onRefresh
-  } = props;
-  const Comp = children ? Slot : "div";
-  const handleCopy = (text) => {
-    navigator.clipboard.writeText(text).then(() => {
-      console.log("Text copied to clipboard");
-    }).catch((err) => {
-      console.error("Could not copy text: ", err);
-    });
-  };
-  return (copyIcon || thumbsDownIcon || thumbsUpIcon || refreshIcon) && /* @__PURE__ */ jsx(Comp, { className: cn(theme.messages.message.footer.base), children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
-    copyIcon && /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        variant: "text",
-        disablePadding: true,
-        title: "Copy question and response",
-        className: cn(theme.messages.message.footer.copy),
-        onClick: onCopy ? onCopy : () => handleCopy(`${question}
-${response}`),
-        children: copyIcon
-      }
-    ),
-    thumbsUpIcon && /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        variant: "text",
-        disablePadding: true,
-        title: "Upvote",
-        className: cn(theme.messages.message.footer.upvote),
-        onClick: onUpvote,
-        children: thumbsUpIcon
-      }
-    ),
-    thumbsDownIcon && /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        variant: "text",
-        disablePadding: true,
-        title: "Downvote",
-        className: cn(theme.messages.message.footer.downvote),
-        onClick: onDownvote,
-        children: thumbsDownIcon
-      }
-    ),
-    refreshIcon && /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        variant: "text",
-        disablePadding: true,
-        title: "Refresh",
-        className: cn(theme.messages.message.footer.refresh),
-        onClick: onRefresh,
-        children: refreshIcon
+const MessageActions = memo(
+  ({ children, ...props }) => {
+    const { theme } = useContext(ChatContext);
+    const {
+      question,
+      response,
+      copyIcon = /* @__PURE__ */ jsx(SvgCopy, {}),
+      thumbsUpIcon = /* @__PURE__ */ jsx(SvgThumbsUp, {}),
+      thumbsDownIcon = /* @__PURE__ */ jsx(SvgThumbsDown, {}),
+      refreshIcon = /* @__PURE__ */ jsx(SvgRefresh, {}),
+      onCopy,
+      onUpvote,
+      onDownvote,
+      onRefresh
+    } = props;
+    const Comp = children ? Slot : "div";
+    const handleCopy = useCallback((text) => {
+      navigator.clipboard.writeText(text).then(() => {
+        console.log("Text copied to clipboard");
+      }).catch((err) => {
+        console.error("Could not copy text: ", err);
+      });
+    }, []);
+    const handleCopyClick = useCallback(() => {
+      if (onCopy) {
+        onCopy();
+      } else {
+        handleCopy(`${question}${response ? `
+${response}` : ""}`);
       }
-    )
-  ] }) });
-};
+    }, [onCopy, handleCopy, question, response]);
+    return (copyIcon || thumbsDownIcon || thumbsUpIcon || refreshIcon) && /* @__PURE__ */ jsx(Comp, { className: cn(theme.messages.message.footer.base), children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+      copyIcon && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          variant: "text",
+          disablePadding: true,
+          title: "Copy question and response",
+          className: cn(theme.messages.message.footer.copy),
+          onClick: handleCopyClick,
+          children: copyIcon
+        }
+      ),
+      thumbsUpIcon && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          variant: "text",
+          disablePadding: true,
+          title: "Upvote",
+          className: cn(theme.messages.message.footer.upvote),
+          onClick: onUpvote,
+          children: thumbsUpIcon
+        }
+      ),
+      thumbsDownIcon && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          variant: "text",
+          disablePadding: true,
+          title: "Downvote",
+          className: cn(theme.messages.message.footer.downvote),
+          onClick: onDownvote,
+          children: thumbsDownIcon
+        }
+      ),
+      refreshIcon && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          variant: "text",
+          disablePadding: true,
+          title: "Refresh",
+          className: cn(theme.messages.message.footer.refresh),
+          onClick: onRefresh,
+          children: refreshIcon
+        }
+      )
+    ] }) });
+  }
+);
+MessageActions.displayName = "MessageActions";
 const messageVariants = {
   hidden: {
     opacity: 0,
@@ -3607,37 +2582,36 @@ const messageVariants = {
     }
   }
 };
-const SessionMessage = ({
-  conversation,
-  isLast,
-  children
-}) => {
-  const { theme, isLoading } = useContext(ChatContext);
-  return /* @__PURE__ */ jsx(motion.div, { variants: messageVariants, children: /* @__PURE__ */ jsx(Card, { className: cn(theme.messages.message.base), children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      MessageQuestion,
-      {
-        question: conversation.question,
-        files: conversation.files
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      MessageResponse,
-      {
-        response: conversation.response,
-        isLoading: isLast && isLoading
-      }
-    ),
-    /* @__PURE__ */ jsx(MessageSources, { sources: conversation.sources }),
-    /* @__PURE__ */ jsx(
-      MessageActions,
-      {
-        question: conversation.question,
-        response: conversation.response
-      }
-    )
-  ] }) }) }, conversation.id);
-};
+const SessionMessage = memo(
+  ({ conversation, isLast, children }) => {
+    const { theme, isLoading } = useContext(ChatContext);
+    return /* @__PURE__ */ jsx(motion.div, { variants: messageVariants, children: /* @__PURE__ */ jsx(Card, { className: cn(theme.messages.message.base), children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        MessageQuestion,
+        {
+          question: conversation.question,
+          files: conversation.files
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MessageResponse,
+        {
+          response: conversation.response,
+          isLoading: isLast && isLoading
+        }
+      ),
+      /* @__PURE__ */ jsx(MessageSources, { sources: conversation.sources }),
+      /* @__PURE__ */ jsx(
+        MessageActions,
+        {
+          question: conversation.question,
+          response: conversation.response
+        }
+      )
+    ] }) }) }, conversation.id);
+  }
+);
+SessionMessage.displayName = "SessionMessage";
 const SvgArrowDown = (props) => /* @__PURE__ */ React.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", className: "shrink-0 mix-blend-luminosity", "aria-hidden": "true", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10 3C10.2761 3.00006 10.5 3.2239 10.5 3.5V15.293L14.6465 11.1465C14.8418 10.9514 15.1583 10.9513 15.3536 11.1465C15.5487 11.3417 15.5486 11.6583 15.3536 11.8535L10.3535 16.8535C10.2598 16.9473 10.1326 17 10 17C9.90062 17 9.8042 16.9703 9.72268 16.916L9.64651 16.8535L4.6465 11.8535C4.45138 11.6582 4.45128 11.3417 4.6465 11.1465C4.84172 10.9513 5.15827 10.9514 5.35353 11.1465L9.50003 15.293V3.5C9.50003 3.22386 9.72389 3 10 3Z" }));
 const containerVariants = {
   hidden: {},
@@ -3743,7 +2717,7 @@ const SessionMessages = ({
                 SessionMessage,
                 {
                   conversation,
-                  isLast: index === conversation.length - 1
+                  isLast: index === convosToRender.length - 1
                 },
                 conversation.id
               ))
@@ -3777,23 +2751,35 @@ const SessionMessages = ({
 const useDimensions = () => {
   const [ref, setRef] = useState(null);
   const [width, setWidth] = useState(void 0);
+  const rafId = useRef(null);
   const observe = useCallback((element) => {
     if (element) setRef(element);
   }, []);
   useEffect(() => {
     if (!ref) return;
     const resizeObserver = new ResizeObserver((entries) => {
-      for (let entry of entries) {
-        setWidth(entry.contentRect.width);
+      if (rafId.current !== null) {
+        cancelAnimationFrame(rafId.current);
       }
+      rafId.current = requestAnimationFrame(() => {
+        for (const entry of entries) {
+          setWidth(entry.contentRect.width);
+        }
+        rafId.current = null;
+      });
     });
     resizeObserver.observe(ref);
     return () => {
+      if (rafId.current !== null) {
+        cancelAnimationFrame(rafId.current);
+        rafId.current = null;
+      }
       resizeObserver.disconnect();
     };
   }, [ref]);
   return { width, observe };
 };
+const defaultRemarkPlugins = [remarkGfm, remarkYoutube, remarkMath];
 const Chat = ({
   children,
   viewType = "console",
@@ -3807,7 +2793,7 @@ const Chat = ({
   activeSessionId,
   theme: customTheme = chatTheme,
   onNewSession,
-  remarkPlugins = [remarkGfm, remarkYoutube, remarkMath],
+  remarkPlugins = defaultRemarkPlugins,
   markdownComponents,
   disabled,
   style,
@@ -3906,44 +2892,54 @@ const Chat = ({
 };
 const SvgTrash = (props) => /* @__PURE__ */ React.createElement("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Delete" }, /* @__PURE__ */ React.createElement("path", { id: "Vector", d: "M5.97905 1.16666C5.90859 1.16576 5.83895 1.18189 5.77605 1.21368C5.71316 1.24547 5.65888 1.29199 5.61783 1.34926C5.57677 1.40654 5.55016 1.47288 5.54025 1.54265C5.53034 1.61242 5.53743 1.68355 5.56092 1.75H4.27007C3.7342 1.75 3.2324 2.01817 2.93535 2.46435L2.24492 3.5H2.18738C2.12941 3.49918 2.07185 3.50989 2.01805 3.5315C1.96425 3.55312 1.91529 3.58522 1.874 3.62593C1.83271 3.66663 1.79993 3.71514 1.77755 3.76863C1.75518 3.82211 1.74365 3.87952 1.74365 3.9375C1.74365 3.99548 1.75518 4.05288 1.77755 4.10636C1.79993 4.15985 1.83271 4.20836 1.874 4.24907C1.91529 4.28977 1.96425 4.32187 2.01805 4.34349C2.07185 4.3651 2.12941 4.37582 2.18738 4.375H2.41012C2.44765 4.38067 2.48576 4.38143 2.52348 4.37727L3.24468 11.1084C3.33169 11.9199 4.02367 12.5417 4.83973 12.5417H9.15947C9.97553 12.5417 10.6675 11.9199 10.7545 11.1084L11.4763 4.37727C11.5133 4.38124 11.5506 4.38047 11.5874 4.375H11.8124C11.8704 4.37582 11.9279 4.3651 11.9817 4.34349C12.0355 4.32187 12.0845 4.28977 12.1258 4.24907C12.1671 4.20836 12.1998 4.15985 12.2222 4.10636C12.2446 4.05288 12.2561 3.99548 12.2561 3.9375C12.2561 3.87952 12.2446 3.82211 12.2222 3.76863C12.1998 3.71514 12.1671 3.66663 12.1258 3.62593C12.0845 3.58522 12.0355 3.55312 11.9817 3.5315C11.9279 3.50989 11.8704 3.49918 11.8124 3.5H11.7548L11.0644 2.46435C10.7671 2.01841 10.2654 1.75 9.7297 1.75H8.43885C8.46234 1.68355 8.46943 1.61242 8.45952 1.54265C8.44961 1.47288 8.423 1.40654 8.38194 1.34926C8.34089 1.29199 8.2866 1.24547 8.22371 1.21368C8.16082 1.18189 8.09118 1.16576 8.02072 1.16666H5.97905ZM4.27007 2.625H9.7297C9.97394 2.625 10.2009 2.74639 10.3364 2.9497L10.7033 3.5H3.29651L3.66338 2.9497L3.66395 2.94913C3.79913 2.74608 4.02543 2.625 4.27007 2.625ZM3.40361 4.375H10.5962L9.88465 11.015C9.8445 11.3894 9.53575 11.6667 9.15947 11.6667H4.83973C4.46345 11.6667 4.15527 11.3894 4.11512 11.015L3.40361 4.375Z", fill: "currentColor" })));
 const SvgChat = (props) => /* @__PURE__ */ React.createElement("svg", { width: 16, height: 17, viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8 3C4.55375 3 1.75 5.23753 1.75 7.98828C1.75 9.70653 2.83659 11.2762 4.62109 12.188C4.11184 13.0465 3.62587 13.7378 3.62012 13.7461C3.50687 13.9071 3.49862 14.1196 3.59912 14.2891C3.69012 14.4418 3.8543 14.5342 4.0293 14.5342C4.0483 14.5342 4.06743 14.533 4.08643 14.5308C4.15168 14.5233 5.66214 14.3364 7.50439 12.9604C7.67239 12.9712 7.8385 12.9766 8 12.9766C11.4462 12.9766 14.25 10.739 14.25 7.98828C14.25 5.23753 11.4462 3 8 3ZM8 4C10.8948 4 13.25 5.78903 13.25 7.98828C13.25 10.1875 10.8948 11.9766 8 11.9766C7.8055 11.9766 7.60225 11.968 7.396 11.9497C7.271 11.9382 7.1454 11.9752 7.0459 12.0527C6.3589 12.5855 5.72033 12.9308 5.20508 13.1528C5.38383 12.8648 5.57691 12.5418 5.76416 12.2061C5.83416 12.0813 5.84705 11.9324 5.7998 11.7974C5.75255 11.6624 5.64983 11.5542 5.51758 11.5C3.81033 10.7993 2.75 9.45328 2.75 7.98828C2.75 5.78903 5.10525 4 8 4ZM5.5 7.25C5.08575 7.25 4.75 7.58575 4.75 8C4.75 8.41425 5.08575 8.75 5.5 8.75C5.91425 8.75 6.25 8.41425 6.25 8C6.25 7.58575 5.91425 7.25 5.5 7.25ZM8 7.25C7.58575 7.25 7.25 7.58575 7.25 8C7.25 8.41425 7.58575 8.75 8 8.75C8.41425 8.75 8.75 8.41425 8.75 8C8.75 7.58575 8.41425 7.25 8 7.25ZM10.5 7.25C10.0857 7.25 9.75 7.58575 9.75 8C9.75 8.41425 10.0857 8.75 10.5 8.75C10.9143 8.75 11.25 8.41425 11.25 8C11.25 7.58575 10.9143 7.25 10.5 7.25Z", fill: "currentColor" }));
-const SessionListItem = ({
-  children,
-  session,
-  deletable = true,
-  limit = 100,
-  deleteIcon = /* @__PURE__ */ jsx(SvgTrash, {}),
-  chatIcon = /* @__PURE__ */ jsx(SvgChat, { className: "mr-2" })
-}) => {
-  const { activeSessionId, selectSession, deleteSession, theme } = useContext(ChatContext);
-  const Comp = children ? Slot : ListItem;
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      dense: true,
-      disableGutters: true,
-      active: session.id === activeSessionId,
-      className: cn(theme.sessions.session.base, {
-        [theme.sessions.session.active]: session.id === activeSessionId
-      }),
-      onClick: () => selectSession == null ? void 0 : selectSession(session.id),
-      start: chatIcon,
-      end: /* @__PURE__ */ jsx(Fragment, { children: deletable && /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          size: "small",
-          variant: "text",
-          onClick: (e) => {
-            e.stopPropagation();
-            deleteSession(session.id);
-          },
-          className: cn(theme.sessions.session.delete),
-          children: deleteIcon
-        }
-      ) }),
-      children: children || /* @__PURE__ */ jsx(Ellipsis, { value: session.title, limit })
-    }
-  );
-};
+const SessionListItem = memo(
+  ({
+    children,
+    session,
+    deletable = true,
+    limit = 100,
+    deleteIcon = /* @__PURE__ */ jsx(SvgTrash, {}),
+    chatIcon = /* @__PURE__ */ jsx(SvgChat, { className: "mr-2" })
+  }) => {
+    const { activeSessionId, selectSession, deleteSession, theme } = useContext(ChatContext);
+    const Comp = children ? Slot : ListItem;
+    const handleSelect = useCallback(() => {
+      selectSession == null ? void 0 : selectSession(session.id);
+    }, [selectSession, session.id]);
+    const handleDelete = useCallback(
+      (e) => {
+        e.stopPropagation();
+        deleteSession(session.id);
+      },
+      [deleteSession, session.id]
+    );
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        dense: true,
+        disableGutters: true,
+        active: session.id === activeSessionId,
+        className: cn(theme.sessions.session.base, {
+          [theme.sessions.session.active]: session.id === activeSessionId
+        }),
+        onClick: handleSelect,
+        start: chatIcon,
+        end: /* @__PURE__ */ jsx(Fragment, { children: deletable && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            variant: "text",
+            onClick: handleDelete,
+            className: cn(theme.sessions.session.delete),
+            children: deleteIcon
+          }
+        ) }),
+        children: children || /* @__PURE__ */ jsx(Ellipsis, { value: session.title, limit })
+      }
+    );
+  }
+);
+SessionListItem.displayName = "SessionListItem";
 const SessionsList = ({
   children,
   templates
@@ -4026,49 +3022,43 @@ const sortOrder = [
   "December",
   "Last Year"
 ];
+const sortOrderMap = new Map(sortOrder.map((v, i) => [v, i]));
 function groupSessionsByDate(sessions) {
   const grouped = {};
+  const now = /* @__PURE__ */ new Date();
   sessions.forEach((session) => {
-    const createdAt = new Date(session.createdAt);
-    const now = /* @__PURE__ */ new Date();
-    if (isToday(createdAt)) {
-      if (!grouped["Today"]) grouped["Today"] = [];
-      grouped["Today"].push(session);
+    const createdAt = session.createdAt ? new Date(session.createdAt) : null;
+    let group;
+    if (!createdAt || isNaN(createdAt.getTime())) {
+      group = "Last Year";
+    } else if (isToday(createdAt)) {
+      group = "Today";
     } else if (isYesterday(createdAt)) {
-      if (!grouped["Yesterday"]) grouped["Yesterday"] = [];
-      grouped["Yesterday"].push(session);
+      group = "Yesterday";
     } else if (isThisWeek(createdAt)) {
-      if (!grouped["Last Week"]) grouped["Last Week"] = [];
-      grouped["Last Week"].push(session);
+      group = "Last Week";
     } else if (differenceInYears(now, createdAt) === 0) {
       const monthDiff = now.getMonth() - createdAt.getMonth();
       const yearDiff = now.getFullYear() - createdAt.getFullYear();
       const adjustedMonthDiff = yearDiff > 0 ? monthDiff + 12 : monthDiff;
       if (adjustedMonthDiff === 1 || adjustedMonthDiff === 0 && now.getDate() > createdAt.getDate()) {
-        if (!grouped["Last Month"]) grouped["Last Month"] = [];
-        grouped["Last Month"].push(session);
+        group = "Last Month";
       } else {
-        const monthName = format(createdAt, "MMMM");
-        if (!grouped[monthName]) grouped[monthName] = [];
-        grouped[monthName].push(session);
+        group = format(createdAt, "MMMM");
       }
     } else {
-      if (!grouped["Last Year"]) grouped["Last Year"] = [];
-      grouped["Last Year"].push(session);
-    }
-  });
-  Object.keys(grouped).forEach((key) => {
-    if (grouped[key].length === 0) {
-      delete grouped[key];
+      group = "Last Year";
     }
+    if (!grouped[group]) grouped[group] = [];
+    grouped[group].push(session);
   });
   const sortedGroups = Object.keys(grouped).sort(
-    (a, b) => sortOrder.indexOf(a) - sortOrder.indexOf(b)
+    (a, b) => (sortOrderMap.get(a) ?? 999) - (sortOrderMap.get(b) ?? 999)
   );
   return sortedGroups.map((heading) => ({
     heading,
     sessions: grouped[heading].sort(
-      (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
+      (a, b) => (b.createdAt ? new Date(b.createdAt).getTime() : 0) - (a.createdAt ? new Date(a.createdAt).getTime() : 0)
     )
   }));
 }
@@ -4102,16 +3092,21 @@ const AppBar = ({
   const theme = useComponentTheme("chat", customTheme);
   return /* @__PURE__ */ jsx("div", { className: cn(theme.appbar), children: content });
 };
+const DEFAULT_MODIFIERS = [offset({ mainAxis: 0, crossAxis: -40 })];
 const ChatBubble = memo(
   ({
     children,
     bubbleContent,
     position = "right-end",
-    modifiers = [offset({ mainAxis: 0, crossAxis: -40 })],
+    modifiers = DEFAULT_MODIFIERS,
     className
   }) => {
     const [isOpen, setIsOpen] = useState(false);
     const ref = useRef(null);
+    const handleOpen = useCallback(() => setIsOpen(true), []);
+    const handleClose = useCallback(() => setIsOpen(false), []);
+    const handleToggle = useCallback(() => setIsOpen((prev) => !prev), []);
+    const renderContent = useCallback(() => /* @__PURE__ */ jsx(Fragment, { children }), [children]);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         ConnectedOverlay,
@@ -4120,20 +3115,12 @@ const ChatBubble = memo(
           modifiers,
           reference: ref.current,
           open: isOpen,
-          onOpen: () => setIsOpen(true),
-          onClose: () => setIsOpen(false),
-          content: () => /* @__PURE__ */ jsx(Fragment, { children })
+          onOpen: handleOpen,
+          onClose: handleClose,
+          content: renderContent
         }
       ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          className,
-          onClick: () => setIsOpen((prev) => !prev),
-          children: bubbleContent
-        }
-      )
+      /* @__PURE__ */ jsx("div", { ref, className, onClick: handleToggle, children: bubbleContent })
     ] });
   }
 );
@@ -4314,56 +3301,394 @@ const MessageStatus = ({
     }
   ) });
 };
+var AgUiEventType = /* @__PURE__ */ ((AgUiEventType2) => {
+  AgUiEventType2["RUN_STARTED"] = "RUN_STARTED";
+  AgUiEventType2["RUN_FINISHED"] = "RUN_FINISHED";
+  AgUiEventType2["RUN_ERROR"] = "RUN_ERROR";
+  AgUiEventType2["STEP_STARTED"] = "STEP_STARTED";
+  AgUiEventType2["STEP_FINISHED"] = "STEP_FINISHED";
+  AgUiEventType2["TEXT_MESSAGE_START"] = "TEXT_MESSAGE_START";
+  AgUiEventType2["TEXT_MESSAGE_CONTENT"] = "TEXT_MESSAGE_CONTENT";
+  AgUiEventType2["TEXT_MESSAGE_END"] = "TEXT_MESSAGE_END";
+  AgUiEventType2["TEXT_MESSAGE_CHUNK"] = "TEXT_MESSAGE_CHUNK";
+  AgUiEventType2["TOOL_CALL_START"] = "TOOL_CALL_START";
+  AgUiEventType2["TOOL_CALL_ARGS"] = "TOOL_CALL_ARGS";
+  AgUiEventType2["TOOL_CALL_END"] = "TOOL_CALL_END";
+  AgUiEventType2["TOOL_CALL_RESULT"] = "TOOL_CALL_RESULT";
+  AgUiEventType2["TOOL_CALL_CHUNK"] = "TOOL_CALL_CHUNK";
+  AgUiEventType2["STATE_SNAPSHOT"] = "STATE_SNAPSHOT";
+  AgUiEventType2["STATE_DELTA"] = "STATE_DELTA";
+  AgUiEventType2["MESSAGES_SNAPSHOT"] = "MESSAGES_SNAPSHOT";
+  AgUiEventType2["RAW"] = "RAW";
+  AgUiEventType2["CUSTOM"] = "CUSTOM";
+  return AgUiEventType2;
+})(AgUiEventType || {});
+function generateId() {
+  return Math.random().toString(36).substring(2, 11);
+}
+function addConversationToSession(sessions, sessionId, conversation) {
+  return sessions.map((s) => {
+    if (s.id !== sessionId) return s;
+    return {
+      ...s,
+      updatedAt: conversation.createdAt,
+      conversations: [...s.conversations, conversation]
+    };
+  });
+}
+function updateConversationInSession(sessions, sessionId, conversationId, response) {
+  return sessions.map((s) => {
+    if (s.id !== sessionId) return s;
+    return {
+      ...s,
+      updatedAt: /* @__PURE__ */ new Date(),
+      conversations: s.conversations.map((c) => {
+        if (c.id !== conversationId) return c;
+        return { ...c, response, updatedAt: /* @__PURE__ */ new Date() };
+      })
+    };
+  });
+}
+function sessionsToAgUiMessages(session) {
+  const messages = [];
+  for (const conv of session.conversations) {
+    messages.push({
+      id: `${conv.id}-q`,
+      role: "user",
+      content: conv.question
+    });
+    if (conv.response) {
+      messages.push({
+        id: `${conv.id}-r`,
+        role: "assistant",
+        content: conv.response
+      });
+    }
+  }
+  return messages;
+}
+function parseSSELine(line) {
+  const trimmed = line.trim();
+  if (!trimmed || trimmed.startsWith(":")) return null;
+  if (trimmed.startsWith("data:")) {
+    const data = trimmed.slice(5).trim();
+    if (data === "[DONE]") return null;
+    try {
+      return JSON.parse(data);
+    } catch (err) {
+      return new Error(
+        `Failed to parse AG-UI event: ${err instanceof Error ? err.message : err}`
+      );
+    }
+  }
+  return null;
+}
+async function* parseSSE(response, signal) {
+  var _a;
+  const reader = (_a = response.body) == null ? void 0 : _a.getReader();
+  if (!reader) {
+    throw new Error("Response body is not readable");
+  }
+  const decoder = new TextDecoder();
+  let buffer = "";
+  try {
+    while (!signal.aborted) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      buffer += decoder.decode(value, { stream: true });
+      const lines = buffer.split("\n");
+      buffer = lines.pop() || "";
+      for (const line of lines) {
+        const result = parseSSELine(line);
+        if (result !== null) yield result;
+      }
+    }
+    if (buffer.trim()) {
+      const result = parseSSELine(buffer);
+      if (result !== null) yield result;
+    }
+  } finally {
+    reader.releaseLock();
+  }
+}
+function useAgUi({
+  agent,
+  initialSessions = [],
+  initialActiveSessionId,
+  tools = [],
+  context = [],
+  forwardedProps = {},
+  headers = {},
+  onToolCall,
+  onError,
+  onEvent
+}) {
+  const [sessions, setSessions] = useState(initialSessions);
+  const [activeSessionId, setActiveSessionId] = useState(
+    initialActiveSessionId
+  );
+  const [isLoading, setIsLoading] = useState(false);
+  const abortRef = useRef(null);
+  const onToolCallRef = useRef(onToolCall);
+  onToolCallRef.current = onToolCall;
+  const onErrorRef = useRef(onError);
+  onErrorRef.current = onError;
+  const onEventRef = useRef(onEvent);
+  onEventRef.current = onEvent;
+  useEffect(() => {
+    return () => {
+      var _a;
+      (_a = abortRef.current) == null ? void 0 : _a.abort();
+    };
+  }, []);
+  const selectSession = useCallback((sessionId) => {
+    setActiveSessionId(sessionId);
+  }, []);
+  const deleteSession = useCallback(
+    (sessionId) => {
+      setSessions((prev) => prev.filter((s) => s.id !== sessionId));
+      if (activeSessionId === sessionId) {
+        setActiveSessionId(void 0);
+      }
+    },
+    [activeSessionId]
+  );
+  const createSession = useCallback(() => {
+    const id = generateId();
+    const newSession = {
+      id,
+      title: "New Session",
+      createdAt: /* @__PURE__ */ new Date(),
+      updatedAt: /* @__PURE__ */ new Date(),
+      conversations: []
+    };
+    setSessions((prev) => [newSession, ...prev]);
+    setActiveSessionId(id);
+  }, []);
+  const stopMessage = useCallback(() => {
+    var _a;
+    (_a = abortRef.current) == null ? void 0 : _a.abort();
+    abortRef.current = null;
+    setIsLoading(false);
+  }, []);
+  const sendMessage = useCallback(
+    async (message) => {
+      var _a, _b, _c, _d, _e, _f;
+      (_a = abortRef.current) == null ? void 0 : _a.abort();
+      const abortController = new AbortController();
+      abortRef.current = abortController;
+      let sessionId = activeSessionId;
+      if (!sessionId) {
+        sessionId = generateId();
+        const newSession = {
+          id: sessionId,
+          title: message.slice(0, 50),
+          createdAt: /* @__PURE__ */ new Date(),
+          updatedAt: /* @__PURE__ */ new Date(),
+          conversations: []
+        };
+        setSessions((prev) => [newSession, ...prev]);
+        setActiveSessionId(sessionId);
+      }
+      const conversationId = generateId();
+      const now = /* @__PURE__ */ new Date();
+      setSessions(
+        (prev) => addConversationToSession(prev, sessionId, {
+          id: conversationId,
+          question: message,
+          createdAt: now
+        })
+      );
+      setIsLoading(true);
+      const currentSession = [
+        ...((_b = sessions.find((s) => s.id === sessionId)) == null ? void 0 : _b.conversations) ?? []
+      ];
+      const historyMessages = sessionsToAgUiMessages({
+        conversations: currentSession
+      });
+      historyMessages.push({
+        id: `${conversationId}-q`,
+        role: "user",
+        content: message
+      });
+      const runId = generateId();
+      const input = {
+        threadId: sessionId,
+        runId,
+        messages: historyMessages,
+        tools,
+        context,
+        state: null,
+        forwardedProps
+      };
+      try {
+        const response = await fetch(agent, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Accept: "text/event-stream",
+            ...headers
+          },
+          body: JSON.stringify(input),
+          signal: abortController.signal
+        });
+        if (!response.ok) {
+          throw new Error(
+            `Agent returned ${response.status}: ${response.statusText}`
+          );
+        }
+        let responseText = "";
+        const toolCalls = /* @__PURE__ */ new Map();
+        const updateResponse = (text) => {
+          setSessions(
+            (prev) => updateConversationInSession(prev, sessionId, conversationId, text)
+          );
+        };
+        for await (const eventOrError of parseSSE(
+          response,
+          abortController.signal
+        )) {
+          if (eventOrError instanceof Error) {
+            (_c = onErrorRef.current) == null ? void 0 : _c.call(onErrorRef, eventOrError);
+            continue;
+          }
+          const event = eventOrError;
+          (_d = onEventRef.current) == null ? void 0 : _d.call(onEventRef, event);
+          switch (event.type) {
+            case AgUiEventType.TEXT_MESSAGE_CONTENT: {
+              responseText += event.delta;
+              updateResponse(responseText);
+              break;
+            }
+            case AgUiEventType.TEXT_MESSAGE_CHUNK: {
+              if (event.delta) {
+                responseText += event.delta;
+                updateResponse(responseText);
+              }
+              break;
+            }
+            case AgUiEventType.TOOL_CALL_START: {
+              toolCalls.set(event.toolCallId, {
+                name: event.toolCallName,
+                args: ""
+              });
+              break;
+            }
+            case AgUiEventType.TOOL_CALL_ARGS: {
+              const tc = toolCalls.get(event.toolCallId);
+              if (tc) {
+                tc.args += event.delta;
+              }
+              break;
+            }
+            case AgUiEventType.TOOL_CALL_END: {
+              const tc = toolCalls.get(event.toolCallId);
+              if (tc && onToolCallRef.current) {
+                try {
+                  await onToolCallRef.current({
+                    toolCallId: event.toolCallId,
+                    toolCallName: tc.name,
+                    args: tc.args
+                  });
+                } catch {
+                }
+              }
+              toolCalls.delete(event.toolCallId);
+              break;
+            }
+            case AgUiEventType.RUN_ERROR: {
+              const err = new Error(event.message);
+              (_e = onErrorRef.current) == null ? void 0 : _e.call(onErrorRef, err);
+              break;
+            }
+            case AgUiEventType.RUN_FINISHED: {
+              break;
+            }
+          }
+        }
+      } catch (err) {
+        if (err instanceof DOMException && err.name === "AbortError") {
+          return;
+        }
+        const error = err instanceof Error ? err : new Error(String(err));
+        (_f = onErrorRef.current) == null ? void 0 : _f.call(onErrorRef, error);
+      } finally {
+        if (abortRef.current === abortController) {
+          abortRef.current = null;
+        }
+        setIsLoading(false);
+      }
+    },
+    [activeSessionId, agent, context, forwardedProps, headers, sessions, tools]
+  );
+  return {
+    sessions,
+    activeSessionId,
+    isLoading,
+    selectSession,
+    deleteSession,
+    createSession,
+    sendMessage,
+    stopMessage
+  };
+}
 export {
-  ChartError as A,
-  validateChartData as B,
-  ChatInput as C,
-  parseChartConfig as D,
-  isChartClassName as E,
+  remarkRedact as $,
+  AgUiEventType as A,
+  SessionMessages as B,
+  ChartError as C,
+  SessionMessagesHeader as D,
+  SessionsGroup as E,
   FileInput as F,
-  getChildText as G,
-  remarkCve as H,
-  remarkChart as I,
-  dark as J,
-  light as K,
-  ChatContext as L,
-  MentionList as M,
+  SessionsList as G,
+  StatusIcon as H,
+  TableDataCell as I,
+  TableHeaderCell as J,
+  bitcoinMatcher as K,
+  chartComponents as L,
+  Markdown as M,
   NewSessionButton as N,
-  AppBar as O,
-  ChatBubble as P,
-  ChatSuggestions as Q,
+  chatTheme as O,
+  commonRedactMatchers as P,
+  creditCardMatcher as Q,
   RichTextInput as R,
   SvgFile as S,
   TableComponent as T,
-  ChatSuggestion as U,
-  MessageStatus as V,
-  MessageStatusItem as W,
-  StatusIcon as X,
+  dark as U,
+  getChildText as V,
+  isChartClassName as W,
+  light as X,
+  parseChartConfig as Y,
+  remarkChart as Z,
+  remarkCve as _,
   SvgCopy as a,
-  SessionEmpty as b,
-  SessionMessagesHeader as c,
-  SessionMessagePanel as d,
-  SessionMessage as e,
-  MessageSource as f,
-  MessageActions as g,
-  MessageFile as h,
-  MessageFiles as i,
-  MessageQuestion as j,
-  MessageResponse as k,
-  MessageSources as l,
-  SessionMessages as m,
-  Chat as n,
-  SessionsList as o,
-  SessionListItem as p,
-  SessionGroups as q,
-  SessionsGroup as r,
-  chatTheme as s,
-  Markdown as t,
-  TableHeaderCell as u,
-  TableDataCell as v,
-  CodeHighlighter as w,
-  chartComponents as x,
-  ChartRenderer as y,
-  ChartPre as z
+  ssnMatcher as a0,
+  useAgUi as a1,
+  validateChartData as a2,
+  AppBar as b,
+  ChartPre as c,
+  ChartRenderer as d,
+  Chat as e,
+  ChatBubble as f,
+  ChatContext as g,
+  ChatInput as h,
+  ChatSuggestion as i,
+  ChatSuggestions as j,
+  CodeHighlighter as k,
+  MentionList as l,
+  MessageActions as m,
+  MessageFile as n,
+  MessageFiles as o,
+  MessageQuestion as p,
+  MessageResponse as q,
+  MessageSource as r,
+  MessageSources as s,
+  MessageStatus as t,
+  MessageStatusItem as u,
+  SessionEmpty as v,
+  SessionGroups as w,
+  SessionListItem as x,
+  SessionMessage as y,
+  SessionMessagePanel as z
 };
-//# sourceMappingURL=index-CBHNcMyR.js.map
+//# sourceMappingURL=index-DdRyk11n.js.map