@ixo/ui 0.1.9 → 0.1.11

package/dist/{components-BDiiWelU.cjs → components-JdTP8bty.cjs}

@@ -846,8 +846,8 @@ function AccordionTable({
     }
   );
 }
-const Header$3 = react$1.lazy(() => Promise.resolve().then(() => require("./index-D771i3jp.cjs")));
-const Footer = react$1.lazy(() => Promise.resolve().then(() => require("./index-ImM8dR3W.cjs")));
+const Header$3 = react$1.lazy(() => Promise.resolve().then(() => require("./index-CnwnwLBL.cjs")));
+const Footer = react$1.lazy(() => Promise.resolve().then(() => require("./index-DIkd4nvp.cjs")));
 function ActionCard({ header, content, footer, useHoverMode = false }) {
   const hasContent = !!content || !!footer;
   const initialVisibility = footer?.startHidden !== true;
@@ -931,7 +931,7 @@ function Loader({ size, color = "primary" }) {
 }
 const CARD_WIDTH$1 = 350;
 const CARD_HEADER_HEIGHT = 158;
-const Header$2 = react$1.lazy(() => Promise.resolve().then(() => require("./index-qHCPELWv.cjs")));
+const Header$2 = react$1.lazy(() => Promise.resolve().then(() => require("./index-CgGNRXUP.cjs")));
 function Card({ children, className, contentClassName, roundedBottom, noPadding = false, fullWidth = false, header, wrapperSx, onClick }) {
   const wrapperRef = react$1.useRef(null);
   const handleOnClick = react$1.useCallback(
@@ -1366,7 +1366,7 @@ function ModalSheet({ isOpen, children, hideHandler, zIndex, onRequestHide, onRe
     document.body
   );
 }
-const Badge = react$1.lazy(() => Promise.resolve().then(() => require("./index-D1bGiH9L.cjs")));
+const Badge = react$1.lazy(() => Promise.resolve().then(() => require("./index-Br0Chnx7.cjs")));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = react$1.useRef(null);
   const wrapperContentAreaRef = react$1.useRef(null);
@@ -2346,37 +2346,7 @@ function NavigationItemSkeleton() {
     }
   );
 }
-function cutText(text, length, ending = "…") {
-  if (!length || text.length <= length) {
-    return text;
-  }
-  const words = text.split(" ");
-  const endingSize = ending.length;
-  let result = "";
-  for (const word of words) {
-    const newValue = result + word + " ";
-    if (newValue.length + endingSize - 1 > length) {
-      break;
-    }
-    result = newValue;
-  }
-  return result.trim() + ending;
-}
-function shortStr(str, threshold = 30, saveSymbolsAtTheEnd = 10, insert = "...") {
-  if (!str) return str;
-  const len = str.length;
-  if (len <= threshold) return str;
-  const ending = saveSymbolsAtTheEnd ? str.slice(-1 * saveSymbolsAtTheEnd) : "";
-  const beginning = str.substring(0, threshold - saveSymbolsAtTheEnd - insert.length);
-  return `${beginning}${insert}${ending}`;
-}
-function carbonToUSD(carbon) {
-  return (carbon * 0.03).toLocaleString(void 0, {
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 6
-  });
-}
-function RoomItem({ room }) {
+function RoomItem({ room, navbarWidth }) {
   const { hovered, ref } = hooks.useHover();
   const renderIcon = () => {
     if (!room.icon) return null;
@@ -2389,8 +2359,7 @@ function RoomItem({ room }) {
       return room.icon;
     }
   };
-  const displayName = shortStr(room.name, 19, 0) || room.name;
-  const shouldShowTooltip = room.name.length > 19;
+  const textMaxWidth = navbarWidth - 190;
   const content = /* @__PURE__ */ jsxRuntime.jsxs(
     Flex,
     {
@@ -2410,7 +2379,7 @@ function RoomItem({ room }) {
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Flex, { align: "center", gap: 8, children: [
           renderIcon(),
-          /* @__PURE__ */ jsxRuntime.jsx(core.Text, { c: room.isActive ? "neutralColor.8" : "neutralColor.7", fz: 14, children: displayName })
+          /* @__PURE__ */ jsxRuntime.jsx(core.Text, { c: room.isActive ? "neutralColor.8" : "neutralColor.7", fz: 14, truncate: true, style: { maxWidth: textMaxWidth }, children: room.name })
         ] }),
         hovered && /* @__PURE__ */ jsxRuntime.jsxs(Flex, { align: "center", gap: 4, children: [
           room.onActionClick && /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: room.onActionClick.label, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2429,9 +2398,9 @@ function RoomItem({ room }) {
       ]
     }
   );
-  return shouldShowTooltip ? /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: room.name, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: content }) }) : content;
+  return content;
 }
-function RoomCategory({ name, rooms, actions, primaryActions }) {
+function RoomCategory({ name, rooms, actions, primaryActions, navbarWidth }) {
   const { hovered, ref } = hooks.useHover();
   const { value, toggle } = useToggle(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { gap: 2, children: [
@@ -2497,14 +2466,19 @@ function RoomCategory({ name, rooms, actions, primaryActions }) {
         ]
       }
     ),
-    !value && /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 5, children: rooms?.map((room) => /* @__PURE__ */ jsxRuntime.jsx(RoomItem, { room }, room.id)) })
+    !value && /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 5, children: rooms?.map((room) => /* @__PURE__ */ jsxRuntime.jsx(RoomItem, { room, navbarWidth }, room.id)) })
   ] });
 }
 function hasActiveDescendant(children) {
   if (!children || children.length === 0) return false;
   return children.some((child) => child.isActive === true || hasActiveDescendant(child.children));
 }
