@ixo/ui 0.1.1 → 0.1.2

package/dist/.vite/manifest.json

@@ -29,8 +29,8 @@
       "_useUITheme-7i8NJ2FG.js"
     ]
   },
-  "_components-Du4fpG-7.js": {
-    "file": "components-Du4fpG-7.js",
+  "_components-DU5waziW.js": {
+    "file": "components-DU5waziW.js",
     "name": "components",
     "imports": [
       "_UsersSolid-CU7U_J3x.js",
@@ -55,8 +55,8 @@
       "src/components/SodaCard/components/Actions/index.tsx"
     ]
   },
-  "_components-kyZV4xKe.cjs": {
-    "file": "components-kyZV4xKe.cjs",
+  "_components-DmNQnT1T.cjs": {
+    "file": "components-DmNQnT1T.cjs",
     "name": "components",
     "imports": [
       "_UsersSolid-C29C53eo.cjs",
@@ -103,18 +103,18 @@
       "_constants-B7xlU8b8.js"
     ]
   },
-  "_index-BDqwxBhm.js": {
-    "file": "index-BDqwxBhm.js",
+  "_index-DgnK5qdX.cjs": {
+    "file": "index-DgnK5qdX.cjs",
     "name": "index",
     "imports": [
-      "_components-Du4fpG-7.js"
+      "_components-DmNQnT1T.cjs"
     ]
   },
-  "_index-xgtAVpBr.cjs": {
-    "file": "index-xgtAVpBr.cjs",
+  "_index-zJl481wB.js": {
+    "file": "index-zJl481wB.js",
     "name": "index",
     "imports": [
-      "_components-kyZV4xKe.cjs"
+      "_components-DU5waziW.js"
     ]
   },
   "_themes-BwGjuKnC.cjs": {
@@ -158,41 +158,41 @@
     "name": "utils"
   },
   "src/components/ActionCard/components/Footer/index.tsx": {
-    "file": "index-kAjxkAWZ.cjs",
+    "file": "index-DCwo8wx3.cjs",
     "name": "index",
     "src": "src/components/ActionCard/components/Footer/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_index-xgtAVpBr.cjs",
-      "_components-kyZV4xKe.cjs"
+      "_index-DgnK5qdX.cjs",
+      "_components-DmNQnT1T.cjs"
     ]
   },
   "src/components/ActionCard/components/Header/index.tsx": {
-    "file": "index-CdvEC2KX.cjs",
+    "file": "index-XY4B3I-N.cjs",
     "name": "index",
     "src": "src/components/ActionCard/components/Header/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-kyZV4xKe.cjs",
+      "_components-DmNQnT1T.cjs",
       "_UsersSolid-C29C53eo.cjs"
     ]
   },
   "src/components/ActionSheet/components/Badge/index.tsx": {
-    "file": "index-BqhR9ZZk.cjs",
+    "file": "index-C7R4oqBT.cjs",
     "name": "index",
     "src": "src/components/ActionSheet/components/Badge/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-kyZV4xKe.cjs"
+      "_components-DmNQnT1T.cjs"
     ]
   },
   "src/components/Card/components/Header/index.tsx": {
-    "file": "index-CghhpKGt.cjs",
+    "file": "index-BrKy3nSz.cjs",
     "name": "index",
     "src": "src/components/Card/components/Header/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-kyZV4xKe.cjs"
+      "_components-DmNQnT1T.cjs"
     ]
   },
   "src/components/Chart/components/LazyChart/index.tsx": {
@@ -202,31 +202,31 @@
     "isDynamicEntry": true
   },
   "src/components/SodaCard/components/Actions/index.tsx": {
-    "file": "index-BUqAh_QT.cjs",
+    "file": "index-BmvOflos.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/Actions/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_index-xgtAVpBr.cjs",
-      "_components-kyZV4xKe.cjs"
+      "_index-DgnK5qdX.cjs",
+      "_components-DmNQnT1T.cjs"
     ]
   },
   "src/components/SodaCard/components/Assets/index.tsx": {
-    "file": "index-ovSIwiD8.cjs",
+    "file": "index-BZeVHJgv.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/Assets/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-kyZV4xKe.cjs"
+      "_components-DmNQnT1T.cjs"
     ]
   },
   "src/components/SodaCard/components/Content/index.tsx": {
-    "file": "index-DEb3PU0a.cjs",
+    "file": "index-DVUI2LeU.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/Content/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-kyZV4xKe.cjs",
+      "_components-DmNQnT1T.cjs",
       "_utils-BmyeZmSR.cjs"
     ]
   },
