@mindlogic-ai/logician-ui 2.0.0-alpha.0

package/dist/chunk-5FHXD7KR.js

@@ -0,0 +1,1735 @@
+'use strict';
+
+var ReactMarkdown = require('react-markdown');
+var react = require('@chakra-ui/react');
+var rehypeKatex = require('rehype-katex');
+var rehypeRaw = require('rehype-raw');
+var remarkBreaks = require('remark-breaks');
+var remarkFlexibleMarkers = require('remark-flexible-markers');
+var remarkGfm = require('remark-gfm');
+var remarkMath = require('remark-math');
+require('katex/dist/katex.min.css');
+var react$1 = require('react');
+var reactSyntaxHighlighter = require('react-syntax-highlighter');
+var prism = require('react-syntax-highlighter/dist/esm/styles/prism');
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var polished = require('polished');
+var bi = require('react-icons/bi');
+var bs = require('react-icons/bs');
+var ci = require('react-icons/ci');
+var fa = require('react-icons/fa');
+var fa6 = require('react-icons/fa6');
+var gi = require('react-icons/gi');
+var go = require('react-icons/go');
+var gr = require('react-icons/gr');
+var hi = require('react-icons/hi');
+var io = require('react-icons/io');
+var io5 = require('react-icons/io5');
+var lia = require('react-icons/lia');
+var lu = require('react-icons/lu');
+var md = require('react-icons/md');
+var pi = require('react-icons/pi');
+var rx = require('react-icons/rx');
+var sl = require('react-icons/sl');
+var tb = require('react-icons/tb');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+var rehypeKatex__default = /*#__PURE__*/_interopDefault(rehypeKatex);
+var rehypeRaw__default = /*#__PURE__*/_interopDefault(rehypeRaw);
+var remarkBreaks__default = /*#__PURE__*/_interopDefault(remarkBreaks);
+var remarkFlexibleMarkers__default = /*#__PURE__*/_interopDefault(remarkFlexibleMarkers);
+var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
+var remarkMath__default = /*#__PURE__*/_interopDefault(remarkMath);
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// src/utils/formatTextForMarkdown.ts
+var formatForMarkdown = (text) => {
+  return text?.replace(/\\n/g, "  \n");
+};
+
+// src/translations/Defaults.translations.json
+var Defaults_translations_default = {
+  get_started: {
+    ko: "\uC2DC\uC791\uD558\uAE30",
+    en: "Get Started",
+    zh: "\u5F00\u59CB",
+    ja: "\u59CB\u3081\u308B",
+    es: "Comenzar"
+  },
+  next: {
+    ko: "\uB2E4\uC74C",
+    en: "Next",
+    zh: "\u4E0B\u4E00\u4E2A",
+    ja: "\u6B21",
+    es: "Siguiente"
+  },
+  copy: {
+    ko: "\uBCF5\uC0AC",
+    en: "Copy",
+    zh: "\u590D\u5236",
+    ja: "\u30B3\u30D4\u30FC",
+    es: "Copiar"
+  },
+  copied: {
+    ko: "\uBCF5\uC0AC \uC644\uB8CC",
+    en: "Copy completed",
+    zh: "\u590D\u5236\u5B8C\u6210",
+    ja: "\u30B3\u30D4\u30FC\u5B8C\u4E86",
+    es: "Copia completada"
+  },
+  see_more: {
+    ko: "\uB354\uBCF4\uAE30",
+    en: "See more",
+    zh: "\u67E5\u770B\u66F4\u591A",
+    ja: "\u3082\u3063\u3068\u898B\u308B",
+    es: "Ver m\xE1s"
+  },
+  previous: {
+    ko: "\uC774\uC804",
+    en: "Previous",
+    zh: "\u4EE5\u524D",
+    ja: "\u524D",
+    es: "Anterior"
+  },
+  go_next_page_button: {
+    ko: "\uB2E4\uC74C",
+    en: "Next",
+    zh: "\u4E0B\u4E00\u4E2A",
+    ja: "\u6B21",
+    es: "Siguiente"
+  },
+  pagination_range_text: {
+    ko: "{num_total_items}\uAC1C \uC911 {range_start} - {range_end} \uD45C\uC2DC \uC911",
+    en: "Displaying {range_start} - {range_end} of {num_total_items}",
+    zh: "\u663E\u793A\u7B2C {range_start} - {range_end} \u9879\uFF0C\u5171 {num_total_items} \u9879",
+    ja: "{num_total_items} \u4EF6\u4E2D {range_start} - {range_end} \u3092\u8868\u793A\u4E2D",
+    es: "Mostrando {range_start} - {range_end} de {num_total_items}"
+  },
+  pagination_items_per_page: {
+    ko: "\uD56D\uBAA9 \uC218",
+    en: "items per page",
+    zh: "\u6BCF\u9875\u9879\u76EE\u6570",
+    ja: "\u30DA\u30FC\u30B8\u3054\u3068\u306E\u9805\u76EE\u6570",
+    es: "elementos por p\xE1gina"
+  },
+  code_markdown_raw: {
+    ko: "\uC6D0\uBB38",
+    en: "Raw",
+    zh: "\u539F\u6587",
+    ja: "\u539F\u6587",
+    es: "Crudo"
+  },
+  code_markdown_preview: {
+    ko: "\uBBF8\uB9AC\uBCF4\uAE30",
+    en: "Preview",
+    zh: "\u9884\u89C8",
+    ja: "\u30D7\u30EC\u30D3\u30E5\u30FC",
+    es: "Vista previa"
+  },
+  month_range_placeholder: {
+    ko: "\uC6D4 \uBC94\uC704 \uC120\uD0DD",
+    en: "Select month range",
+    zh: "\u9009\u62E9\u6708\u4EFD\u8303\u56F4",
+    ja: "\u6708\u7BC4\u56F2\u3092\u9078\u629E",
+    es: "Seleccionar rango de meses"
+  },
+  clear: {
+    ko: "\uC9C0\uC6B0\uAE30",
+    en: "Clear",
+    zh: "\u6E05\u9664",
+    ja: "\u30AF\u30EA\u30A2",
+    es: "Borrar"
+  },
+  upload_your_file: {
+    ko: "\uD30C\uC77C \uC5C5\uB85C\uB4DC",
+    en: "Upload file",
+    zh: "\u6587\u4EF6\u4E0A\u4F20",
+    ja: "\u30D5\u30A1\u30A4\u30EB\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9",
+    es: "Subir archivo"
+  }
+};
+var replaceVariables = (text, variables) => {
+  if (!variables) return formatForMarkdown(text);
+  const regex = /({(.*?)})/gi;
+  const potentialKeys = text.match(regex) ?? [];
+  const textParts = [];
+  let lastIndex = 0;
+  potentialKeys.forEach((potentialKey) => {
+    const keyIndex = text.indexOf(potentialKey);
+    textParts.push(text.slice(lastIndex, keyIndex));
+    textParts.push(text.slice(keyIndex, keyIndex + potentialKey.length));
+    lastIndex = keyIndex + potentialKey.length;
+  });
+  textParts.push(text.slice(lastIndex));
+  const parts = textParts.map(
+    (partText) => (
+      // Slice to remove { and }
+      variables[partText.slice(1, partText.length - 1)] ?? formatForMarkdown(partText)
+    )
+  );
+  return parts.every((part) => typeof part === "string") ? parts.join("") : parts;
+};
+var getLanguage = () => {
+  return "ko";
+};
+var useTranslate = (translations = {}) => {
+  const userLanguage = getLanguage();
+  return react$1.useCallback(
+    (key, variables) => {
+      const locale = userLanguage;
+      const translation = { ...Defaults_translations_default, ...translations }[key]?.[locale] ?? key;
+      const finalRes = replaceVariables(translation, variables);
+      return finalRes;
+    },
+    [userLanguage, translations]
+  );
+};
+
+// src/theme/colors.ts
+var colors = {
+  primary: {
+    lighter: "blue.50",
+    light: "blue.300",
+    main: "blue.900",
+    dark: "blue.1000"
+  },
+  secondary: {
+    lighter: "purple.50",
+    light: "purple.300",
+    main: "purple.500",
+    dark: "purple.700"
+  },
+  danger: {
+    lighter: "red.50",
+    light: "#FFC9C9",
+    main: "red.500",
+    dark: "#961616"
+  },
+  success: {
+    lighter: "#EBFBF1",
+    light: "#C1F4D4",
+    main: "#019939",
+    dark: "#016626"
+  },
+  warning: {
+    lighter: "#FFF6E7",
+    light: "#FFE9BA",
+    main: "yellow.400",
+    dark: "#9D6508"
+  },
+  gray: {
+    50: "#F4F5F6",
+    100: "#EAECEF",
+    200: "#E5E7EB",
+    300: "#EBF0FB",
+    400: "#D1D4DA",
+    500: "#C7CAD1",
+    600: "#BDC1C9",
+    700: "#AEB2BC",
+    800: "#9499A5",
+    900: "#7F8493",
+    1e3: "#6B7180",
+    1100: "#595E6A",
+    1200: "#474B55",
+    1300: "#363840",
+    1400: "#24262B",
+    1500: "#121315"
+  },
+  blue: {
+    100: "#FDFDFF",
+    200: "#FAFBFE",
+    300: "#EFF4FF",
+    400: "#D6E0F7",
+    500: "#94b0ec",
+    600: "#3182ce",
+    700: "#6c92e4",
+    800: "#4272dd",
+    900: "#1751D0",
+    1e3: "#113B98"
+  },
+  white: "#FFFFFF",
+  black: "#121212"
+};
+
+// src/theme/font.ts
+var inter = {
+  style: {
+    fontFamily: '"Inter", sans-serif'
+  }};
+var noto = {
+  style: {
+    fontFamily: '"Noto Sans", sans-serif'
+  }};
+var pretendard = {
+  style: {
+    fontFamily: '"Pretendard Variable", sans-serif'
+  }};
+
+// src/theme/global.ts
+var global = {
+  ":root": {
+    "--chakra-colors-chakra-body-text": "#121315",
+    // gray.1500 hex value
+    "--chakra-colors-chakra-body-bg": "#FFFFFF"
+  },
+  html: {
+    height: "var(--chakra-vh)",
+    fontSize: 14,
+    fontFamily: [
+      pretendard.style.fontFamily,
+      inter.style.fontFamily,
+      noto.style.fontFamily
+    ].join(","),
+    overflow: "auto"
+  },
+  "html, body": {
+    color: "gray.1500"
+    // Set the default body color
+  },
+  "#__next": {
+    height: "var(--chakra-vh)"
+  },
+  "body[data-lang='es']": {
+    fontFamily: inter.style.fontFamily
+  }
+};
+
+// src/theme/index.ts
+var theme = react.extendTheme({
+  colors,
+  semanticTokens: {
+    colors: {
+      ...colors,
+      "chakra-body-text": "gray.1500",
+      "chakra-body-bg": "white",
+      "chakra-body-text-secondary": "gray.1200"
+    }
+  },
+  styles: {
+    global
+  },
+  fonts: {
+    body: '"Pretendard Variable", "Inter", "Noto Sans", sans-serif',
+    heading: '"Pretendard Variable", "Inter", "Noto Sans", sans-serif'
+  },
+  // 반응형 폰트 사이즈 - 모바일에서는 더 작은 폰트 크기, 데스크톱에서는 기존 크기 유지
+  fontSizes: {
+    // 커스텀 폰트 크기 토큰 (em 단위 사용)
+    // xs: { base: '0.7em', md: '0.7em' },
+    subtitle: { base: "0.8em", md: "0.92em" },
+    subtext: { base: "0.8em", md: "0.92em" },
+    p: { base: "0.9em", md: "1em" },
+    h5: { base: "1.1em", md: "1.2em" },
+    h4: { base: "1.25em", md: "1.44em" },
+    h3: { base: "1.5em", md: "1.75em" },
+    h2: { base: "2em", md: "2.5em" },
+    h1: { base: "2.4em", md: "3em" }
+  },
+  radii: {
+    none: "0",
+    sm: "6px",
+    md: "8px",
+    lg: "12px",
+    xl: "32px",
+    full: "9999px"
+  }
+});
+var theme_default = theme;
+
+// src/components/Card/Card.styles.ts
+({
+  bgColor: theme_default.colors.white,
+  color: theme_default.colors.black,
+  borderColor: theme_default.colors.gray[100]
+});
+var clickableStyles = {
+  cursor: "pointer",
+  _hover: {
+    boxShadow: "lg",
+    [".card-image"]: {
+      // TODO: define in theme
+      transition: "0.3s all",
+      transform: "scale(1.05)",
+      backgroundSize: "105%"
+    }
+  }
+};
+var variantStyles = {
+  default: {},
+  gradient: {
+    bg: `linear-gradient(180deg, #F5F8FD 0%, #FFFFFF 100%)`,
+    border: `1px solid`,
+    borderColor: "blue.600"
+  }
+};
+var Card = react$1.forwardRef(
+  ({ clickable, variant = "default", ...rest }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      react.Card,
+      {
+        ref,
+        position: "relative",
+        bgColor: "inherit",
+        color: "inherit",
+        boxShadow: "none",
+        border: "1px solid",
+        borderColor: "gray.300",
+        borderRadius: "lg",
+        transition: "0.3s all",
+        p: 8,
+        ...clickable ? clickableStyles : {},
+        ...variantStyles[variant],
+        ...rest
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+var InlineCode = ({ children, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Code,
+    {
+      bg: "gray.50",
+      color: "primary.dark",
+      borderRadius: "sm",
+      fontSize: "p",
+      ...rest,
+      children
+    }
+  );
+};
+
+// src/components/SegmentedControl/SegmentedControl.styles.ts
+var OptionStyles = {
+  xs: {
+    minW: 6,
+    paddingInlineStart: 2,
+    paddingInlineEnd: 2,
+    h: 6
+  },
+  sm: {
+    minW: 10,
+    paddingInlineStart: 6,
+    paddingInlineEnd: 6,
+    h: 8
+  },
+  md: {
+    paddingInlineStart: 6,
+    paddingInlineEnd: 6,
+    minW: 10,
+    h: 10
+  },
+  lg: {},
+  xl: {}
+};
+var SegmentedControl = ({
+  options,
+  value,
+  onSelect,
+  borderRadius = "md",
+  size,
+  ...rest
+}) => {
+  const [internalValue, setInternalValue] = react$1.useState(options[0].value);
+  const theme2 = react.useTheme();
+  const activeValue = value !== void 0 ? value : internalValue;
+  const activeIndex = options.findIndex(
+    (option) => option.value === activeValue
+  );
+  const getControlPadding = (size2 = "md") => {
+    const paddings = {
+      xs: theme2.space[1],
+      sm: theme2.space[1],
+      md: theme2.space[1],
+      lg: {},
+      xl: {}
+    };
+    return paddings[size2];
+  };
+  const handleSelect = (selectedValue) => {
+    if (value === void 0) {
+      setInternalValue(selectedValue);
+    }
+    if (onSelect) onSelect(selectedValue);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.Flex,
+    {
+      position: "relative",
+      borderRadius,
+      bg: "gray.50",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: false,
+            animate: {
+              x: `calc(${100 * activeIndex}% + ${getControlPadding(size)})`
+            },
+            transition: { type: "spring", stiffness: 300, damping: 30 },
+            style: {
+              position: "absolute",
+              // @ts-expect-error - Chakra UI responsive values in Framer Motion styles
+              top: getControlPadding(size),
+              // @ts-expect-error - Chakra UI responsive values in Framer Motion styles
+              bottom: getControlPadding(size),
+              left: `calc(${activeIndex * 2} * ${getControlPadding(size)})`,
+              width: `calc(${100 / options.length}% - 2 * ${getControlPadding(size)})`,
+              borderRadius: theme2.radii[borderRadius],
+              background: theme2.colors.white,
+              boxShadow: theme2.shadows.md
+            }
+          }
+        ),
+        options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+          react.Button,
+          {
+            flex: 1,
+            variant: "ghost",
+            color: activeValue === option.value ? "gray.1200" : "gray.600",
+            onClick: () => handleSelect(option.value),
+            _hover: { bg: "transparent" },
+            fontSize: size,
+            ...OptionStyles[size ?? "md"],
+            children: option.label
+          },
+          option.value
+        ))
+      ]
+    }
+  );
+};
+var H1 = react$1.forwardRef((props, ref) => {
+  const theme2 = react.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Heading,
+    {
+      ref,
+      as: "h1",
+      fontSize: theme2.fontSizes.h1,
+      fontWeight: "bold",
+      ...props
+    }
+  );
+});
+H1.displayName = "H1";
+var H2 = react$1.forwardRef((props, ref) => {
+  const theme2 = react.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Heading,
+    {
+      ref,
+      as: "h2",
+      fontSize: theme2.fontSizes.h2,
+      fontWeight: "semibold",
+      ...props
+    }
+  );
+});
+H2.displayName = "H2";
+var H3 = react$1.forwardRef((props, ref) => {
+  const theme2 = react.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Heading,
+    {
+      ref,
+      as: "h3",
+      fontSize: theme2.fontSizes.h3,
+      fontWeight: "semibold",
+      ...props
+    }
+  );
+});
+H3.displayName = "H3";
+var H4 = react$1.forwardRef((props, ref) => {
+  const theme2 = react.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Heading,
+    {
+      ref,
+      as: "h4",
+      fontSize: theme2.fontSizes.h4,
+      fontWeight: "semibold",
+      ...props
+    }
+  );
+});
+H4.displayName = "H4";
+var H5 = react$1.forwardRef((props, ref) => {
+  const theme2 = react.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Heading,
+    {
+      ref,
+      as: "h5",
+      fontSize: theme2.fontSizes.h5,
+      fontWeight: "bold",
+      ...props
+    }
+  );
+});
+H5.displayName = "H5";
+var Link = react$1.forwardRef(
+  ({ color, variant, ...rest }, ref) => {
+    const theme2 = react.useTheme();
+    const defaultColor = theme2.semanticTokens.colors.primary.main;
+    const errorColor = theme2.semanticTokens.colors.danger.main;
+    const linkColor = react.useToken(
+      "colors",
+      variant === "error" ? errorColor : color || defaultColor
+    ) ?? color;
+    const getHoverColor = () => {
+      let hoverColor;
+      try {
+        hoverColor = polished.darken(0.1, linkColor);
+      } catch (e) {
+        hoverColor = "inherit";
+      }
+      return hoverColor;
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      react.Link,
+      {
+        ref,
+        fontWeight: "semibold",
+        color: linkColor,
+        _hover: {
+          color: getHoverColor()
+        },
+        ...rest
+      }
+    );
+  }
+);
+Link.displayName = "Link";
+var Subtext = react$1.forwardRef((props, ref) => {
+  const theme2 = react.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Text,
+    {
+      ref,
+      fontSize: theme2.fontSizes.subtext,
+      fontWeight: "regular",
+      ...props
+    }
+  );
+});
+Subtext.displayName = "Subtext";
+var Subtitle = react$1.forwardRef((props, ref) => {
+  const theme2 = react.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Text,
+    {
+      ref,
+      as: "h6",
+      fontSize: theme2.fontSizes.p,
+      fontWeight: "medium",
+      color: "gray.1000",
+      ...props
+    }
+  );
+});
+Subtitle.displayName = "Subtitle";
+var Text3 = react$1.forwardRef(
+  (props, ref) => {
+    const theme2 = react.useTheme();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      react.Text,
+      {
+        ref,
+        as: "p",
+        fontSize: theme2.fontSizes.p,
+        lineHeight: "1.5",
+        fontWeight: "medium",
+        color: "gray.1200",
+        ...props
+      }
+    );
+  }
+);
+Text3.displayName = "Text";
+
+// src/components/Icon/Icon.styles.ts
+var iconStyles = {
+  color: theme_default.colors.black
+};
+
+// src/components/Icon/icons/analytics.svg
+var analytics_default = "./analytics-GNSHP7X3.svg";
+
+// src/components/Icon/icons/bulb.svg
+var bulb_default = "./bulb-24SQINQB.svg";
+
+// src/components/Icon/icons/chat.svg
+var chat_default = "./chat-TLRFEUAS.svg";
+
+// src/components/Icon/icons/edit.svg
+var edit_default = "./edit-RWL72JNM.svg";
+
+// src/components/Icon/icons/face.svg
+var face_default = "./face-55KPDCH4.svg";
+
+// src/components/Icon/icons/filled-analytics.svg
+var filled_analytics_default = "./filled-analytics-RBC7KWND.svg";
+
+// src/components/Icon/icons/filled-bulb.svg
+var filled_bulb_default = "./filled-bulb-RC7E2WSM.svg";
+
+// src/components/Icon/icons/filled-chat.svg
+var filled_chat_default = "./filled-chat-A6J44Q7A.svg";
+
+// src/components/Icon/icons/filled-edit.svg
+var filled_edit_default = "./filled-edit-NKKWFSTW.svg";
+
+// src/components/Icon/icons/filled-face.svg
+var filled_face_default = "./filled-face-UML5C3LB.svg";
+
+// src/components/Icon/icons/filled-layout.svg
+var filled_layout_default = "./filled-layout-HBVCSDFO.svg";
+
+// src/components/Icon/icons/language.svg
+var language_default = "./language-VBJ24OPV.svg";
+
+// src/components/Icon/icons/layout.svg
+var layout_default = "./layout-NDDSWNNV.svg";
+
+// src/components/Icon/icons/pending.svg
+var pending_default = "./pending-NF7NSBYO.svg";
+
+// src/components/Icon/icons/receipt.svg
+var receipt_default = "./receipt-MNLQIFCO.svg";
+
+// src/components/Icon/icons/sparkles.svg
+var sparkles_default = "./sparkles-EOEGVL6G.svg";
+
+// src/components/Icon/icons/store.svg
+var store_default = "./store-3RQPBJWG.svg";
+
+// src/components/Icon/icons/store_active.svg
+var store_active_default = "./store_active-SAOAGVKC.svg";
+
+// src/components/Icon/icons/studio.svg
+var studio_default = "./studio-LYPUIEFA.svg";
+
+// src/components/Icon/icons/studio_active.svg
+var studio_active_default = "./studio_active-BC6O66OI.svg";
+
+// src/components/Icon/icons/vertical-ellipsis.svg
+var vertical_ellipsis_default = "./vertical-ellipsis-3G4WEOCW.svg";
+
+// src/components/Icon/IconMap.ts
+var REACT_ICONS_MAP = {
+  BiDetail: bi.BiDetail,
+  BiExpandAlt: bi.BiExpandAlt,
+  BsTranslate: bs.BsTranslate,
+  CiFileOn: ci.CiFileOn,
+  FaArchive: fa.FaArchive,
+  FaBeer: fa.FaBeer,
+  FaChartPie: fa.FaChartPie,
+  FaCheck: fa6.FaCheck,
+  FaCode: fa6.FaCode,
+  FaGraduationCap: fa.FaGraduationCap,
+  FaImage: fa.FaImage,
+  FaLock: fa6.FaLock,
+  FaMoneyBillWave: fa.FaMoneyBillWave,
+  FaPersonChalkboard: fa6.FaPersonChalkboard,
+  FaPrint: fa.FaPrint,
+  FaRegQuestionCircle: fa.FaRegQuestionCircle,
+  FaRegCopy: fa6.FaRegCopy,
+  FaRegTrashAlt: fa.FaRegTrashAlt,
+  FaRegUserCircle: fa.FaRegUserCircle,
+  FaRegEye: fa.FaRegEye,
+  FaRegEyeSlash: fa.FaRegEyeSlash,
+  FaRotateRight: fa6.FaRotateRight,
+  FaPlay: fa.FaPlay,
+  FaSortAlphaDown: fa.FaSortAlphaDown,
+  FaSortAlphaUp: fa.FaSortAlphaUp,
+  FaSortNumericDown: fa.FaSortNumericDown,
+  FaSortNumericUp: fa.FaSortNumericUp,
+  FaUniversity: fa.FaUniversity,
+  FaUserCheck: fa.FaUserCheck,
+  FaUserClock: fa6.FaUserClock,
+  FaUserPlus: fa.FaUserPlus,
+  FaUsers: fa.FaUsers,
+  GiTwoCoins: gi.GiTwoCoins,
+  GoArrowUpRight: go.GoArrowUpRight,
+  GoArrowDownRight: go.GoArrowDownRight,
+  IoIosArrowForward: io.IoIosArrowForward,
+  GrUserAdmin: gr.GrUserAdmin,
+  HiLightningBolt: hi.HiLightningBolt,
+  HiRefresh: hi.HiRefresh,
+  IoAddCircleOutline: io5.IoAddCircleOutline,
+  IoAddOutline: io5.IoAddOutline,
+  IoCall: io5.IoCall,
+  IoChatbubbleEllipses: io5.IoChatbubbleEllipses,
+  IoChevronDownOutline: io5.IoChevronDownOutline,
+  IoChevronForward: io5.IoChevronForward,
+  IoCodeSlash: io5.IoCodeSlash,
+  IoClose: io5.IoClose,
+  IoCloseOutline: io5.IoCloseOutline,
+  IoDocumentTextSharp: io5.IoDocumentTextSharp,
+  IoIosList: io.IoIosList,
+  IoMdLink: io.IoMdLink,
+  IoMdSave: io.IoMdSave,
+  IoMdThumbsUp: io.IoMdThumbsUp,
+  IoMdThumbsDown: io.IoMdThumbsDown,
+  IoEyeOutline: io5.IoEyeOutline,
+  IoEyeOffOutline: io5.IoEyeOffOutline,
+  IoFilter: io5.IoFilter,
+  IoHome: io5.IoHome,
+  IoIosArrowBack: io.IoIosArrowBack,
+  IoIosAttach: io.IoIosAttach,
+  IoIosCheckmarkCircle: io.IoIosCheckmarkCircle,
+  IoIosAddCircleOutline: io.IoIosAddCircleOutline,
+  IoIosMail: io.IoIosMail,
+  IoIosShareAlt: io.IoIosShareAlt,
+  IoMdSettings: io.IoMdSettings,
+  IoWarningOutline: io5.IoWarningOutline,
+  IoSearch: io5.IoSearch,
+  IoWarning: io5.IoWarning,
+  LuExternalLink: lu.LuExternalLink,
+  LuDownload: lu.LuDownload,
+  LiaNewspaper: lia.LiaNewspaper,
+  LuBookOpenText: lu.LuBookOpenText,
+  LuGraduationCap: lu.LuGraduationCap,
+  LuInfo: lu.LuInfo,
+  LuMenu: lu.LuMenu,
+  LuReceipt: lu.LuReceipt,
+  LuSendHorizontal: lu.LuSendHorizontal,
+  LuUpload: lu.LuUpload,
+  MdAnnouncement: md.MdAnnouncement,
+  MdCardMembership: md.MdCardMembership,
+  MdError: md.MdError,
+  MdFilterList: md.MdFilterList,
+  MdLogout: md.MdLogout,
+  MdOutlineCalendarToday: md.MdOutlineCalendarToday,
+  MdOutlinePersonPin: md.MdOutlinePersonPin,
+  MdOutlineSpaceDashboard: md.MdOutlineSpaceDashboard,
+  HiX: hi.HiX,
+  MdPreview: md.MdPreview,
+  MdSpaceDashboard: md.MdSpaceDashboard,
+  MdThumbsUpDown: md.MdThumbsUpDown,
+  PiChatSlashBold: pi.PiChatSlashBold,
+  PiExam: pi.PiExam,
+  PiGlobe: pi.PiGlobe,
+  PiGlobeX: pi.PiGlobeX,
+  RxDotsHorizontal: rx.RxDotsHorizontal,
+  SlSettings: sl.SlSettings,
+  TbAppWindowFilled: tb.TbAppWindowFilled,
+  TbInfinity: tb.TbInfinity,
+  TbLayoutNavbar: tb.TbLayoutNavbar,
+  TbLockCog: tb.TbLockCog,
+  TbMessageChatbotFilled: tb.TbMessageChatbotFilled,
+  TbSum: tb.TbSum,
+  TbWorldSearch: tb.TbWorldSearch
+};
+var CUSTOM_ICON_MAP = {
+  Analytics: analytics_default,
+  Bulb: bulb_default,
+  Chat: chat_default,
+  Edit: edit_default,
+  Face: face_default,
+  Language: language_default,
+  Layout: layout_default,
+  FilledAnalytics: filled_analytics_default,
+  FilledBulb: filled_bulb_default,
+  FilledChat: filled_chat_default,
+  FilledEdit: filled_edit_default,
+  FilledFace: filled_face_default,
+  FilledLayout: filled_layout_default,
+  Pending: pending_default,
+  Sparkles: sparkles_default,
+  Studio: studio_default,
+  StudioActive: studio_active_default,
+  Store: store_default,
+  StoreActive: store_active_default,
+  Receipt: receipt_default,
+  VerticalEllipsis: vertical_ellipsis_default
+};
+var IconTypes = Object.keys({
+  ...CUSTOM_ICON_MAP,
+  ...REACT_ICONS_MAP
+}).reduce(
+  (prevVal, currVal) => {
+    prevVal[currVal] = currVal;
+    return prevVal;
+  },
+  {}
+);
+var Icon = react$1.forwardRef(
+  ({
+    icon,
+    color,
+    boxSize = "md",
+    // Default to 'md' size
+    ...rest
+  }, ref) => {
+    const sizeMapping = {
+      xs: "4",
+      sm: "5",
+      md: "6",
+      lg: "8",
+      xl: "10"
+    };
+    const mappedBoxSize = sizeMapping[boxSize] || boxSize;
+    const [resolvedBoxSize] = react.useToken("sizes", [
+      mappedBoxSize
+    ]);
+    const [resolvedColor] = react.useToken("colors", [color || ""]);
+    if (icon in REACT_ICONS_MAP) {
+      const IconComponent2 = react.chakra(REACT_ICONS_MAP[icon]);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        IconComponent2,
+        {
+          size: resolvedBoxSize,
+          color: resolvedColor || color,
+          ref,
+          ...rest
+        }
+      );
+    }
+    let IconComponent = CUSTOM_ICON_MAP[icon];
+    if (!IconComponent) {
+      console.warn(
+        `No icon component found for ${icon}. Rendering fallback icon.`
+      );
+      IconComponent = CUSTOM_ICON_MAP["VerticalEllipsis"];
+    }
+    const ChakraIcon = react.chakra(IconComponent);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ChakraIcon,
+      {
+        ...iconStyles,
+        color: resolvedColor,
+        boxSize: resolvedBoxSize,
+        ref,
+        ...rest
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+
+// src/components/IconButton/IconButton.styles.ts
+var variantStyles2 = {
+  primary: {
+    borderColor: "primary.main",
+    bgColor: "primary.main",
+    color: "white",
+    _hover: {
+      borderColor: "blue.800",
+      bgColor: "blue.800"
+    }
+  },
+  secondary: {
+    borderColor: "primary.light",
+    bgColor: "primary.light",
+    color: "primary.main",
+    _hover: {
+      borderColor: "blue.200",
+      bgColor: "blue.200"
+    }
+  },
+  tertiary: {
+    borderColor: "gray.400",
+    bgColor: "white",
+    color: "gray.1200",
+    _hover: {
+      bgColor: "gray.50"
+    }
+  },
+  danger: {
+    borderColor: "danger.main",
+    bgColor: "danger.main",
+    color: "white",
+    _hover: {
+      bgColor: "red.600"
+    }
+  },
+  link: {
+    borderColor: "transparent",
+    bgColor: "transparent",
+    borderRadius: "none",
+    _hover: {
+      bgColor: "transparent"
+    }
+  }
+};
+var IconButton = react$1.forwardRef(
+  ({ variant = "link", sx, ...rest }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      react.IconButton,
+      {
+        border: "1px solid",
+        borderRadius: "full",
+        background: "transparent",
+        ...variantStyles2[variant],
+        ...rest,
+        ref,
+        sx: {
+          ...sx,
+          "& svg": {
+            pointerEvents: "none",
+            ...sx?.["& svg"]
+          },
+          "& svg *": {
+            pointerEvents: "none",
+            ...sx?.["& svg *"]
+          }
+        }
+      }
+    );
+  }
+);
+IconButton.displayName = "IconButton";
+var Tooltip = react$1.forwardRef(
+  ({ ...rest }, ref) => {
+    const theme2 = react.useTheme();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      react.Tooltip,
+      {
+        bgColor: "gray.1200",
+        placement: "top",
+        fontSize: theme2.fontSizes.p,
+        closeOnScroll: true,
+        ...rest,
+        ref
+      }
+    );
+  }
+);
+Tooltip.displayName = "Tooltip";
+var CopyButton = ({
+  onClick,
+  ...rest
+}) => {
+  const translate = useTranslate();
+  const [labelText, setLabelText] = react$1.useState(
+    translate("copy")
+  );
+  const [isTooltipOpen, setIsTooltipOpen] = react$1.useState(
+    void 0
+  );
+  const handleClick = (e) => {
+    setLabelText(translate("copied"));
+    onClick?.(e);
+    setIsTooltipOpen(true);
+    const t = setTimeout(() => {
+      setLabelText(translate("copy"));
+      setIsTooltipOpen(void 0);
+      clearTimeout(t);
+    }, 3e3);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { label: labelText, isOpen: isTooltipOpen, placement: "top", children: /* @__PURE__ */ jsxRuntime.jsx(
+    IconButton,
+    {
+      "aria-label": "Copy code",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: "FaRegCopy", boxSize: "sm" }),
+      onClick: handleClick,
+      p: 0,
+      ...rest
+    }
+  ) });
+};
+var Markdown = react$1.lazy(
+  () => import('./Markdown-2D5K42BY.js').then((module) => ({ default: module.Markdown }))
+);
+var Code = ({
+  children,
+  language: languageProp,
+  onCopy,
+  style = prism.a11yDark,
+  customStyle,
+  hideHeader = false,
+  containerProps,
+  ...rest
+}) => {
+  const language = languageProp === "js" ? "javascript" : languageProp;
+  const translate = useTranslate();
+  const [isMarkdownPreviewMode, setIsMarkdownPreviewMode] = react$1.useState(false);
+  const handleCopyClick = () => {
+    onCopy?.(children);
+  };
+  const handleMarkdownModeChange = (selectedValue) => {
+    setIsMarkdownPreviewMode(selectedValue === "preview");
+  };
+  const handleSyntaxHighlighterClick = (e) => {
+    if (e.detail > 1 || window.getSelection()?.toString() !== "") {
+      return;
+    }
+    try {
+      const codeElement = e.currentTarget.querySelector("code");
+      if (codeElement) {
+        const range = document.createRange();
+        range.selectNodeContents(codeElement);
+        const selection = window.getSelection();
+        if (selection) {
+          selection.removeAllRanges();
+          selection.addRange(range);
+        }
+      }
+    } catch (error) {
+      console.error("Error selecting code content:", error);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Card,
+    {
+      p: 0,
+      borderRadius: "none",
+      ...containerProps,
+      className: ["ml-code", containerProps?.className].join(" "),
+      children: [
+        !hideHeader && language && /* @__PURE__ */ jsxRuntime.jsxs(
+          react.Flex,
+          {
+            className: "ml-code-header",
+            justify: "space-between",
+            align: "center",
+            px: 4,
+            py: 2,
+            bgColor: "white",
+            borderBottom: "1px solid",
+            borderColor: "primary.light",
+            width: "100%",
+            zIndex: 2,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Subtext, { fontWeight: "bold", color: "gray.1200", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { children: language }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { align: "center", justify: "flex-end", gap: 2, children: [
+                language === "markdown" && /* @__PURE__ */ jsxRuntime.jsx(
+                  SegmentedControl,
+                  {
+                    size: "sm",
+                    options: [
+                      {
+                        label: translate("code_markdown_raw"),
+                        value: "raw"
+                      },
+                      {
+                        label: translate("code_markdown_preview"),
+                        value: "preview"
+                      }
+                    ],
+                    onSelect: handleMarkdownModeChange
+                  }
+                ),
+                onCopy && /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { onClick: handleCopyClick })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(react.Box, { overflow: "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(react.Box, { position: "relative", overflowY: "scroll", h: "fit-content", p: 0, children: isMarkdownPreviewMode ? /* @__PURE__ */ jsxRuntime.jsx(react.Box, { p: 2, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(react.Spinner, {}), children: /* @__PURE__ */ jsxRuntime.jsx(
+          Markdown,
+          {
+            components: {
+              code: ({ className, ...rest2 }) => {
+                if (!className) {
+                  return /* @__PURE__ */ jsxRuntime.jsx(InlineCode, { ...rest2 });
+                }
+              }
+            },
+            children
+          }
+        ) }) }) : (
+          // @ts-expect-error - SyntaxHighlighter type issues with React 18
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactSyntaxHighlighter.Prism,
+            {
+              language,
+              style,
+              wrapLines: true,
+              wrapLongLines: true,
+              ...rest,
+              customStyle: {
+                maxWidth: "100%",
+                margin: 0,
+                borderRadius: 0,
+                ...customStyle
+              },
+              onClick: handleSyntaxHighlighterClick,
+              children
+            }
+          )
+        ) }) })
+      ]
+    }
+  );
+};
+
+// src/components/Table/Table.styles.ts
+var getStickyStyles = (isSticky, stickyDirection = "left", scrollState, stickyOffset = 0, isLastSticky = false) => {
+  if (!isSticky || !scrollState) return {};
+  const { isScrollStart, isScrollEnd, isScrolling } = scrollState;
+  const isBothSticky = stickyDirection === "left" && isScrollEnd || stickyDirection === "right" && isScrollStart;
+  const isSingleSticky = isScrolling;
+  const shouldShowShadow = isLastSticky && (isSingleSticky || isBothSticky);
+  return {
+    position: "sticky",
+    overflow: "visible",
+    [stickyDirection]: `${stickyOffset}px`,
+    zIndex: 2,
+    backgroundColor: "white",
+    ...shouldShowShadow && {
+      _after: {
+        content: '""',
+        position: "absolute",
+        top: 0,
+        bottom: "-1px",
+        width: "32px",
+        insetInlineEnd: stickyDirection === "left" ? 0 : "100%",
+        translate: stickyDirection === "left" ? "100%" : "-8",
+        boxShadow: stickyDirection === "left" ? "rgba(0, 0, 0, 0.16) 8px 0px 8px -8px inset" : "rgba(0, 0, 0, 0.16) -8px 0px 8px -8px inset"
+      }
+    }
+  };
+};
+var TableContext = react$1.createContext(null);
+var useTableContext = () => {
+  const context = react$1.useContext(TableContext);
+  if (!context) {
+    console.error("useTableContext must be used within a TableProvider");
+  }
+  return context;
+};
+var TableProvider = ({ children }) => {
+  const containerRef = react$1.useRef(null);
+  const [scrollState, setScrollState] = react$1.useState({
+    isScrollStart: true,
+    isScrollEnd: false,
+    isScrolling: false
+  });
+  const stickyColumnsRef = react$1.useRef({
+    leftColumnWidths: /* @__PURE__ */ new Map(),
+    rightColumnWidths: /* @__PURE__ */ new Map()
+  });
+  const updateScrollState = react$1.useCallback(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const { scrollLeft, scrollWidth, clientWidth } = container;
+    const isScrollStart = scrollLeft <= 1;
+    const isScrollEnd = Math.abs(scrollWidth - clientWidth - scrollLeft) <= 1;
+    setScrollState((prevState) => {
+      if (prevState.isScrollStart !== isScrollStart || prevState.isScrollEnd !== isScrollEnd || prevState.isScrolling !== (!isScrollStart && !isScrollEnd)) {
+        return {
+          isScrollStart,
+          isScrollEnd,
+          isScrolling: !isScrollStart && !isScrollEnd
+        };
+      }
+      return prevState;
+    });
+  }, []);
+  const setContainerRef = react$1.useCallback(
+    (node) => {
+      containerRef.current = node;
+      if (node) {
+        updateScrollState();
+      }
+    },
+    [updateScrollState]
+  );
+  const registerStickyColumn = react$1.useCallback(
+    (direction, index, width) => {
+      if (direction === "left") {
+        stickyColumnsRef.current.leftColumnWidths.set(index, width);
+      } else {
+        stickyColumnsRef.current.rightColumnWidths.set(index, width);
+      }
+    },
+    []
+  );
+  const getStickyOffset = react$1.useCallback(
+    (direction, index) => {
+      if (index === 0) return 0;
+      const widthsMap = direction === "left" ? stickyColumnsRef.current.leftColumnWidths : stickyColumnsRef.current.rightColumnWidths;
+      let offset = 0;
+      for (let i = 0; i < index; i++) {
+        offset += widthsMap.get(i) || 0;
+      }
+      return offset;
+    },
+    []
+  );
+  const isLastStickyColumn = react$1.useCallback(
+    (direction, index) => {
+      const widthsMap = direction === "left" ? stickyColumnsRef.current.leftColumnWidths : stickyColumnsRef.current.rightColumnWidths;
+      let maxIndex = -1;
+      for (const idx of widthsMap.keys()) {
+        if (idx > maxIndex) maxIndex = idx;
+      }
+      return index === maxIndex;
+    },
+    []
+  );
+  react$1.useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const handleScroll = () => updateScrollState();
+    const handleResize = () => updateScrollState();
+    container.addEventListener("scroll", handleScroll);
+    window.addEventListener("resize", handleResize);
+    updateScrollState();
+    return () => {
+      container.removeEventListener("scroll", handleScroll);
+      window.removeEventListener("resize", handleResize);
+    };
+  }, [updateScrollState]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TableContext.Provider,
+    {
+      value: {
+        ...scrollState,
+        setContainerRef,
+        registerStickyColumn,
+        getStickyOffset,
+        isLastStickyColumn
+      },
+      children
+    }
+  );
+};
+var Td = ({
+  wrap,
+  isSticky = false,
+  stickyDirection = "left",
+  stickyIndex = 0,
+  _first,
+  style,
+  className,
+  children,
+  onClick,
+  onMouseEnter,
+  onMouseLeave,
+  ...rest
+}) => {
+  const cellRef = react$1.useRef(null);
+  const tableContext = useTableContext();
+  const grayColor = react.useToken("colors", "gray.300");
+  const paddingToken = react.useToken("space", "3");
+  const fontSizeToken = react.useToken("fontSizes", "p");
+  const spacingToken = react.useToken("space", "4");
+  if (!tableContext) {
+    const htmlProps = {
+      className,
+      onClick,
+      onMouseEnter,
+      onMouseLeave
+      // Add other standard HTML props as needed
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "td",
+      {
+        ref: cellRef,
+        style: {
+          border: 0,
+          borderTop: "1px solid",
+          borderTopColor: grayColor,
+          color: "inherit",
+          fontSize: fontSizeToken,
+          paddingTop: paddingToken,
+          paddingBottom: paddingToken,
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          paddingInlineStart: _first ? spacingToken : void 0,
+          ...wrap ? {
+            whiteSpace: "normal",
+            wordWrap: "break-word",
+            overflowWrap: "break-word"
+          } : {},
+          ...style
+        },
+        ...htmlProps,
+        children
+      }
+    );
+  }
+  const {
+    registerStickyColumn,
+    getStickyOffset,
+    isLastStickyColumn,
+    ...scrollState
+  } = tableContext;
+  react$1.useEffect(() => {
+    if (isSticky && cellRef.current) {
+      const width = cellRef.current.getBoundingClientRect().width;
+      registerStickyColumn(stickyDirection, stickyIndex, width);
+    }
+  }, [isSticky, registerStickyColumn, stickyDirection, stickyIndex]);
+  const stickyOffset = isSticky ? getStickyOffset(stickyDirection, stickyIndex) : 0;
+  const isLastSticky = isSticky && isLastStickyColumn(stickyDirection, stickyIndex);
+  const stickyStyles = getStickyStyles(
+    isSticky,
+    stickyDirection,
+    scrollState,
+    stickyOffset,
+    isLastSticky
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Td,
+    {
+      border: 0,
+      borderTop: "1px solid",
+      borderTopColor: "gray.300",
+      color: "inherit",
+      fontSize: "p",
+      py: 3,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      ref: cellRef,
+      style,
+      _first: {
+        "&:not(:last-child)": {
+          paddingInlineStart: 4
+        },
+        ..._first
+      },
+      ...wrap ? {
+        whiteSpace: "normal",
+        wordWrap: "break-word",
+        overflowWrap: "break-word"
+      } : {},
+      ...stickyStyles,
+      ...rest,
+      children
+    }
+  );
+};
+Td.displayName = "Td";
+var Tr = ({ ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Tr, { h: 12, ...rest });
+};
+var ExpandingTr = ({
+  children,
+  expandedContent,
+  isExpanded,
+  onExpandChange,
+  expandedRowProps,
+  ...rest
+}) => {
+  const childrenArray = react$1.Children.toArray(children);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Tr, { ...rest, children }),
+    /* @__PURE__ */ jsxRuntime.jsx(Tr, { h: isExpanded ? void 0 : 0, ...expandedRowProps, children: /* @__PURE__ */ jsxRuntime.jsx(Td, { colSpan: childrenArray.length, p: 0, children: /* @__PURE__ */ jsxRuntime.jsx(react.Collapse, { in: isExpanded, children: expandedContent }) }) })
+  ] });
+};
+var Table = ({ ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Table, { ...rest });
+};
+var TableContainerInner = react$1.forwardRef(
+  ({ children, ...rest }, ref) => {
+    const { setContainerRef } = useTableContext();
+    const handleRef = react$1.useCallback(
+      (node) => {
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+        setContainerRef(node);
+      },
+      [ref, setContainerRef]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      react.TableContainer,
+      {
+        border: "1px solid",
+        borderRadius: "md",
+        borderColor: "gray.300",
+        ref: handleRef,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+TableContainerInner.displayName = "TableContainerInner";
+var TableContainer = react$1.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(TableProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TableContainerInner, { ...props, ref }) });
+  }
+);
+TableContainer.displayName = "TableContainer";
+var Tbody = react$1.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(react.Tbody, { ref, color: "gray.1500", fontWeight: "medium", ...props });
+  }
+);
+Tbody.displayName = "Tbody";
+var Th = react$1.forwardRef(
+  ({
+    isSticky = false,
+    stickyDirection = "left",
+    stickyIndex = 0,
+    style,
+    className,
+    children,
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    ...rest
+  }, forwardedRef) => {
+    const tableContext = useTableContext();
+    const measureNodeRef = react$1.useRef(null);
+    const fontSizeToken = react.useToken("fontSizes", "subtitle");
+    const spacingToken = react.useToken("space", "4");
+    if (!tableContext) {
+      const htmlProps = {
+        className,
+        onClick,
+        onMouseEnter,
+        onMouseLeave
+        // Add other standard HTML props as needed
+      };
+      const setRefsForRegularTh = react$1.useCallback(
+        (node) => {
+          measureNodeRef.current = node;
+          if (typeof forwardedRef === "function") {
+            forwardedRef(node);
+          } else if (forwardedRef) {
+            forwardedRef.current = node;
+          }
+        },
+        [forwardedRef]
+      );
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "th",
+        {
+          ref: setRefsForRegularTh,
+          style: {
+            color: "inherit",
+            fontWeight: "inherit",
+            fontSize: fontSizeToken,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            paddingInlineStart: spacingToken,
+            ...style
+          },
+          ...htmlProps,
+          children
+        }
+      );
+    }
+    const {
+      registerStickyColumn,
+      getStickyOffset,
+      isLastStickyColumn,
+      ...scrollState
+    } = tableContext;
+    react$1.useEffect(() => {
+      if (isSticky && measureNodeRef.current) {
+        const width = measureNodeRef.current.getBoundingClientRect().width;
+        registerStickyColumn(stickyDirection, stickyIndex, width);
+      }
+    }, [isSticky, registerStickyColumn, stickyDirection, stickyIndex]);
+    const setRefs = react$1.useCallback(
+      (node) => {
+        measureNodeRef.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
+      [forwardedRef]
+    );
+    const stickyOffset = isSticky ? getStickyOffset(stickyDirection, stickyIndex) : 0;
+    const isLastSticky = isSticky && isLastStickyColumn(stickyDirection, stickyIndex);
+    const stickyStyles = getStickyStyles(
+      isSticky,
+      stickyDirection,
+      scrollState,
+      stickyOffset,
+      isLastSticky
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      react.Th,
+      {
+        color: "inherit",
+        fontWeight: "inherit",
+        fontSize: "subtitle",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        ref: setRefs,
+        style,
+        _first: {
+          "&:not(:last-child)": {
+            paddingInlineStart: 4
+          }
+        },
+        ...stickyStyles,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+Th.displayName = "Th";
+var Thead = ({ ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Thead, { color: "gray.800", fontWeight: "medium", ...rest });
+};
+
+// src/components/Markdown/Markdown.module.css
+var Markdown_default = {};
+var H1Wrapper = (props) => /* @__PURE__ */ jsxRuntime.jsx(H1, { ...props });
+var H2Wrapper = (props) => /* @__PURE__ */ jsxRuntime.jsx(H2, { ...props });
+var H3Wrapper = (props) => /* @__PURE__ */ jsxRuntime.jsx(H3, { ...props });
+var H4Wrapper = (props) => /* @__PURE__ */ jsxRuntime.jsx(H4, { ...props });
+var H5Wrapper = (props) => /* @__PURE__ */ jsxRuntime.jsx(H5, { ...props });
+var SubtitleWrapper = (props) => /* @__PURE__ */ jsxRuntime.jsx(Subtitle, { ...props });
+var TheadWrapper = (props) => /* @__PURE__ */ jsxRuntime.jsx(Thead, { ...props });
+var TbodyWrapper = (props) => /* @__PURE__ */ jsxRuntime.jsx(Tbody, { ...props });
+var TrWrapper = (props) => /* @__PURE__ */ jsxRuntime.jsx(Tr, { ...props });
+var TdWrapper = (props) => /* @__PURE__ */ jsxRuntime.jsx(Td, { ...props });
+var ThWrapper = (props) => /* @__PURE__ */ jsxRuntime.jsx(Th, { ...props });
+var baseMarkdownComponents = {
+  h1: H1Wrapper,
+  h2: H2Wrapper,
+  h3: H3Wrapper,
+  h4: H4Wrapper,
+  h5: H5Wrapper,
+  h6: SubtitleWrapper,
+  // The key fix: instead of trying to unwrap pre/code combinations,
+  // we customize just the code element to detect if it's a code block
+  code: ({ inline, className, children, ...props }) => {
+    if (inline || !className) {
+      return /* @__PURE__ */ jsxRuntime.jsx(InlineCode, { ...props, children });
+    }
+    const language = className.match(/language-(.*)/)?.[1];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Code,
+      {
+        language,
+        onCopy: (textToCopy) => {
+          navigator.clipboard.writeText(textToCopy).then(() => {
+            console.log("Text copied to clipboard");
+          }).catch((err) => {
+            console.error("Could not copy text to clipboard:", err);
+          });
+        },
+        containerProps: { mb: 4, className },
+        ...props,
+        children
+      }
+    );
+  },
+  // Make the pre tag a no-op that just renders children
+  pre: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(react.Box, { children }),
+  p: (props) => /* @__PURE__ */ jsxRuntime.jsx(Text3, { color: "inherit", ...props }),
+  a: ({ style, ...rest }) => (
+    //  `children` should be inside ...rest
+    /* @__PURE__ */ jsxRuntime.jsx(Link, { target: "_blank", ...rest })
+  ),
+  ol: ({ style, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "ol",
+    {
+      style: { paddingInlineStart: "22px", color: "inherit", ...style },
+      ...rest
+    }
+  ),
+  ul: ({ style, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "ul",
+    {
+      style: { paddingInlineStart: "22px", color: "inherit", ...style },
+      ...rest
+    }
+  ),
+  img: ({ style, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx("img", { style: { maxWidth: "100%", ...style }, alt: "chat-image", ...rest }),
+  table: (props) => /* @__PURE__ */ jsxRuntime.jsx(TableContainer, { mt: 4, children: /* @__PURE__ */ jsxRuntime.jsx(Table, { ...props }) }),
+  thead: TheadWrapper,
+  tbody: TbodyWrapper,
+  tr: TrWrapper,
+  td: TdWrapper,
+  th: ThWrapper
+};
+var Markdown2 = ({
+  className,
+  components,
+  children,
+  ...rest
+}) => {
+  const allComponents = { ...baseMarkdownComponents, ...components };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: [Markdown_default.markdownStyles, className].join(" "), children: /* @__PURE__ */ jsxRuntime.jsx(
+    ReactMarkdown__default.default,
+    {
+      remarkPlugins: [
+        remarkGfm__default.default,
+        remarkFlexibleMarkers__default.default,
+        remarkBreaks__default.default,
+        remarkMath__default.default
+      ],
+      rehypePlugins: [rehypeRaw__default.default, rehypeKatex__default.default],
+      components: allComponents,
+      ...rest,
+      children: formatForMarkdown(children ?? "")
+    }
+  ) });
+};
+
+exports.Card = Card;
+exports.Code = Code;
+exports.ExpandingTr = ExpandingTr;
+exports.H1 = H1;
+exports.H2 = H2;
+exports.H3 = H3;
+exports.H4 = H4;
+exports.H5 = H5;
+exports.Icon = Icon;
+exports.IconButton = IconButton;
+exports.IconTypes = IconTypes;
+exports.InlineCode = InlineCode;
+exports.Markdown = Markdown2;
+exports.SegmentedControl = SegmentedControl;
+exports.Subtext = Subtext;
+exports.Subtitle = Subtitle;
+exports.Table = Table;
+exports.TableContainer = TableContainer;
+exports.Tbody = Tbody;
+exports.Td = Td;
+exports.Text = Text3;
+exports.Th = Th;
+exports.Thead = Thead;
+exports.Tooltip = Tooltip;
+exports.Tr = Tr;
+exports.__commonJS = __commonJS;
+exports.__require = __require;
+exports.__toESM = __toESM;
+exports.baseMarkdownComponents = baseMarkdownComponents;
+exports.theme_default = theme_default;
+exports.useTranslate = useTranslate;
+//# sourceMappingURL=chunk-5FHXD7KR.js.map
+//# sourceMappingURL=chunk-5FHXD7KR.js.map