-function MenuItem({ item, onMenuItemClick, depth = 0 }) {
+function MenuItem({
+  item,
+  onMenuItemClick,
+  depth = 0,
+  navbarWidth
+}) {
   const { hovered, ref } = hooks.useHover();
   const hasChildren = item.children && item.children.length > 0;
   const hasActiveChild = react$1.useMemo(() => hasActiveDescendant(item.children), [item.children]);
@@ -2584,7 +2558,7 @@ function MenuItem({ item, onMenuItemClick, depth = 0 }) {
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(Flex, { align: "center", gap: 8, children: [
             renderIcon(),
-            /* @__PURE__ */ jsxRuntime.jsx(core.Text, { fz: 14, fw: 500, c: item.isActive ? "neutralColor.8" : "neutralColor.7", style: { flex: 1 }, children: item.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(core.Text, { fz: 14, fw: 500, c: item.isActive ? "neutralColor.8" : "neutralColor.7", truncate: true, style: { maxWidth: navbarWidth - 160 - depth * 16 }, children: item.name }),
             item.badgeCount ? /* @__PURE__ */ jsxRuntime.jsx(core.Badge, { size: "xs", variant: "filled", ml: 4, style: { minWidth: "16px", height: "15px", padding: "0 4px", fontSize: "8px" }, children: item.badgeCount }) : null
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(Flex, { children: item?.actions && item.actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -2604,7 +2578,7 @@ function MenuItem({ item, onMenuItemClick, depth = 0 }) {
         ]
       }
     ),
-    hasChildren && isExpanded && /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 1, children: item.children?.map((childItem) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { item: childItem, onMenuItemClick, depth: depth + 1 }, childItem.id)) })
+    hasChildren && isExpanded && /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 1, children: item.children?.map((childItem) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { item: childItem, onMenuItemClick, depth: depth + 1, navbarWidth }, childItem.id)) })
   ] });
 }
 function SelectedIndicator() {
@@ -2721,7 +2695,6 @@ function AppShellNavigation({
     },
     [onSplitRatioChange]
   );
-  const isTitleOverflowing = (pageItem?.pageTitle?.length || 0) > 21;
   const handleSplitMouseUp = react$1.useCallback(() => {
     setIsSplitResizing(false);
     isSplitResizingRef.current = false;
@@ -2751,8 +2724,9 @@ function AppShellNavigation({
     };
   }, [isSplitResizing, handleSplitMouseMove, handleSplitMouseUp]);
   const [navbarWidthAiOpen, setNavbarWidthAiOpen] = useEventSubscribe.useLocalStorage("navbar-width-ai-open", 450);
-  const [navbarWidthAiClosed, setNavbarWidthAiClosed] = useEventSubscribe.useLocalStorage("navbar-width-ai-closed", 300);
+  const [navbarWidthAiClosed, setNavbarWidthAiClosed] = useEventSubscribe.useLocalStorage("navbar-width-ai-closed", 330);
   const navbarWidth = isAiOpened ? navbarWidthAiOpen : navbarWidthAiClosed;
+  const titleMaxWidth = navbarWidth - 120;
   const [isNavbarResizing, setIsNavbarResizing] = react$1.useState(false);
   const isNavbarResizingRef = react$1.useRef(false);
   function clearNavbarListeners() {
@@ -2907,7 +2881,7 @@ function AppShellNavigation({
             isAiOpened && !isMobile && aiNavbarContent,
             !isAiOpened && /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { w: "100%", style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
               /* @__PURE__ */ jsxRuntime.jsx(core.AppShell.Section, { px: 12, pt: 16, children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { mb: 24, style: { width: "100%" }, justify: "space-between", align: "center", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Flex, { align: "center", gap: "10px", children: /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: pageItem.pageTitle || "Unknown", disabled: !isTitleOverflowing, position: "bottom", withArrow: true, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { lh: 1, c: "neutralColor.8", children: isTitleOverflowing ? shortStr(pageItem.pageTitle, 21, 0) : pageItem.pageTitle || "Unknown" }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(Flex, { align: "center", gap: "10px", children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { lh: 1, c: "neutralColor.8", truncate: true, style: { maxWidth: titleMaxWidth }, children: pageItem.pageTitle || "Unknown" }) }),
                 isAiBtnVisible && !isAiOpened && !isMobile && /* @__PURE__ */ jsxRuntime.jsx(
                   core.Center,
                   {
@@ -2931,12 +2905,12 @@ function AppShellNavigation({
                   if (index !== 0 && index === separator) {
                     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                       /* @__PURE__ */ jsxRuntime.jsx(core.Space, { h: 16 }),
-                      /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onMenuItemClick, item }, item.id)
+                      /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onMenuItemClick, item, navbarWidth }, item.id)
                     ] });
                   }
-                  return /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onMenuItemClick, item }, item.id);
+                  return /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onMenuItemClick, item, navbarWidth }, item.id);
                 }),