@@ -237,22 +237,22 @@
     "isDynamicEntry": true
   },
   "src/components/SodaCard/components/Header/index.tsx": {
-    "file": "index-W8LiSKfV.cjs",
+    "file": "index-1Tkzfew0.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/Header/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-kyZV4xKe.cjs",
+      "_components-DmNQnT1T.cjs",
       "_constants-DFJRYpE2.cjs"
     ]
   },
   "src/components/SodaCard/components/MainAction/index.tsx": {
-    "file": "index-wbesxk1o.cjs",
+    "file": "index-CxphVeLF.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/MainAction/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-kyZV4xKe.cjs"
+      "_components-DmNQnT1T.cjs"
     ]
   },
   "src/components/SodaCard/components/Map/index.tsx": {
@@ -272,7 +272,7 @@
     "src": "src/export/components.ts",
     "isEntry": true,
     "imports": [
-      "_components-kyZV4xKe.cjs"
+      "_components-DmNQnT1T.cjs"
     ]
   },
   "src/export/hooks.ts": {

package/dist/components/AIChatToolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AIChatToolbar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,UAAqB,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,KAAK,oDAwE9K"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AIChatToolbar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,UAAqB,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,KAAK,oDA2E9K"}

package/dist/components/AppShellNavigation/components/MobileBurger.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+type Props = {
+    onClick: () => void;
+    isOpened: boolean;
+    avatarIcon?: {
+        icon: string | ReactElement | null;
+        onClick: () => void;
+        isSelected?: boolean;
+    };
+};
+export default function MobileBurger({ avatarIcon, isOpened, onClick }: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MobileBurger.d.ts.map

package/dist/components/AppShellNavigation/components/MobileBurger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileBurger.d.ts","sourceRoot":"","sources":["../../../../src/components/AppShellNavigation/components/MobileBurger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,KAAK,KAAK,GAAG;IACT,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE;QACT,IAAI,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;QACnC,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,UAAU,CAAC,EAAE,OAAO,CAAC;KACxB,CAAC;CACL,CAAA;AACD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,oDAe5E"}

package/dist/components/AppShellNavigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AppShellNavigation/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAA4C,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,OAAqB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAiB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAkB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAI/D,KAAK,KAAK,GAAG;IACX,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,EAAE;QACR,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;QAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;QACnC,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,CAAC;AAMF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,EACR,aAAa,EACb,cAAc,EACd,SAAS,EACT,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,KAAK,EACL,cAAqB,EACrB,cAAsB,EACtB,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,EACV,cAAc,EACd,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAe,EACf,aAAa,EACb,UAAqB,EACrB,UAAgB,EAChB,kBAAkB,EACnB,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG,YAAY,CAoazC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AppShellNavigation/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAA4C,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,OAAqB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAiB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAkB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAK/D,KAAK,KAAK,GAAG;IACX,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,EAAE;QACR,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;QAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;QACnC,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,CAAC;AAMF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,EACR,aAAa,EACb,cAAc,EACd,SAAS,EACT,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,KAAK,EACL,cAAqB,EACrB,cAAsB,EACtB,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,EACV,cAAc,EACd,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAe,EACf,aAAa,EACb,UAAqB,EACrB,UAAgB,EAChB,kBAAkB,EACnB,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG,YAAY,CA+bzC"}

package/dist/{components-Du4fpG-7.js → components-DU5waziW.js}

@@ -4,11 +4,11 @@ import { useTheme, jsx as jsx$1, keyframes, ThemeProvider } from "@emotion/react
 import { g as getElementColor, A as AngleDownSolid, a as CheckSolid, C as Close, L as Loading, P as PlusSolid, S as SearchSolid, b as Assistant, c as ArrowUpSolid, E as EllipsisVSolid, d as ArrowLeftSolid, e as Canvas, H as HistorySolid, U as User, f as AngleLeftSolid, M as MinusCircleSolid, h as SettingsBarSolid, G as Globe, D as Dashboard, i as Groups, j as UserCircleSolid, k as Assets$1, l as Claims, m as Accounts, n as LinkedResources, o as Proposals, I as ImpactCredits, p as GoTo, q as Share, r as PiePiece, s as ImpactCertificates, t as CommentDotsSolid, u as CommentAltSolid, v as MicrophoneSolid, w as Command, x as ArrowCircleRightSolid, y as Protocols, z as Investments, O as Oracles, B as Projects, F as Daos, J as Star, K as AngleRightSolid, N as Expand, Q as LeafSolid, R as ArrowDownSolid, T as ArrowRightSolid, V as Play, W as CheckCircle, X as Events, Y as ThumbsUpSolid, Z as CommentsSolid, _ as CopySolid, $ as Hourglass, a0 as Act, a1 as Info$1, a2 as ClaimsW, a3 as TachometerAltSolid, a4 as UserCogSolid, a5 as UsersSolid, a6 as EllipsisHSolid } from "./UsersSolid-CU7U_J3x.js";
 import { useState, useCallback, useRef, useEffect, Suspense, lazy, forwardRef, useMemo, useId, Fragment as Fragment$1, useLayoutEffect, useImperativeHandle, memo } from "react";
 import { T as TAG_SMALL_HEIGHT, D as DEFAULT_ICON_SIZE } from "./constants-B7xlU8b8.js";
-import { Accordion as Accordion$1, Box, Image, Popover, Text as Text$1, Badge as Badge$1, Center, AppShell, Skeleton, Stack as Stack$1, Tooltip as Tooltip$4, Divider, ScrollArea, Space } from "@mantine/core";
+import { Accordion as Accordion$1, Box, Image, Popover, Text as Text$1, Badge as Badge$1, Center, AppShell, Skeleton, Stack as Stack$1, Tooltip as Tooltip$4, CloseButton, Group, Burger, Divider, ScrollArea, Space, Overlay } from "@mantine/core";
 import { cx, css } from "@emotion/css";
 import { createPortal } from "react-dom";
 import DOMPurify from "dompurify";
-import { useResizeObserver, useHover, useDisclosure } from "@mantine/hooks";
+import { useMediaQuery, useResizeObserver, useHover, useDisclosure } from "@mantine/hooks";
 import { a as useLocalStorage, E as EventEmitter, u as useEventSubscribe } from "./useEventSubscribe-BuXZL79s.js";
 import { u as useUITheme } from "./useUITheme-7i8NJ2FG.js";
 import Markdown from "react-markdown";
@@ -775,8 +775,8 @@ function AccordionTable({
     }
   );
 }
