@layers-app/shared 0.4.6 → 0.4.8

package/dist/components/AppContainer/components/AppsSidebar/TopSection.js

@@ -1,80 +1,108 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { useTranslation as u } from "react-i18next";
-import { Search01Icon as b, Notification02Icon as g } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as p } from "@hugeicons/react";
-import { Stack as w, ActionIcon as k, Tooltip as a, Menu as n } from "@mantine/core";
-import { isFeature as v } from "../../../../helpers/feature.js";
-import { openSearchModal as y } from "../../../../store/searchModal.js";
-import { Notification as A } from "../../../Notification/Notification.js";
-import { WorkspaceAvatar as l } from "../../../WorkspaceAvatar/WorkspaceAvatar.js";
-import { WorkspaceMenu as S } from "../../../WorkspaceMenu/WorkspaceMenu.js";
-import { useAppContainerDataStore as z } from "../../hooks/useAppContainerDataStore.js";
-import { AppSidebarButton as m } from "../AppSidebarButton.js";
-const H = ({
-  showSearch: d = !0,
-  showLogo: h = !1
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { useState as v } from "react";
+import { useTranslation as k } from "react-i18next";
+import { Search01Icon as I } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as S } from "@hugeicons/react";
+import { Stack as x, ActionIcon as A, Tooltip as a, Menu as s, Indicator as y } from "@mantine/core";
+import { openSearchModal as z } from "../../../../store/searchModal.js";
+import { InboxIcon as C } from "../../../Notification/atoms/InboxIcon.js";
+import { useNotificationStore as M } from "../../../Notification/hooks/useNotificationStore.js";
+import { useNotificationStream as N } from "../../../Notification/hooks/useNotificationStream.js";
+import { WorkspaceAvatar as p } from "../../../WorkspaceAvatar/WorkspaceAvatar.js";
+import { WorkspaceMenu as D } from "../../../WorkspaceMenu/WorkspaceMenu.js";
+import { useAppContainerDataStore as T } from "../../hooks/useAppContainerDataStore.js";
+import { AppSidebarButton as d } from "../AppSidebarButton.js";
+import { InboxPanel as W } from "../../../Notification/organisms/InboxPanel.js";
+const X = ({
+  showSearch: m = !0,
+  showLogo: f = !1
 }) => {
-  const { t: o } = u("appContainer"), { workspaceMenu: r, isAnonym: t, publicMode: c, navbarDisplayFormat: f } = z(), e = f === "iconsAndLabels";
-  return /* @__PURE__ */ s(w, { gap: 8, align: "center", pb: 8, children: [
-    h ? /* @__PURE__ */ i(l, { size: 36 }) : /* @__PURE__ */ i(
-      S,
+  const { t: i } = k("appContainer"), { workspaceMenu: e, isAnonym: t, publicMode: r, navbarDisplayFormat: h } = T(), u = M((g) => g.unreadCounts.all), b = e?.active?.workspaceId;
+  N(!t && !r, b);
+  const [w, c] = v(!1), n = h === "iconsAndLabels";
+  return /* @__PURE__ */ l(x, { gap: 8, align: "center", pb: 8, children: [
+    f ? /* @__PURE__ */ o(p, { size: 36 }) : /* @__PURE__ */ o(
+      D,
       {
-        ...r,
+        ...e,
         isAnonym: t,
-        publicMode: c,
-        children: /* @__PURE__ */ i(
-          k,
+        publicMode: r,
+        children: /* @__PURE__ */ o(
+          A,
           {
             "data-cy": "workspace-menu-trigger",
             "data-testid": "workspace-menu-trigger",
             size: "lg",
             variant: "transparent",
             style: { overflow: "visible" },
-            children: /* @__PURE__ */ i(
+            children: /* @__PURE__ */ o(
               a,
               {
-                label: r.active?.workspaceName,
-                disabled: !r.active?.workspaceName,
+                label: e.active?.workspaceName,
+                disabled: !e.active?.workspaceName,
                 openDelay: 400,
                 position: "right",
                 withArrow: !0,
-                children: /* @__PURE__ */ i(l, { workspace: r.active, size: 36 })
+                children: /* @__PURE__ */ o(p, { workspace: e.active, size: 36 })
               }
             )
           }
         )
       }
     ),
-    d && !t && !c && /* @__PURE__ */ i(a, { label: o("search"), position: "right", disabled: e, children: /* @__PURE__ */ i(
-      m,
+    m && !t && !r && /* @__PURE__ */ o(a, { label: i("search"), position: "right", disabled: n, children: /* @__PURE__ */ o(
+      d,
       {
-        title: e ? o("search") : null,
-        icon: /* @__PURE__ */ i(p, { icon: b, size: 20 }),
+        title: n ? i("search") : null,
+        icon: /* @__PURE__ */ o(S, { icon: I, size: 20 }),
         onClick: () => {
-          y();
+          z();
         }
       }
     ) }),
-    v() && !t && /* @__PURE__ */ s(n, { position: "right-start", children: [
-      /* @__PURE__ */ i(n.Target, { children: /* @__PURE__ */ i(
-        a,
-        {
-          label: o("activity"),
-          position: "right",
-          disabled: e,
-          children: /* @__PURE__ */ i(
-            m,
+    !t && !r && /* @__PURE__ */ l(
+      s,
+      {
+        position: "right",
+        shadow: "md",
+        radius: "md",
+        offset: 6,
+        middlewares: { shift: !0, flip: !1 },
+        opened: w,
+        onChange: c,
+        children: [
+          /* @__PURE__ */ o(s.Target, { children: /* @__PURE__ */ o(
+            a,
             {
-              title: e ? o("activity") : null,
-              icon: /* @__PURE__ */ i(p, { icon: g, size: 20 })
+              label: i("activity"),
+              position: "right",
+              disabled: n,
+              children: /* @__PURE__ */ o(
+                d,
+                {
+                  title: n ? i("activity") : null,
+                  icon: /* @__PURE__ */ o(
+                    y,
+                    {
+                      size: 8,
+                      offset: 1,
+                      position: "top-end",
+                      zIndex: 1,
+                      withBorder: !0,
+                      disabled: u === 0,
+                      children: /* @__PURE__ */ o(C, { size: 20 })
+                    }
+                  )
+                }
+              )
             }
-          )
-        }
-      ) }),
-      /* @__PURE__ */ i(n.Dropdown, { px: 4, py: 0, w: 440, children: /* @__PURE__ */ i(A, {}) })
-    ] })
+          ) }),
+          /* @__PURE__ */ o(s.Dropdown, { w: 440, h: 565, p: 0, children: /* @__PURE__ */ o(W, { onNavigate: () => c(!1) }) })
+        ]
+      }
+    )
   ] });
 };
 export {
-  H as TopSection
+  X as TopSection
 };

package/dist/components/AppContainer/components/AppsSidebar/UserSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,WAAW,GAAI,4CAIzB;IACD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CAoHA,CAAC"}
+{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AA4CA,eAAO,MAAM,WAAW,GAAI,4CAIzB;IACD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CAmPA,CAAC"}

package/dist/components/AppContainer/components/AppsSidebar/UserSection.js

@@ -1,114 +1,247 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useTranslation as M } from "react-i18next";
-import { Link as x } from "react-router-dom";
-import { Delete03Icon as A, UserAdd02Icon as D, HelpCircleIcon as z } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as a } from "@hugeicons/react";
-import { Stack as c, Menu as r, Tooltip as s, ActionIcon as C } from "@mantine/core";
-import { IconUserCircle as U } from "@tabler/icons-react";
-import { usePlatform as L } from "../../../../hooks/usePlatform.js";
-import { useTrashModalStore as j, openTrashModal as H, closeTrashModal as k } from "../../../../store/trashModal.js";
-import { useAppContainerDataStore as B } from "../../hooks/useAppContainerDataStore.js";
-import F from "../../AppContainer.module.css.js";
-import { AppSidebarButton as p } from "../AppSidebarButton.js";
-import { HelpMenu as G } from "../menus/HelpMenu/HelpMenu.js";
-import { MenuUserDropdown as N } from "../menus/UserMenu/MenuUserDropdown.js";
-const $ = ({
-  trashMenu: d,
-  onInviteClick: h,
-  showBorders: S = !0
+import { jsx as e, jsxs as n, Fragment as v } from "react/jsx-runtime";
+import { useState as i, useMemo as q, useCallback as H } from "react";
+import { useTranslation as J } from "react-i18next";
+import { Link as Q } from "react-router-dom";
+import { HelpCircleIcon as V, Delete03Icon as X, UserAdd02Icon as Z } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as g } from "@hugeicons/react";
+import { Tooltip as a, Stack as C, Menu as o, ActionIcon as $ } from "@mantine/core";
+import { IconUserCircle as ee } from "@tabler/icons-react";
+import { usePlatform as oe } from "../../../../hooks/usePlatform.js";
+import { useTrashModalStore as te, openTrashModal as ne, closeTrashModal as re } from "../../../../store/trashModal.js";
+import { useAppContainerDataStore as se } from "../../hooks/useAppContainerDataStore.js";
+import { AppSidebarButton as T } from "../AppSidebarButton.js";
+import { HelpMenu as y, DesktopSupportReportModal as ie, DesktopDiagnosticsConsentModal as le, DesktopUpdateFlowModal as pe } from "../menus/HelpMenu/HelpMenu.js";
+import { MenuUserDropdown as de } from "../menus/UserMenu/MenuUserDropdown.js";
+import { DesktopUpdateButton as ae } from "./DesktopUpdateButton.js";
+import ce from "../../AppContainer.module.css.js";
+import I from "../menus/HelpMenu/HelpMenu.module.css.js";
+import { isOnboardingCompleted as he } from "../../../OnboardingTour/useOnboardingTour.js";
+import { OnboardingTourWrapper as ue } from "../../../OnboardingTour/OnboardingTourWrapper.js";
+const me = [
+  "desktop-help-report-tour-v2-1",
+  "desktop-help-report-tour-v2-2"
+], k = "desktop-help-report-entry", Ee = ({
+  trashMenu: D,
+  onInviteClick: b,
+  showBorders: x = !0
 }) => {
-  const { t: e } = M("appContainer"), w = L(), {
-    user: m,
-    isAnonym: t,
-    userMenuItems: T,
-    publicMode: f,
-    navbarDisplayFormat: v,
-    syncStatusSlot: u
-  } = B(), y = j((l) => l.opened), g = !t && !f && m.role !== "mG" && d, b = !t && w.has("inviteUsers") && h, i = v === "iconsAndLabels", I = !t && !f && u;
-  return /* @__PURE__ */ n(
-    c,
+  const { t } = J("appContainer"), p = oe(), [E, c] = i(!1), [_, h] = i(!1), [u, A] = i(!1), [K, R] = i(!1), [L, m] = i(!1), [z, j] = i(!1), {
+    user: f,
+    isAnonym: s,
+    userMenuItems: B,
+    publicMode: d,
+    navbarDisplayFormat: F,
+    syncStatusSlot: w
+  } = se(), N = te((l) => l.opened), M = !s && !d && f.role !== "mG" && D, O = !s && p.has("inviteUsers") && b, r = F === "iconsAndLabels", G = !s && !d && w, W = q(() => !p.isDesktop || s || d ? null : me.find(
+    (l) => !he(l)
+  ) ?? null, [s, p.isDesktop, d, f.id]), S = z ? null : W, U = /* @__PURE__ */ e(a, { label: t("help"), position: "right", disabled: r, children: /* @__PURE__ */ e(
+    T,
     {
-      style: {
-        borderTop: S ? "1px solid var(--app-shell-border)" : void 0
-      },
-      flex: 1,
-      pt: 8,
-      gap: 16,
-      align: "center",
-      children: [
-        /* @__PURE__ */ n(
-          c,
-          {
-            justify: !g && !b ? "end" : "space-between",
-            gap: 8,
-            flex: 1,
-            children: [
-              g && /* @__PURE__ */ n(
-                r,
-                {
-                  position: "right",
-                  offset: 6,
-                  width: 360,
-                  opened: y,
-                  onChange: (l) => {
-                    l ? H() : k();
-                  },
-                  children: [
-                    /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(
-                      s,
-                      {
-                        label: e("trash"),
-                        position: "right",
-                        disabled: i,
-                        children: /* @__PURE__ */ o(
-                          p,
-                          {
-                            title: i ? e("trash") : null,
-                            icon: /* @__PURE__ */ o(a, { icon: A, size: 20 })
-                          }
-                        )
-                      }
-                    ) }),
-                    /* @__PURE__ */ o(r.Dropdown, { children: d })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ n(c, { gap: 8, children: [
-                b && /* @__PURE__ */ o(s, { label: e("invite"), position: "right", disabled: i, children: /* @__PURE__ */ o(
-                  p,
+      title: r ? t("help") : null,
+      icon: /* @__PURE__ */ e(g, { icon: V, size: 20 })
+    }
+  ) }), P = H(() => {
+    R(!0);
+  }, []), Y = H(() => {
+    j(!0), m(!0);
+  }, []);
+  return /* @__PURE__ */ n(v, { children: [
+    /* @__PURE__ */ n(
+      C,
+      {
+        style: {
+          borderTop: x ? "1px solid var(--app-shell-border)" : void 0
+        },
+        flex: 1,
+        pt: 8,
+        gap: 16,
+        align: "center",
+        children: [
+          /* @__PURE__ */ n(
+            C,
+            {
+              justify: !M && !O ? "end" : "space-between",
+              gap: 8,
+              flex: 1,
+              children: [
+                M && /* @__PURE__ */ n(
+                  o,
                   {
-                    title: i ? e("invite") : null,
-                    icon: /* @__PURE__ */ o(a, { icon: D, size: 20 }),
-                    onClick: h
+                    position: "right",
+                    offset: 6,
+                    width: 360,
+                    opened: N,
+                    onChange: (l) => {
+                      l ? ne() : re();
+                    },
+                    children: [
+                      /* @__PURE__ */ e(o.Target, { children: /* @__PURE__ */ e(
+                        a,
+                        {
+                          label: t("trash"),
+                          position: "right",
+                          disabled: r,
+                          children: /* @__PURE__ */ e(
+                            T,
+                            {
+                              title: r ? t("trash") : null,
+                              icon: /* @__PURE__ */ e(g, { icon: X, size: 20 })
+                            }
+                          )
+                        }
+                      ) }),
+                      /* @__PURE__ */ e(o.Dropdown, { children: D })
+                    ]
                   }
-                ) }),
-                /* @__PURE__ */ n(r, { position: "right-end", offset: 6, width: 260, children: [
-                  /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(s, { label: e("help"), position: "right", disabled: i, children: /* @__PURE__ */ o(
-                    p,
+                ),
+                /* @__PURE__ */ n(C, { gap: 8, children: [
+                  O && /* @__PURE__ */ e(
+                    a,
                     {
-                      title: i ? e("help") : null,
-                      icon: /* @__PURE__ */ o(a, { icon: z, size: 20 })
+                      label: t("invite"),
+                      position: "right",
+                      disabled: r,
+                      children: /* @__PURE__ */ e(
+                        T,
+                        {
+                          title: r ? t("invite") : null,
+                          icon: /* @__PURE__ */ e(g, { icon: Z, size: 20 }),
+                          onClick: b
+                        }
+                      )
                     }
-                  ) }) }),
-                  /* @__PURE__ */ o(r.Dropdown, { children: /* @__PURE__ */ o(G, {}) })
-                ] }),
-                I && /* @__PURE__ */ o("div", { className: F.sidebarSyncStatus, children: u })
-              ] })
-            ]
-          }
-        ),
-        t ? /* @__PURE__ */ o(x, { to: "/login", children: /* @__PURE__ */ o(s, { label: "Log in", position: "right", children: /* @__PURE__ */ o(C, { size: "lg", variant: "light", children: /* @__PURE__ */ o(U, { size: 20 }) }) }) }) : /* @__PURE__ */ o(
-          N,
-          {
-            user: m,
-            menuItems: T,
-            position: "right-end"
-          }
-        )
-      ]
-    }
-  );
+                  ),
+                  S ? /* @__PURE__ */ e(
+                    ue,
+                    {
+                      featureKey: S,
+                      onComplete: Y,
+                      tour: [
+                        {
+                          id: k,
+                          title: t("desktopHelpReportTour.title"),
+                          content: t("desktopHelpReportTour.content"),
+                          focusRevealProps: {
+                            popoverProps: {
+                              position: "right",
+                              offset: 10,
+                              middlewares: {
+                                flip: !1,
+                                shift: !0
+                              }
+                            }
+                          }
+                        }
+                      ],
+                      children: /* @__PURE__ */ n(
+                        o,
+                        {
+                          position: "right-end",
+                          offset: 6,
+                          width: 264,
+                          shadow: "xl",
+                          radius: 12,
+                          opened: !0,
+                          onChange: m,
+                          children: [
+                            /* @__PURE__ */ e(o.Target, { children: U }),
+                            /* @__PURE__ */ e(
+                              o.Dropdown,
+                              {
+                                className: I.helpMenuDropdown,
+                                p: 0,
+                                children: /* @__PURE__ */ e(
+                                  y,
+                                  {
+                                    onReportProblemClick: () => c(!0),
+                                    onCheckUpdatesClick: P,
+                                    onCollectDiagnosticsClick: () => h(!0),
+                                    diagnosticsCollecting: u,
+                                    reportProblemTourTargetId: k
+                                  }
+                                )
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    }
+                  ) : /* @__PURE__ */ n(
+                    o,
+                    {
+                      position: "right-end",
+                      offset: 6,
+                      width: 264,
+                      shadow: "xl",
+                      radius: 12,
+                      opened: L,
+                      onChange: m,
+                      children: [
+                        /* @__PURE__ */ e(o.Target, { children: U }),
+                        /* @__PURE__ */ e(
+                          o.Dropdown,
+                          {
+                            className: I.helpMenuDropdown,
+                            p: 0,
+                            children: /* @__PURE__ */ e(
+                              y,
+                              {
+                                onReportProblemClick: () => c(!0),
+                                onCheckUpdatesClick: P,
+                                onCollectDiagnosticsClick: () => h(!0),
+                                diagnosticsCollecting: u,
+                                reportProblemTourTargetId: k
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  G && /* @__PURE__ */ e("div", { className: ce.sidebarSyncStatus, children: w })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(ae, { showLabels: r }),
+          s ? /* @__PURE__ */ e(Q, { to: "/login", children: /* @__PURE__ */ e(a, { label: "Log in", position: "right", children: /* @__PURE__ */ e($, { size: "lg", variant: "light", children: /* @__PURE__ */ e(ee, { size: 20 }) }) }) }) : /* @__PURE__ */ e(
+            de,
+            {
+              user: f,
+              menuItems: B,
+              position: "right-end"
+            }
+          )
+        ]
+      }
+    ),
+    p.isDesktop && /* @__PURE__ */ n(v, { children: [
+      /* @__PURE__ */ e(
+        ie,
+        {
+          opened: E,
+          onClose: () => c(!1)
+        }
+      ),
+      /* @__PURE__ */ e(
+        le,
+        {
+          opened: _,
+          onClose: () => h(!1),
+          collecting: u,
+          onCollectingChange: A
+        }
+      ),
+      /* @__PURE__ */ e(
+        pe,
+        {
+          opened: K,
+          onClose: () => R(!1)
+        }
+      )
+    ] })
+  ] });
 };
 export {
-  $ as UserSection
+  Ee as UserSection
 };

package/dist/components/AppContainer/components/Main.js

@@ -1,16 +1,16 @@
 import { jsx as e } from "react/jsx-runtime";
 import { appContainerStore as n } from "../hooks/useAppContainerStore.js";
 import s from "../AppContainer.module.css.js";
-const p = ({ children: o, withBg: r = !1 }) => {
-  const a = n.useStore((t) => t.showToolbar);
+const p = ({ children: o, withBg: a = !1 }) => {
+  const r = n.useStore((t) => t.showToolbar);
   return /* @__PURE__ */ e(
     "main",
     {
       className: s.main,
-      "data-tool-sidebar-opened": a,
+      "data-tool-sidebar-opened": r,
       "data-app-container": !0,
       style: {
-        backgroundColor: r ? "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5))" : "unset"
+        backgroundColor: a ? "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5))" : "unset"
       },
       children: o
     }

package/dist/components/AppContainer/components/NavbarContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/NavbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,QAAA,MAAM,aAAa,GAAI,cAAc,iBAAiB,4CAMrD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"NavbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/NavbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,QAAA,MAAM,aAAa,GAAI,cAAc,iBAAiB,4CAkBrD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/AppContainer/components/NavbarContent.js

@@ -1,6 +1,20 @@
 import { jsx as r } from "react/jsx-runtime";
-import { ScrollArea as t, Box as l } from "@mantine/core";
-const s = ({ children: o }) => /* @__PURE__ */ r(t, { flex: 1, scrollbars: "y", mih: 0, type: "scroll", children: /* @__PURE__ */ r(l, { w: "var(--toolbar-width)", children: o }) });
+import { ScrollArea as o, Box as e } from "@mantine/core";
+const s = ({ children: t }) => /* @__PURE__ */ r(
+  o,
+  {
+    styles: {
+      content: {
+        height: "100%"
+      }
+    },
+    flex: 1,
+    scrollbars: "y",
+    mih: 0,
+    type: "scroll",
+    children: /* @__PURE__ */ r(e, { w: "var(--toolbar-width)", h: "100%", children: t })
+  }
+);
 export {
   s as default
 };

package/dist/components/AppContainer/components/SlideAnimation.js

@@ -3,13 +3,13 @@ import { useIsFirstRender as a } from "@mantine/hooks";
 import { AnimatePresence as m, motion as d } from "framer-motion";
 import t from "../AppContainer.module.css.js";
 const u = ({
-  children: n,
-  show: s,
+  children: s,
+  show: n,
   width: e,
   position: r
 }) => {
   const o = a();
-  return /* @__PURE__ */ i(m, { children: s && /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(m, { children: n && /* @__PURE__ */ i(
     d.div,
     {
       className: t.slideContainer,
@@ -32,7 +32,7 @@ const u = ({
           className: t.slideContent,
           style: { width: e },
           "data-position": r,
-          children: n
+          children: s
         }
       )
     }

package/dist/components/AppContainer/components/ToolSidebar.d.ts

@@ -4,6 +4,11 @@ interface ToolSidebarProps extends PropsWithChildren {
     onTitleChange?: (title?: string) => void;
     isBeta?: boolean;
     bottomSlot?: React.ReactNode;
+    /** When set, the resizer drives this controlled width instead of the store. */
+    widthOverride?: number;
+    onWidthChange?: (width: number) => void;
+    minWidth?: number;
+    maxWidth?: number;
 }
 export declare const ToolSidebar: (props: ToolSidebarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/AppContainer/components/ToolSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/ToolSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAgCtE,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAyLlD,CAAC"}
+{"version":3,"file":"ToolSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/ToolSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAgCtE,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAqMlD,CAAC"}