-                roomCategories && roomCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 8, mt: 16, children: roomCategories.map(({ id, name, actions, rooms, primaryActions: onAddClick }) => /* @__PURE__ */ jsxRuntime.jsx(RoomCategory, { id, name, actions, rooms, primaryActions: onAddClick }, id)) })
+                roomCategories && roomCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 8, mt: 16, children: roomCategories.map(({ id, name, actions, rooms, primaryActions: onAddClick }) => /* @__PURE__ */ jsxRuntime.jsx(RoomCategory, { id, name, actions, rooms, primaryActions: onAddClick, navbarWidth }, id)) })
               ] }) }),
               footerContent && /* @__PURE__ */ jsxRuntime.jsx(core.AppShell.Section, { px: 12, py: 10, children: /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 5, children: footerContent }) })
             ] })
@@ -3490,137 +3464,207 @@ function OracleMessage({ oracleName, message }) {
       /* @__PURE__ */ jsxRuntime.jsx(core.Text, { fz: 12, c: "accent.5", children: oracleName || "Oracle" }),
       /* @__PURE__ */ jsxRuntime.jsx(core.Badge, { tt: "capitalize", c: "accent.5", size: "md", bg: "accent.0", children: "Oracle" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(core.Box, { mt: 12, mb: 4, sx: { borderRadius: 16 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Markdown,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.Box,
       {
-        remarkPlugins: [remarkGfm],
-        components: {
-          a: ({ children, href }) => /* @__PURE__ */ jsxRuntime.jsx("a", { href, style: { color: "var(--mantine-color-accent-5)", textDecoration: "underline" }, children }),
-          ul: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-            "ul",
-            {
-              ...props,
-              style: {
-                margin: "12px 0",
-                paddingLeft: 20,
-                listStyleType: "none"
-              },
-              children
-            }
-          ),
-          ol: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-            "ol",
-            {
-              ...props,
-              style: {
-                margin: "12px 0",
-                paddingLeft: 20,
-                listStyleType: "decimal"
-              },
-              children
-            }
-          ),
-          li: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-            "li",
-            {
-              ...props,
-              style: {
-                marginBottom: 8,
-                lineHeight: 1.6,
-                paddingLeft: 4
-              },
-              children
-            }
-          ),
-          h3: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-            "h3",
-            {
-              ...props,
-              style: {
-                marginTop: 16,
-                marginBottom: 12,
-                fontSize: "1.1em",
-                fontWeight: 600,
-                color: "var(--mantine-color-neutralColor-6)"
-              },
-              children
-            }
-          ),
-          h4: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-            "h4",
-            {
-              ...props,
-              style: {
-                marginTop: 12,
-                marginBottom: 8,
-                fontSize: "1em",
-                fontWeight: 500,
-                color: "var(--mantine-color-neutralColor-6)"
-              },
-              children
-            }
-          ),
-          p: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              ...props,
-              style: {
-                margin: "8px 0",
-                lineHeight: 1.6,
-                color: "var(--mantine-color-neutralColor-8)"
-              },
-              children
-            }
-          ),
-          table: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflowX: "auto", margin: "16px 0" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-            "table",
-            {
-              ...props,
-              style: {
-                width: "100%",
-                borderCollapse: "collapse",
-                borderSpacing: 0
-              },
-              children
-            }
-          ) }),
-          thead: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ...props, children }),
-          tbody: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ...props, children }),
-          tr: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props, children }),
-          th: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-            "th",
-            {
-              ...props,
-              style: {
-                border: "1px solid var(--mantine-color-neutralColor-7)",
-                padding: "8px 12px",
-                fontWeight: 600,
-                textAlign: "left",
-                backgroundColor: "var(--mantine-color-neutralColor-5)"
-              },
-              children
-            }
-          ),
-          td: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-            "td",
-            {
-              ...props,
-              style: {
-                border: "1px solid var(--mantine-color-neutralColor-7)",
-                padding: "8px 12px",
-                textAlign: "left"
-              },
-              children
-            }
-          )
+        mt: 12,
+        mb: 4,
+        sx: {
+          borderRadius: 16,
+          maxWidth: "100%",
+          minWidth: 0
         },