-const Header$3 = lazy(() => import("./index-3vUUcEku.js"));
-const Footer = lazy(() => import("./index-DfQr-2hP.js"));
+const Header$3 = lazy(() => import("./index-By1i1uLU.js"));
+const Footer = lazy(() => import("./index-IuTPQRsY.js"));
 function ActionCard({ header, content, footer, useHoverMode = false }) {
   const hasContent = !!content || !!footer;
   const initialVisibility = footer?.startHidden !== true;
@@ -860,7 +860,7 @@ function Loader({ size, color = "primary" }) {
 }
 const CARD_WIDTH$1 = 350;
 const CARD_HEADER_HEIGHT = 158;
-const Header$2 = lazy(() => import("./index-BT7xEwsl.js"));
+const Header$2 = lazy(() => import("./index-RGurwgcA.js"));
 function Card({ children, className, contentClassName, roundedBottom, noPadding = false, fullWidth = false, header, wrapperSx, onClick }) {
   const wrapperRef = useRef(null);
   const handleOnClick = useCallback(
@@ -1295,7 +1295,7 @@ function ModalSheet({ isOpen, children, hideHandler, zIndex, onRequestHide, onRe
     document.body
   );
 }
-const Badge = lazy(() => import("./index-Dq064c1o.js"));
+const Badge = lazy(() => import("./index-EYDtd-NN.js"));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = useRef(null);
   const wrapperContentAreaRef = useRef(null);
@@ -2103,6 +2103,7 @@ function AIInputBar({ placeholder, icon, disabledInput, disabledButton, valueInp
   );
 }
 function AIChatToolbar({ onClose, onHistoryClick, onPlusClick, onHistoryClose, onCanvasCycle, isHistoryOpened, canvasMode = "hidden", oracleModel, sessionTitle }) {
+  const isMobile = useMediaQuery("(max-width: 48em)");
   const canvasActive = canvasMode !== "hidden";
   return /* @__PURE__ */ jsxs(Flex, { bg: "neutralColor.4", py: 16, justify: "space-between", align: "center", children: [
     /* @__PURE__ */ jsxs(Flex, { gap: 6, align: "center", children: [
@@ -2139,7 +2140,7 @@ function AIChatToolbar({ onClose, onHistoryClick, onPlusClick, onHistoryClose, o
         }
       ),
       /* @__PURE__ */ jsx(Center, { sx: { cursor: "pointer", borderRadius: 24 }, onClick: onHistoryClick, children: /* @__PURE__ */ jsx(HistorySolid, { size: 18, color: "secondary" }) }),
-      /* @__PURE__ */ jsx(
+      !isMobile && /* @__PURE__ */ jsx(
         Center,
         {
           sx: {
@@ -2583,6 +2584,15 @@ function carbonToUSD(carbon) {
     maximumFractionDigits: 6
   });
 }
+function MobileBurger({ avatarIcon, isOpened, onClick }) {
+  if (isOpened) {
+    return /* @__PURE__ */ jsx(CloseButton, { hiddenFrom: "sm", pos: "absolute", w: 28, sx: { borderRadius: 8, zIndex: 100 }, h: 28, onClick, right: 12, top: 12, bg: "neutralColor.4" });
+  }
+  return /* @__PURE__ */ jsxs(Group, { hiddenFrom: "sm", pos: "absolute", left: 12, top: 12, onClick, p: 8, py: 4, wrap: "nowrap", w: "fit-content", gap: 6, sx: { borderRadius: 8, zIndex: 100 }, bg: "neutralColor.4", children: [
+    avatarIcon && (typeof avatarIcon.icon === "string" ? /* @__PURE__ */ jsx(Image, { radius: 18, src: avatarIcon.icon, w: 18, h: 18 }) : avatarIcon.icon),
+    /* @__PURE__ */ jsx(Burger, { lineSize: 2, pr: 0, size: "xs" })
+  ] });
+}
 const CANVAS_MIN_WIDTH = 350;
 const CONTENT_MIN_WIDTH = 350;
 function AppShellNavigation({
@@ -2616,8 +2626,10 @@ function AppShellNavigation({
   splitRatio = 0.4,
   onSplitRatioChange
 }) {
-  const [isNavbarNotCollapsed, { toggle: toggleNavbar }] = useDisclosure(true);
   const [asideWidth, setAsideWidth] = useState(450);
+  const isMobile = useMediaQuery("(max-width: 48em)");
+  const [mobileOpened, { toggle: toggleMobile }] = useDisclosure();
+  const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
   const [isSplitResizing, setIsSplitResizing] = useState(false);
   const isSplitResizingRef = useRef(false);
   const mainContainerRef = useRef(null);
@@ -2753,8 +2765,9 @@ function AppShellNavigation({
       },
       bg: "neutralColor.2",
       navbar: {
-        width: isNavbarNotCollapsed ? navbarWidth : 56,
-        breakpoint: "sm"
+        width: navbarWidth,
+        breakpoint: "sm",
+        collapsed: { mobile: !mobileOpened, desktop: !desktopOpened }
       },
       aside: {
         width: asideCollapsed ? 0 : asideWidth,
@@ -2780,7 +2793,7 @@ function AppShellNavigation({
             }
           ),
           /* @__PURE__ */ jsxs(Flex, { style: { height: "100%" }, children: [
-            /* @__PURE__ */ jsxs(Stack$1, { p: 8, w: 56, justify: "space-between", h: "100%", bg: "neutralColor.2", children: [
+            /* @__PURE__ */ jsxs(Stack$1, { p: 8, w: 56, visibleFrom: "sm", justify: "space-between", h: "100%", bg: "neutralColor.2", children: [
               /* @__PURE__ */ jsxs(Stack$1, { align: "center", style: { flex: 1 }, gap: 8, children: [
                 /* @__PURE__ */ jsxs(Center, { sx: { cursor: "pointer", borderRadius: 24 }, pos: "relative", h: 40, w: 40, onClick: companyIcon.onClick, children: [
                   typeof companyIcon.icon === "string" ? /* @__PURE__ */ jsx(Image, { radius: 24, src: companyIcon.icon, w: 32, h: 32 }) : companyIcon.icon,
@@ -2830,12 +2843,12 @@ function AppShellNavigation({
                 /* @__PURE__ */ jsx(Center, { sx: { cursor: "pointer", borderRadius: 24 }, bg: "neutralColor.5", h: 40, w: 40, onClick: onSettingsIconClick, children: /* @__PURE__ */ jsx(SettingsBarSolid, { size: 22, color: "secondary" }) })
               ] })
             ] }),
-            isAiOpened && isNavbarNotCollapsed && aiNavbarContent,
-            isNavbarNotCollapsed && !isAiOpened && /* @__PURE__ */ jsxs(Stack$1, { justify: "space-between", w: "100%", pt: 16, pb: 10, px: 12, children: [
+            isAiOpened && !isMobile && aiNavbarContent,
+            !isAiOpened && /* @__PURE__ */ jsxs(Stack$1, { justify: "space-between", w: "100%", pt: 16, pb: 10, px: 12, children: [
               /* @__PURE__ */ jsxs(Stack$1, { gap: 5, children: [
                 /* @__PURE__ */ jsxs(Flex, { mb: 24, style: { width: "100%" }, justify: "space-between", align: "center", children: [
                   /* @__PURE__ */ jsx(Flex, { align: "center", gap: "10px", children: /* @__PURE__ */ jsx(Tooltip$4, { label: pageItem.pageTitle || "Unknown", disabled: !isTitleOverflowing, position: "bottom", withArrow: true, children: /* @__PURE__ */ jsx(Text$1, { lh: 1, c: "neutralColor.8", children: cutText(pageItem.pageTitle, 19) || "Unknown" }) }) }),
-                  isAiBtnVisible && !isAiOpened && /* @__PURE__ */ jsx(
+                  isAiBtnVisible && !isAiOpened && !isMobile && /* @__PURE__ */ jsx(
                     Center,
                     {
                       sx: {
@@ -2868,77 +2881,102 @@ function AppShellNavigation({
             ] })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs(
           AppShell.Main,
           {
             style: {
               display: "flex",
               flexDirection: "column",
               height: "100vh",
-              overflow: "hidden"
+              overflow: "hidden",
+              position: "relative"
             },
-            children: /* @__PURE__ */ jsxs(
-              Flex,
-              {
-                ref: mainContainerRef,
-                style: {
-                  flex: 1,
-                  height: "100%",
-                  overflow: "hidden",
-                  position: "relative"
-                },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    Box,
-                    {
-                      bg: "neutralColor.5",
-                      style: {
-                        width: getCanvasWidth(),
-                        minWidth: shouldShowCanvas && canvasMode === "split" ? CANVAS_MIN_WIDTH : void 0,
-                        display: shouldShowCanvas ? "flex" : "none",
-                        flexDirection: "column",
-                        overflow: "hidden",
-                        height: "100%",
-                        transition: isSplitResizing ? "none" : "width 0.3s ease, opacity 0.2s ease",
-                        opacity: shouldShowCanvas ? 1 : 0,
-                        borderLeft: "1px solid var(--mantine-color-neutralColor-6)"
-                      },
-                      children: canvasContent
-                    }
-                  ),
-                  canvasMode === "split" && !isRightPanelOpen && /* @__PURE__ */ jsx(
-                    Box,
-                    {
-                      w: 4,
-                      h: "100%",
-                      bg: isSplitResizing ? "accent.5" : "transparent",
-                      sx: {
-                        cursor: "col-resize",
-                        flexShrink: 0,
-                        transition: "background-color 0.2s ease"
-                      },
-                      onMouseDown: handleSplitMouseDown
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Box,
-                    {
-                      style: {
-                        width: getContentWidth(),
-                        minWidth: shouldShowContent && canvasMode === "split" ? CONTENT_MIN_WIDTH : void 0,
-                        display: shouldShowContent ? "flex" : "none",
-                        flexDirection: "column",
-                        overflow: "auto",
-                        height: "100%",
-                        transition: isSplitResizing ? "none" : "width 0.3s ease, opacity 0.2s ease",
-                        opacity: shouldShowContent ? 1 : 0
-                      },
-                      children
-                    }
-                  )
-                ]
-              }
-            )
+            children: [
+              mobileOpened && /* @__PURE__ */ jsx(Overlay, { hiddenFrom: "sm", color: "var(--mantine-color-neutralColor-0)", backgroundOpacity: 0.6, blur: 2, onClick: toggleMobile, zIndex: 99 }),
+              /* @__PURE__ */ jsxs(
+                Flex,
+                {
+                  ref: mainContainerRef,
+                  style: {
+                    flex: 1,
+                    height: isMobile ? "calc(100% - 60px)" : "100%",
+                    overflow: "hidden",
+                    position: "relative",
+                    minHeight: 0,
+                    marginTop: isMobile && isAiOpened ? "calc(-100vh + 60px)" : 0,
+                    transition: isMobile ? "margin-top 0.5s ease" : "none"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Box,
+                      {
+                        bg: "neutralColor.5",
+                        style: {
+                          width: getCanvasWidth(),
+                          minWidth: shouldShowCanvas && canvasMode === "split" ? CANVAS_MIN_WIDTH : void 0,
+                          display: shouldShowCanvas ? "flex" : "none",
+                          flexDirection: "column",
+                          overflow: "hidden",
+                          height: "100%",
+                          transition: isSplitResizing ? "none" : "width 0.3s ease, opacity 0.2s ease",
+                          opacity: shouldShowCanvas ? 1 : 0,
+                          borderLeft: "1px solid var(--mantine-color-neutralColor-6)"
+                        },
+                        children: canvasContent
+                      }
+                    ),
+                    canvasMode === "split" && !isRightPanelOpen && /* @__PURE__ */ jsx(
+                      Box,
+                      {
+                        w: 4,
+                        h: "100%",
+                        bg: isSplitResizing ? "accent.5" : "transparent",
+                        sx: {
+                          cursor: "col-resize",
+                          flexShrink: 0,
+                          transition: "background-color 0.2s ease"
+                        },
+                        onMouseDown: handleSplitMouseDown
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      Box,
+                      {
+                        style: {
+                          width: getContentWidth(),
+                          minWidth: shouldShowContent && canvasMode === "split" ? CONTENT_MIN_WIDTH : void 0,
+                          display: shouldShowContent ? "flex" : "none",
+                          flexDirection: "column",
+                          overflow: "auto",
+                          height: "100%",
+                          transition: isSplitResizing ? "none" : "width 0.3s ease, opacity 0.2s ease",
+                          opacity: shouldShowContent ? 1 : 0
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(MobileBurger, { isOpened: mobileOpened, onClick: toggleMobile, avatarIcon }),
+                          children
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              isMobile && isAiBtnVisible && /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  bg: "neutralColor.3",
+                  pos: "relative",
+                  h: isAiOpened ? "100%" : 60,
+                  sx: {
+                    transition: "height 0.5s ease"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Box, { onClick: onAiOpen, pos: "absolute", left: "50%", top: 18, sx: { zIndex: 3, transform: "translateX(-50%)" }, children: /* @__PURE__ */ jsx(Assistant, {}) }),
+                    isAiOpened && aiNavbarContent
+                  ]
+                }
+              )
+            ]
           }
         ),
         /* @__PURE__ */ jsx(
@@ -5973,13 +6011,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = lazy(() => import("./index-yfwH6dmJ.js"));
-const Header$1 = lazy(() => import("./index-B4KPNoed.js"));
-const Content = lazy(() => import("./index-B6tC0CJf.js"));
+const MainAction = lazy(() => import("./index-D0yj6C11.js"));
+const Header$1 = lazy(() => import("./index-DWyqNmtm.js"));
+const Content = lazy(() => import("./index-BgZLJbJW.js"));
 const Map = lazy(() => import("./index-D5Ufmf-s.js"));
 const CustomContent = lazy(() => import("./index-DsYjW_4y.js"));
-const Assets = lazy(() => import("./index-dQrai2TZ.js"));
-const Actions = lazy(() => import("./index-nRUNkbvD.js"));
+const Assets = lazy(() => import("./index-D7heNqqK.js"));
+const Actions = lazy(() => import("./index-WlnEQMCk.js"));
 const HOVER_BORDER_WIDTH = 1;
 function SodaCardCmp({ numSelected = 0, expanded = true, mainAction, header, content, map, customContent, customFooter, actions, assets, onClick }, ref) {
   const wrapperRef = useRef(null);
@@ -11272,4 +11310,4 @@ export {
   CardHero as y,
   CardSelector as z
 };
-//# sourceMappingURL=components-Du4fpG-7.js.map
+//# sourceMappingURL=components-DU5waziW.js.map