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

package/dist/chunk-WSOHBA2C.mjs

@@ -0,0 +1,1693 @@
+import ReactMarkdown from 'react-markdown';
+import { extendTheme, Card as Card$1, useTheme, Heading, useToken, Link as Link$1, Text, chakra, IconButton as IconButton$1, Tooltip as Tooltip$1, TableContainer as TableContainer$1, Tbody as Tbody$1, Th as Th$1, Code as Code$1, Flex, Button, Box, Spinner, Td as Td$1, Tr as Tr$1, Collapse, Table as Table$1, Thead as Thead$1 } from '@chakra-ui/react';
+import rehypeKatex from 'rehype-katex';
+import rehypeRaw from 'rehype-raw';
+import remarkBreaks from 'remark-breaks';
+import remarkFlexibleMarkers from 'remark-flexible-markers';
+import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
+import 'katex/dist/katex.min.css';
+import { forwardRef, lazy, createContext, useCallback, useRef, useEffect, useContext, useState, Suspense, Children } from 'react';
+import { Prism } from 'react-syntax-highlighter';
+import { a11yDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { darken } from 'polished';
+import { BiExpandAlt, BiDetail } from 'react-icons/bi';
+import { BsTranslate } from 'react-icons/bs';
+import { CiFileOn } from 'react-icons/ci';
+import { FaUsers, FaUserPlus, FaUserCheck, FaUniversity, FaSortNumericUp, FaSortNumericDown, FaSortAlphaUp, FaSortAlphaDown, FaPlay, FaRegEyeSlash, FaRegEye, FaRegUserCircle, FaRegTrashAlt, FaRegQuestionCircle, FaPrint, FaMoneyBillWave, FaImage, FaGraduationCap, FaChartPie, FaBeer, FaArchive } from 'react-icons/fa';
+import { FaUserClock, FaRotateRight, FaRegCopy, FaPersonChalkboard, FaLock, FaCode, FaCheck } from 'react-icons/fa6';
+import { GiTwoCoins } from 'react-icons/gi';
+import { GoArrowDownRight, GoArrowUpRight } from 'react-icons/go';
+import { GrUserAdmin } from 'react-icons/gr';
+import { HiX, HiRefresh, HiLightningBolt } from 'react-icons/hi';
+import { IoMdSettings, IoIosShareAlt, IoIosMail, IoIosAddCircleOutline, IoIosCheckmarkCircle, IoIosAttach, IoIosArrowBack, IoMdThumbsDown, IoMdThumbsUp, IoMdSave, IoMdLink, IoIosList, IoIosArrowForward } from 'react-icons/io';
+import { IoWarning, IoSearch, IoWarningOutline, IoHome, IoFilter, IoEyeOffOutline, IoEyeOutline, IoDocumentTextSharp, IoCloseOutline, IoClose, IoCodeSlash, IoChevronForward, IoChevronDownOutline, IoChatbubbleEllipses, IoCall, IoAddOutline, IoAddCircleOutline } from 'react-icons/io5';
+import { LiaNewspaper } from 'react-icons/lia';
+import { LuUpload, LuSendHorizontal, LuReceipt, LuMenu, LuInfo, LuGraduationCap, LuBookOpenText, LuDownload, LuExternalLink } from 'react-icons/lu';
+import { MdThumbsUpDown, MdSpaceDashboard, MdPreview, MdOutlineSpaceDashboard, MdOutlinePersonPin, MdOutlineCalendarToday, MdLogout, MdFilterList, MdError, MdCardMembership, MdAnnouncement } from 'react-icons/md';
+import { PiGlobeX, PiGlobe, PiExam, PiChatSlashBold } from 'react-icons/pi';
+import { RxDotsHorizontal } from 'react-icons/rx';
+import { SlSettings } from 'react-icons/sl';
+import { TbWorldSearch, TbSum, TbMessageChatbotFilled, TbLockCog, TbLayoutNavbar, TbInfinity, TbAppWindowFilled } from 'react-icons/tb';
+
+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 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 = 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 = forwardRef(
+  ({ clickable, variant = "default", ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Card$1,
+      {
+        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__ */ jsx(
+    Code$1,
+    {
+      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] = useState(options[0].value);
+  const theme2 = 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__ */ jsxs(
+    Flex,
+    {
+      position: "relative",
+      borderRadius,
+      bg: "gray.50",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          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__ */ jsx(
+          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 = forwardRef((props, ref) => {
+  const theme2 = useTheme();
+  return /* @__PURE__ */ jsx(
+    Heading,
+    {
+      ref,
+      as: "h1",
+      fontSize: theme2.fontSizes.h1,
+      fontWeight: "bold",
+      ...props
+    }
+  );
+});
+H1.displayName = "H1";
+var H2 = forwardRef((props, ref) => {
+  const theme2 = useTheme();
+  return /* @__PURE__ */ jsx(
+    Heading,
+    {
+      ref,
+      as: "h2",
+      fontSize: theme2.fontSizes.h2,
+      fontWeight: "semibold",
+      ...props
+    }
+  );
+});
+H2.displayName = "H2";
+var H3 = forwardRef((props, ref) => {
+  const theme2 = useTheme();
+  return /* @__PURE__ */ jsx(
+    Heading,
+    {
+      ref,
+      as: "h3",
+      fontSize: theme2.fontSizes.h3,
+      fontWeight: "semibold",
+      ...props
+    }
+  );
+});
+H3.displayName = "H3";
+var H4 = forwardRef((props, ref) => {
+  const theme2 = useTheme();
+  return /* @__PURE__ */ jsx(
+    Heading,
+    {
+      ref,
+      as: "h4",
+      fontSize: theme2.fontSizes.h4,
+      fontWeight: "semibold",
+      ...props
+    }
+  );
+});
+H4.displayName = "H4";
+var H5 = forwardRef((props, ref) => {
+  const theme2 = useTheme();
+  return /* @__PURE__ */ jsx(
+    Heading,
+    {
+      ref,
+      as: "h5",
+      fontSize: theme2.fontSizes.h5,
+      fontWeight: "bold",
+      ...props
+    }
+  );
+});
+H5.displayName = "H5";
+var Link = forwardRef(
+  ({ color, variant, ...rest }, ref) => {
+    const theme2 = useTheme();
+    const defaultColor = theme2.semanticTokens.colors.primary.main;
+    const errorColor = theme2.semanticTokens.colors.danger.main;
+    const linkColor = useToken(
+      "colors",
+      variant === "error" ? errorColor : color || defaultColor
+    ) ?? color;
+    const getHoverColor = () => {
+      let hoverColor;
+      try {
+        hoverColor = darken(0.1, linkColor);
+      } catch (e) {
+        hoverColor = "inherit";
+      }
+      return hoverColor;
+    };
+    return /* @__PURE__ */ jsx(
+      Link$1,
+      {
+        ref,
+        fontWeight: "semibold",
+        color: linkColor,
+        _hover: {
+          color: getHoverColor()
+        },
+        ...rest
+      }
+    );
+  }
+);
+Link.displayName = "Link";
+var Subtext = forwardRef((props, ref) => {
+  const theme2 = useTheme();
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      ref,
+      fontSize: theme2.fontSizes.subtext,
+      fontWeight: "regular",
+      ...props
+    }
+  );
+});
+Subtext.displayName = "Subtext";
+var Subtitle = forwardRef((props, ref) => {
+  const theme2 = useTheme();
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      ref,
+      as: "h6",
+      fontSize: theme2.fontSizes.p,
+      fontWeight: "medium",
+      color: "gray.1000",
+      ...props
+    }
+  );
+});
+Subtitle.displayName = "Subtitle";
+var Text3 = forwardRef(
+  (props, ref) => {
+    const theme2 = useTheme();
+    return /* @__PURE__ */ jsx(
+      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,
+  BiExpandAlt,
+  BsTranslate,
+  CiFileOn,
+  FaArchive,
+  FaBeer,
+  FaChartPie,
+  FaCheck,
+  FaCode,
+  FaGraduationCap,
+  FaImage,
+  FaLock,
+  FaMoneyBillWave,
+  FaPersonChalkboard,
+  FaPrint,
+  FaRegQuestionCircle,
+  FaRegCopy,
+  FaRegTrashAlt,
+  FaRegUserCircle,
+  FaRegEye,
+  FaRegEyeSlash,
+  FaRotateRight,
+  FaPlay,
+  FaSortAlphaDown,
+  FaSortAlphaUp,
+  FaSortNumericDown,
+  FaSortNumericUp,
+  FaUniversity,
+  FaUserCheck,
+  FaUserClock,
+  FaUserPlus,
+  FaUsers,
+  GiTwoCoins,
+  GoArrowUpRight,
+  GoArrowDownRight,
+  IoIosArrowForward,
+  GrUserAdmin,
+  HiLightningBolt,
+  HiRefresh,
+  IoAddCircleOutline,
+  IoAddOutline,
+  IoCall,
+  IoChatbubbleEllipses,
+  IoChevronDownOutline,
+  IoChevronForward,
+  IoCodeSlash,
+  IoClose,
+  IoCloseOutline,
+  IoDocumentTextSharp,
+  IoIosList,
+  IoMdLink,
+  IoMdSave,
+  IoMdThumbsUp,
+  IoMdThumbsDown,
+  IoEyeOutline,
+  IoEyeOffOutline,
+  IoFilter,
+  IoHome,
+  IoIosArrowBack,
+  IoIosAttach,
+  IoIosCheckmarkCircle,
+  IoIosAddCircleOutline,
+  IoIosMail,
+  IoIosShareAlt,
+  IoMdSettings,
+  IoWarningOutline,
+  IoSearch,
+  IoWarning,
+  LuExternalLink,
+  LuDownload,
+  LiaNewspaper,
+  LuBookOpenText,
+  LuGraduationCap,
+  LuInfo,
+  LuMenu,
+  LuReceipt,
+  LuSendHorizontal,
+  LuUpload,
+  MdAnnouncement,
+  MdCardMembership,
+  MdError,
+  MdFilterList,
+  MdLogout,
+  MdOutlineCalendarToday,
+  MdOutlinePersonPin,
+  MdOutlineSpaceDashboard,
+  HiX,
+  MdPreview,
+  MdSpaceDashboard,
+  MdThumbsUpDown,
+  PiChatSlashBold,
+  PiExam,
+  PiGlobe,
+  PiGlobeX,
+  RxDotsHorizontal,
+  SlSettings,
+  TbAppWindowFilled,
+  TbInfinity,
+  TbLayoutNavbar,
+  TbLockCog,
+  TbMessageChatbotFilled,
+  TbSum,
+  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 = 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] = useToken("sizes", [
+      mappedBoxSize
+    ]);
+    const [resolvedColor] = useToken("colors", [color || ""]);
+    if (icon in REACT_ICONS_MAP) {
+      const IconComponent2 = chakra(REACT_ICONS_MAP[icon]);
+      return /* @__PURE__ */ 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 = chakra(IconComponent);
+    return /* @__PURE__ */ 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 = forwardRef(
+  ({ variant = "link", sx, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      IconButton$1,
+      {
+        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 = forwardRef(
+  ({ ...rest }, ref) => {
+    const theme2 = useTheme();
+    return /* @__PURE__ */ jsx(
+      Tooltip$1,
+      {
+        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] = useState(
+    translate("copy")
+  );
+  const [isTooltipOpen, setIsTooltipOpen] = 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__ */ jsx(Tooltip, { label: labelText, isOpen: isTooltipOpen, placement: "top", children: /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      "aria-label": "Copy code",
+      icon: /* @__PURE__ */ jsx(Icon, { icon: "FaRegCopy", boxSize: "sm" }),
+      onClick: handleClick,
+      p: 0,
+      ...rest
+    }
+  ) });
+};
+var Markdown = lazy(
+  () => import('./Markdown-RJJEQN4R.mjs').then((module) => ({ default: module.Markdown }))
+);
+var Code = ({
+  children,
+  language: languageProp,
+  onCopy,
+  style = a11yDark,
+  customStyle,
+  hideHeader = false,
+  containerProps,
+  ...rest
+}) => {
+  const language = languageProp === "js" ? "javascript" : languageProp;
+  const translate = useTranslate();
+  const [isMarkdownPreviewMode, setIsMarkdownPreviewMode] = 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__ */ jsxs(
+    Card,
+    {
+      p: 0,
+      borderRadius: "none",
+      ...containerProps,
+      className: ["ml-code", containerProps?.className].join(" "),
+      children: [
+        !hideHeader && language && /* @__PURE__ */ jsxs(
+          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__ */ jsx(Subtext, { fontWeight: "bold", color: "gray.1200", children: /* @__PURE__ */ jsx("pre", { children: language }) }),
+              /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "flex-end", gap: 2, children: [
+                language === "markdown" && /* @__PURE__ */ jsx(
+                  SegmentedControl,
+                  {
+                    size: "sm",
+                    options: [
+                      {
+                        label: translate("code_markdown_raw"),
+                        value: "raw"
+                      },
+                      {
+                        label: translate("code_markdown_preview"),
+                        value: "preview"
+                      }
+                    ],
+                    onSelect: handleMarkdownModeChange
+                  }
+                ),
+                onCopy && /* @__PURE__ */ jsx(CopyButton, { onClick: handleCopyClick })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { overflow: "hidden", children: /* @__PURE__ */ jsx(Box, { position: "relative", overflowY: "scroll", h: "fit-content", p: 0, children: isMarkdownPreviewMode ? /* @__PURE__ */ jsx(Box, { p: 2, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Spinner, {}), children: /* @__PURE__ */ jsx(
+          Markdown,
+          {
+            components: {
+              code: ({ className, ...rest2 }) => {
+                if (!className) {
+                  return /* @__PURE__ */ jsx(InlineCode, { ...rest2 });
+                }
+              }
+            },
+            children
+          }
+        ) }) }) : (
+          // @ts-expect-error - SyntaxHighlighter type issues with React 18
+          /* @__PURE__ */ jsx(
+            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 = createContext(null);
+var useTableContext = () => {
+  const context = useContext(TableContext);
+  if (!context) {
+    console.error("useTableContext must be used within a TableProvider");
+  }
+  return context;
+};
+var TableProvider = ({ children }) => {
+  const containerRef = useRef(null);
+  const [scrollState, setScrollState] = useState({
+    isScrollStart: true,
+    isScrollEnd: false,
+    isScrolling: false
+  });
+  const stickyColumnsRef = useRef({
+    leftColumnWidths: /* @__PURE__ */ new Map(),
+    rightColumnWidths: /* @__PURE__ */ new Map()
+  });
+  const updateScrollState = 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 = useCallback(
+    (node) => {
+      containerRef.current = node;
+      if (node) {
+        updateScrollState();
+      }
+    },
+    [updateScrollState]
+  );
+  const registerStickyColumn = useCallback(
+    (direction, index, width) => {
+      if (direction === "left") {
+        stickyColumnsRef.current.leftColumnWidths.set(index, width);
+      } else {
+        stickyColumnsRef.current.rightColumnWidths.set(index, width);
+      }
+    },
+    []
+  );
+  const getStickyOffset = 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 = 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;
+    },
+    []
+  );
+  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__ */ 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 = useRef(null);
+  const tableContext = useTableContext();
+  const grayColor = useToken("colors", "gray.300");
+  const paddingToken = useToken("space", "3");
+  const fontSizeToken = useToken("fontSizes", "p");
+  const spacingToken = useToken("space", "4");
+  if (!tableContext) {
+    const htmlProps = {
+      className,
+      onClick,
+      onMouseEnter,
+      onMouseLeave
+      // Add other standard HTML props as needed
+    };
+    return /* @__PURE__ */ 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;
+  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__ */ jsx(
+    Td$1,
+    {
+      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__ */ jsx(Tr$1, { h: 12, ...rest });
+};
+var ExpandingTr = ({
+  children,
+  expandedContent,
+  isExpanded,
+  onExpandChange,
+  expandedRowProps,
+  ...rest
+}) => {
+  const childrenArray = Children.toArray(children);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tr, { ...rest, children }),
+    /* @__PURE__ */ jsx(Tr, { h: isExpanded ? void 0 : 0, ...expandedRowProps, children: /* @__PURE__ */ jsx(Td, { colSpan: childrenArray.length, p: 0, children: /* @__PURE__ */ jsx(Collapse, { in: isExpanded, children: expandedContent }) }) })
+  ] });
+};
+var Table = ({ ...rest }) => {
+  return /* @__PURE__ */ jsx(Table$1, { ...rest });
+};
+var TableContainerInner = forwardRef(
+  ({ children, ...rest }, ref) => {
+    const { setContainerRef } = useTableContext();
+    const handleRef = useCallback(
+      (node) => {
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+        setContainerRef(node);
+      },
+      [ref, setContainerRef]
+    );
+    return /* @__PURE__ */ jsx(
+      TableContainer$1,
+      {
+        border: "1px solid",
+        borderRadius: "md",
+        borderColor: "gray.300",
+        ref: handleRef,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+TableContainerInner.displayName = "TableContainerInner";
+var TableContainer = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(TableProvider, { children: /* @__PURE__ */ jsx(TableContainerInner, { ...props, ref }) });
+  }
+);
+TableContainer.displayName = "TableContainer";
+var Tbody = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(Tbody$1, { ref, color: "gray.1500", fontWeight: "medium", ...props });
+  }
+);
+Tbody.displayName = "Tbody";
+var Th = forwardRef(
+  ({
+    isSticky = false,
+    stickyDirection = "left",
+    stickyIndex = 0,
+    style,
+    className,
+    children,
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    ...rest
+  }, forwardedRef) => {
+    const tableContext = useTableContext();
+    const measureNodeRef = useRef(null);
+    const fontSizeToken = useToken("fontSizes", "subtitle");
+    const spacingToken = useToken("space", "4");
+    if (!tableContext) {
+      const htmlProps = {
+        className,
+        onClick,
+        onMouseEnter,
+        onMouseLeave
+        // Add other standard HTML props as needed
+      };
+      const setRefsForRegularTh = useCallback(
+        (node) => {
+          measureNodeRef.current = node;
+          if (typeof forwardedRef === "function") {
+            forwardedRef(node);
+          } else if (forwardedRef) {
+            forwardedRef.current = node;
+          }
+        },
+        [forwardedRef]
+      );
+      return /* @__PURE__ */ 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;
+    useEffect(() => {
+      if (isSticky && measureNodeRef.current) {
+        const width = measureNodeRef.current.getBoundingClientRect().width;
+        registerStickyColumn(stickyDirection, stickyIndex, width);
+      }
+    }, [isSticky, registerStickyColumn, stickyDirection, stickyIndex]);
+    const setRefs = 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__ */ jsx(
+      Th$1,
+      {
+        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__ */ jsx(Thead$1, { color: "gray.800", fontWeight: "medium", ...rest });
+};
+
+// src/components/Markdown/Markdown.module.css
+var Markdown_default = {};
+var H1Wrapper = (props) => /* @__PURE__ */ jsx(H1, { ...props });
+var H2Wrapper = (props) => /* @__PURE__ */ jsx(H2, { ...props });
+var H3Wrapper = (props) => /* @__PURE__ */ jsx(H3, { ...props });
+var H4Wrapper = (props) => /* @__PURE__ */ jsx(H4, { ...props });
+var H5Wrapper = (props) => /* @__PURE__ */ jsx(H5, { ...props });
+var SubtitleWrapper = (props) => /* @__PURE__ */ jsx(Subtitle, { ...props });
+var TheadWrapper = (props) => /* @__PURE__ */ jsx(Thead, { ...props });
+var TbodyWrapper = (props) => /* @__PURE__ */ jsx(Tbody, { ...props });
+var TrWrapper = (props) => /* @__PURE__ */ jsx(Tr, { ...props });
+var TdWrapper = (props) => /* @__PURE__ */ jsx(Td, { ...props });
+var ThWrapper = (props) => /* @__PURE__ */ 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__ */ jsx(InlineCode, { ...props, children });
+    }
+    const language = className.match(/language-(.*)/)?.[1];
+    return /* @__PURE__ */ 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__ */ jsx(Box, { children }),
+  p: (props) => /* @__PURE__ */ jsx(Text3, { color: "inherit", ...props }),
+  a: ({ style, ...rest }) => (
+    //  `children` should be inside ...rest
+    /* @__PURE__ */ jsx(Link, { target: "_blank", ...rest })
+  ),
+  ol: ({ style, ...rest }) => /* @__PURE__ */ jsx(
+    "ol",
+    {
+      style: { paddingInlineStart: "22px", color: "inherit", ...style },
+      ...rest
+    }
+  ),
+  ul: ({ style, ...rest }) => /* @__PURE__ */ jsx(
+    "ul",
+    {
+      style: { paddingInlineStart: "22px", color: "inherit", ...style },
+      ...rest
+    }
+  ),
+  img: ({ style, ...rest }) => /* @__PURE__ */ jsx("img", { style: { maxWidth: "100%", ...style }, alt: "chat-image", ...rest }),
+  table: (props) => /* @__PURE__ */ jsx(TableContainer, { mt: 4, children: /* @__PURE__ */ 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__ */ jsx("div", { className: [Markdown_default.markdownStyles, className].join(" "), children: /* @__PURE__ */ jsx(
+    ReactMarkdown,
+    {
+      remarkPlugins: [
+        remarkGfm,
+        remarkFlexibleMarkers,
+        remarkBreaks,
+        remarkMath
+      ],
+      rehypePlugins: [rehypeRaw, rehypeKatex],
+      components: allComponents,
+      ...rest,
+      children: formatForMarkdown(children ?? "")
+    }
+  ) });
+};
+
+export { Card, Code, ExpandingTr, H1, H2, H3, H4, H5, Icon, IconButton, IconTypes, InlineCode, Markdown2 as Markdown, SegmentedControl, Subtext, Subtitle, Table, TableContainer, Tbody, Td, Text3 as Text, Th, Thead, Tooltip, Tr, __commonJS, __require, __toESM, baseMarkdownComponents, theme_default, useTranslate };
+//# sourceMappingURL=chunk-WSOHBA2C.mjs.map
+//# sourceMappingURL=chunk-WSOHBA2C.mjs.map