-        children: message
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Markdown,
+          {
+            remarkPlugins: [remarkGfm],
+            components: {
+              a: ({ children, href }) => /* @__PURE__ */ jsxRuntime.jsx("a", { href, style: { color: "var(--mantine-color-accent-5)", textDecoration: "underline" }, children }),
+              ul: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+                "ul",
+                {
+                  ...props,
+                  style: {
+                    margin: "12px 0",
+                    paddingLeft: 20,
+                    listStyleType: "none"
+                  },
+                  children
+                }
+              ),
+              ol: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+                "ol",
+                {
+                  ...props,
+                  style: {
+                    margin: "12px 0",
+                    paddingLeft: 20,
+                    listStyleType: "decimal"
+                  },
+                  children
+                }
+              ),
+              li: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+                "li",
+                {
+                  ...props,
+                  style: {
+                    marginBottom: 8,
+                    lineHeight: 1.6,
+                    paddingLeft: 4,
+                    overflowWrap: "anywhere",
+                    wordBreak: "break-word"
+                  },
+                  children
+                }
+              ),
+              h3: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+                "h3",
+                {
+                  ...props,
+                  style: {
+                    marginTop: 16,
+                    marginBottom: 12,
+                    fontSize: "1.1em",
+                    fontWeight: 600,
+                    color: "var(--mantine-color-neutralColor-6)"
+                  },
+                  children
+                }
+              ),
+              h4: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+                "h4",
+                {
+                  ...props,
+                  style: {
+                    marginTop: 12,
+                    marginBottom: 8,
+                    fontSize: "1em",
+                    fontWeight: 500,
+                    color: "var(--mantine-color-neutralColor-6)"
+                  },
+                  children
+                }
+              ),
+              blockquote: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+                "blockquote",
+                {
+                  ...props,
+                  style: {
+                    margin: "12px 0",
+                    padding: "8px 12px",
+                    borderLeft: "3px solid var(--mantine-color-neutralColor-6)",
+                    backgroundColor: "var(--mantine-color-neutralColor-4)",
+                    borderRadius: 8,
+                    color: "var(--mantine-color-neutralColor-8)",
+                    overflowWrap: "anywhere",
+                    wordBreak: "break-word",
+                    maxWidth: "100%"
+                  },
+                  children
+                }
+              ),
+              pre: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+                "pre",
+                {
+                  ...props,
+                  style: {
+                    margin: "12px 0",
+                    padding: "12px",
+                    backgroundColor: "var(--mantine-color-neutralColor-5)",
+                    borderRadius: 8,
+                    fontSize: 12,
+                    maxWidth: "100%",
+                    overflowX: "auto"
+                  },
+                  children
+                }
+              ),
+              code: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+                "code",
+                {
+                  ...props,
+                  style: {
+                    fontFamily: "monospace",
+                    fontSize: 12,
+                    backgroundColor: "var(--mantine-color-neutralColor-4)",
+                    padding: "2px 4px",
+                    borderRadius: 4,
+                    overflowWrap: "anywhere",
+                    wordBreak: "break-word",
+                    whiteSpace: "pre-wrap",
+                    maxWidth: "100%"
+                  },
+                  children
+                }
+              ),
+              p: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  ...props,
+                  style: {
+                    margin: "8px 0",
+                    lineHeight: 1.6,
+                    color: "var(--mantine-color-neutralColor-8)",
+                    overflowWrap: "anywhere",
+                    wordBreak: "break-word"
+                  },
+                  children
+                }
+              ),
+              table: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflowX: "auto", margin: "16px 0" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                "table",
+                {
+                  ...props,
+                  style: {
+                    width: "100%",
+                    borderCollapse: "collapse",
+                    borderSpacing: 0
+                  },
+                  children
+                }
+              ) }),
+              thead: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ...props, children }),
+              tbody: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ...props, children }),
+              tr: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props, children }),
+              th: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+                "th",
+                {
+                  ...props,
+                  style: {
+                    border: "1px solid var(--mantine-color-neutralColor-7)",
+                    padding: "8px 12px",
+                    fontWeight: 600,
+                    textAlign: "left",
+                    backgroundColor: "var(--mantine-color-neutralColor-5)"
+                  },
+                  children
+                }
+              ),
+              td: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+                "td",
+                {
+                  ...props,
+                  style: {
+                    border: "1px solid var(--mantine-color-neutralColor-7)",
+                    padding: "8px 12px",
+                    textAlign: "left",
+                    overflowWrap: "anywhere",
+                    wordBreak: "break-word"
+                  },
+                  children
+                }
+              )
+            },
+            children: message
+          }
+        )
       }
-    ) })
+    )
   ] });
 }
 function UserMessage({ message, sender }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { w: "fit-content", bg: "neutralColor.6", sx: { borderRadius: 16 }, py: 12, px: 16, mb: 32, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { w: "100%", bg: "neutralColor.6", sx: { borderRadius: 16 }, py: 12, px: 16, mb: 32, children: [
     /* @__PURE__ */ jsxRuntime.jsx(core.Text, { c: "neutralColor.8", fz: 12, children: sender }),
     /* @__PURE__ */ jsxRuntime.jsx(core.Text, { c: "neutralColor.8", mt: 10, sx: { wordBreak: "break-all" }, children: message }, message)
   ] });
@@ -6072,13 +6116,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = react$1.lazy(() => Promise.resolve().then(() => require("./index-LERt98FZ.cjs")));
-const Header$1 = react$1.lazy(() => Promise.resolve().then(() => require("./index-CO6Ygcv-.cjs")));
-const Content = react$1.lazy(() => Promise.resolve().then(() => require("./index-DWUKXIMe.cjs")));
+const MainAction = react$1.lazy(() => Promise.resolve().then(() => require("./index-BZuf5Uwh.cjs")));
+const Header$1 = react$1.lazy(() => Promise.resolve().then(() => require("./index-aYeZagBJ.cjs")));
+const Content = react$1.lazy(() => Promise.resolve().then(() => require("./index-BWT97hNk.cjs")));
 const Map = react$1.lazy(() => Promise.resolve().then(() => require("./index-D4PsPquZ.cjs")));
 const CustomContent = react$1.lazy(() => Promise.resolve().then(() => require("./index-ByrCNpS2.cjs")));
-const Assets = react$1.lazy(() => Promise.resolve().then(() => require("./index-CTZnqmGU.cjs")));
-const Actions = react$1.lazy(() => Promise.resolve().then(() => require("./index-BzEXuxSc.cjs")));
+const Assets = react$1.lazy(() => Promise.resolve().then(() => require("./index-DIoNw9Is.cjs")));
+const Actions = react$1.lazy(() => Promise.resolve().then(() => require("./index-BnDHepRw.cjs")));
 const HOVER_BORDER_WIDTH = 1;
 function SodaCardCmp({ numSelected = 0, expanded = true, mainAction, header, content, map, customContent, customFooter, actions, assets, onClick }, ref) {
   const wrapperRef = react$1.useRef(null);
@@ -6415,6 +6459,28 @@ function AssetInfo({
     }
   );
 }
+function cutText(text, length, ending = "…") {
+  if (!length || text.length <= length) {
+    return text;
+  }
+  const words = text.split(" ");
+  const endingSize = ending.length;
+  let result = "";
+  for (const word of words) {
+    const newValue = result + word + " ";
+    if (newValue.length + endingSize - 1 > length) {
+      break;
+    }
+    result = newValue;
+  }
+  return result.trim() + ending;
+}
+function carbonToUSD(carbon) {
+  return (carbon * 0.03).toLocaleString(void 0, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 6
+  });
+}
 const SHARED_ASSET_PROPS = {
   leftTitleColor: "text",
   rightTitleColor: "text",
@@ -11353,4 +11419,4 @@ exports.UserMessage = UserMessage;
 exports.WorkspaceModal = WorkspaceModal;
 exports.cutText = cutText;
 exports.isValidClick = isValidClick;
-//# sourceMappingURL=components-BDiiWelU.cjs.map
+//# sourceMappingURL=components-JdTP8bty.cjs.map