@layers-app/shared 0.4.7 → 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/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/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"}

package/dist/components/AppContainer/components/ToolSidebar.js

@@ -1,24 +1,34 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { useRef as B, useEffect as p, useMemo as W } from "react";
-import { useTranslation as A } from "react-i18next";
-import { useNavigate as L, useParams as N, useLocation as P, matchPath as V } from "react-router-dom";
-import { ActionIcon as k, Title as D, TextInput as F, Flex as b, Text as H, Badge as M, Drawer as R, Box as j } from "@mantine/core";
-import { useField as E } from "@mantine/form";
-import { useMediaQuery as O } from "@mantine/hooks";
-import { IconArrowLeft as Q } from "@tabler/icons-react";
+import { useRef as N, useEffect as p, useMemo as P } from "react";
+import { useTranslation as V } from "react-i18next";
+import { useNavigate as k, useParams as D, useLocation as F, matchPath as H } from "react-router-dom";
+import { ActionIcon as M, Title as R, TextInput as j, Flex as b, Text as E, Badge as O, Drawer as Q, Box as q } from "@mantine/core";
+import { useField as G } from "@mantine/form";
+import { useMediaQuery as J } from "@mantine/hooks";
+import { IconArrowLeft as K } from "@tabler/icons-react";
 import { AppShell as v } from "../../AppShell/AppShell.js";
-import { NavbarResizer as q } from "../../NavbarResizer/NavbarResizer.js";
-import { useAppContainerDataStore as G } from "../hooks/useAppContainerDataStore.js";
+import { NavbarResizer as U } from "../../NavbarResizer/NavbarResizer.js";
+import { useAppContainerDataStore as X } from "../hooks/useAppContainerDataStore.js";
 import { appContainerStore as n } from "../hooks/useAppContainerStore.js";
 import { SidebarToggleButton as w } from "./SidebarToggleButton.js";
-import { SlideAnimation as J } from "./SlideAnimation.js";
+import { SlideAnimation as Y } from "./SlideAnimation.js";
 import y from "../AppContainer.module.css.js";
-const se = (T) => {
-  const { t: h } = A("appContainer"), { children: d, navbarTitle: i, onTitleChange: r, isBeta: S, bottomSlot: c } = T, C = L(), { showToolbar: l, toolbarWidth: I } = n.useStore(), { formId: z } = N(), m = B(r);
+const ce = (T) => {
+  const { t: h } = V("appContainer"), {
+    children: d,
+    navbarTitle: i,
+    onTitleChange: r,
+    isBeta: C,
+    bottomSlot: c,
+    widthOverride: S,
+    onWidthChange: W,
+    minWidth: I,
+    maxWidth: z
+  } = T, B = k(), { showToolbar: l, toolbarWidth: A } = n.useStore(), { formId: L } = D(), m = N(r);
   p(() => {
     m.current = r;
   }, [r]);
-  const f = E({
+  const f = G({
     initialValue: i || "",
     onValueChange: (o) => {
       m.current?.(o);
@@ -27,7 +37,7 @@ const se = (T) => {
   p(() => {
     f.setValue(i || "");
   }, [i]);
-  const a = P(), u = G((o) => o.tools), s = W(() => u.find((o) => !!V({ path: o.path, end: !1 }, a.pathname)), [a.pathname, u]), g = O("(max-width: 768px)", !1, {
+  const a = F(), u = X((o) => o.tools), s = P(() => u.find((o) => !!H({ path: o.path, end: !1 }, a.pathname)), [a.pathname, u]), g = J("(max-width: 768px)", !1, {
     getInitialValueInEffect: !1
   });
   p(() => {
@@ -44,18 +54,18 @@ const se = (T) => {
         minWidth: 0
       },
       children: [
-        s?.withBackButton && z && s.name && /* @__PURE__ */ e(
-          k,
+        s?.withBackButton && L && s.name && /* @__PURE__ */ e(
+          M,
           {
-            onClick: () => C(s?.path),
+            onClick: () => B(s?.path),
             variant: "light",
             size: "md",
             color: "gray",
-            children: /* @__PURE__ */ e(Q, { size: 18 })
+            children: /* @__PURE__ */ e(K, { size: 18 })
           }
         ),
-        /* @__PURE__ */ e(D, { order: 4, fz: 16, component: "div", style: { flex: 1, minWidth: 0 }, children: r ? /* @__PURE__ */ e(
-          F,
+        /* @__PURE__ */ e(R, { order: 4, fz: 16, component: "div", style: { flex: 1, minWidth: 0 }, children: r ? /* @__PURE__ */ e(
+          j,
           {
             ...f.getInputProps(),
             placeholder: h("noName"),
@@ -83,7 +93,7 @@ const se = (T) => {
           }
         ) : /* @__PURE__ */ t(b, { gap: "xs", children: [
           /* @__PURE__ */ e(
-            H,
+            E,
             {
               component: "span",
               className: y.toolTitleText,
@@ -97,8 +107,8 @@ const se = (T) => {
               children: i
             }
           ),
-          S && /* @__PURE__ */ e(
-            M,
+          C && /* @__PURE__ */ e(
+            O,
             {
               px: 8,
               py: 4,
@@ -114,7 +124,7 @@ const se = (T) => {
     }
   );
   return g ? /* @__PURE__ */ t(
-    R,
+    Q,
     {
       opened: l,
       onClose: n.api.closeToolbar,
@@ -145,23 +155,25 @@ const se = (T) => {
             ]
           }
         ),
-        /* @__PURE__ */ e(j, { flex: 1, mih: 0, style: { overflow: "auto" }, children: d }),
+        /* @__PURE__ */ e(q, { flex: 1, mih: 0, style: { overflow: "auto" }, children: d }),
         c
       ]
     }
   ) : /* @__PURE__ */ e(
-    J,
+    Y,
     {
       show: l,
       width: "var(--toolbar-width)",
       position: "left",
       children: /* @__PURE__ */ t(v.LeftSidebar, { pos: "relative", children: [
         l && /* @__PURE__ */ e(
-          q,
+          U,
           {
             position: "left",
-            width: I,
-            onChange: n.api.setToolbarWidth
+            width: S ?? A,
+            onChange: W ?? n.api.setToolbarWidth,
+            minWidth: I,
+            maxWidth: z
           }
         ),
         /* @__PURE__ */ t(v.Header, { pl: 16, pr: 14, children: [
@@ -175,5 +187,5 @@ const se = (T) => {
   );
 };
 export {
-  se as ToolSidebar
+  ce as ToolSidebar
 };

package/dist/components/AppContainer/components/menus/HelpMenu/HelpMenu.module.css.js

@@ -1,9 +1,9 @@
-const o = "_dot_15zs5_1", e = "_line_15zs5_9", t = "_desktopFlowModal_15zs5_16", s = "_desktopFlowModalHeader_15zs5_25", n = "_desktopFlowModalHeaderCompact_15zs5_30", r = "_desktopFlowModalHeaderFloating_15zs5_36", l = "_desktopFlowModalTitle_15zs5_49", d = "_desktopFlowModalBody_15zs5_56", a = "_desktopFlowModalBodyFloating_15zs5_60", p = "_reportProblemModal_15zs5_64", _ = "_diagnosticsConsentModal_15zs5_99", c = "_diagnosticsProgressModal_15zs5_108", i = "_diagnosticsResultModal_15zs5_118", k = "_desktopUpdateCheckingModal_15zs5_127", w = "_desktopUpdateResultModal_15zs5_137", P = "_desktopUpdateAvailableModal_15zs5_147", M = "_desktopUpdateDownloadModal_15zs5_157", m = "_desktopUpdateCheckingBody_15zs5_179", z = "_desktopUpdateResultBody_15zs5_180", b = "_desktopUpdateDownloadBody_15zs5_181", g = "_desktopUpdateCheckingStack_15zs5_185", U = "_desktopUpdateSpinner_15zs5_191", u = "_desktopUpdateResultIcon_15zs5_215", f = "_desktopUpdateSuccessIcon_15zs5_223", B = "_desktopUpdateErrorIcon_15zs5_227", D = "_desktopUpdateDownloadStack_15zs5_231", F = "_desktopUpdateDownloadDescription_15zs5_240", h = "_desktopUpdateDownloadAnimation_15zs5_250", C = "_desktopUpdateDownloadMeter_15zs5_257", R = "_desktopUpdateDownloadHeader_15zs5_263", y = "_desktopUpdateRemaining_15zs5_269", I = "_desktopUpdateRemainingLabel_15zs5_276", S = "_desktopUpdateRemainingValue_15zs5_280", H = "_desktopUpdateDownloadHint_15zs5_284", O = "_diagnosticsFloatingBody_15zs5_297", x = "_helpMenuDropdown_15zs5_301", L = "_helpMenuContent_15zs5_314", T = "_helpMenuFooter_15zs5_359", A = "_helpMenuUpdateBlock_15zs5_366", v = "_helpMenuUpdateLabel_15zs5_371", V = "_helpMenuPrimaryItem_15zs5_381", E = "_helpMenuUpdateVersion_15zs5_404", W = "_reportProblemForm_15zs5_412", j = "_reportProblemOptions_15zs5_418", q = "_reportProblemOptionRoot_15zs5_424", G = "_reportProblemOptionBody_15zs5_428", J = "_reportProblemOptionInner_15zs5_433", K = "_reportProblemOptionInput_15zs5_438", N = "_reportProblemOptionLabel_15zs5_446", Q = "_flowCheckboxLabel_15zs5_447", X = "_reportProblemTextareaRoot_15zs5_462", Y = "_reportProblemTextareaWrapper_15zs5_470", Z = "_reportProblemDescriptionLabel_15zs5_474", $ = "_reportProblemTextareaInput_15zs5_484", oo = "_reportProblemActions_15zs5_501", eo = "_flowActions_15zs5_502", to = "_reportProblemButton_15zs5_511", so = "_reportProblemCancelButton_15zs5_521", no = "_reportProblemSubmitButton_15zs5_527", ro = "_flowIntroStack_15zs5_533", lo = "_flowResultStack_15zs5_534", ao = "_flowStatusIcon_15zs5_543", po = "_flowTitle_15zs5_548", _o = "_flowDescription_15zs5_583", co = "_flowDivider_15zs5_590", io = "_flowConsentDivider_15zs5_596", ko = "_flowConsentCheckbox_15zs5_600", wo = "_flowFullButton_15zs5_608", Po = "_flowProgressRoot_15zs5_619", Mo = "_flowProgressMeter_15zs5_631", mo = "_flowProgressHeader_15zs5_637", zo = "_flowProgressMeta_15zs5_644", bo = "_flowProgressMetaPrimary_15zs5_651", go = "_flowProgressMetaSecondary_15zs5_655", Uo = "_flowProgressBar_15zs5_660", uo = "_flowProgressBarSection_15zs5_668", fo = "_flowProgressHint_15zs5_681", Bo = "_diagnosticFileIcon_15zs5_694", Do = {
+const o = "_dot_uyhnx_1", e = "_line_uyhnx_17", t = "_desktopFlowModal_uyhnx_31", n = "_desktopFlowModalHeader_uyhnx_49", s = "_desktopFlowModalHeaderCompact_uyhnx_59", r = "_desktopFlowModalHeaderFloating_uyhnx_71", l = "_desktopFlowModalTitle_uyhnx_97", d = "_desktopFlowModalBody_uyhnx_111", a = "_desktopFlowModalBodyFloating_uyhnx_119", p = "_reportProblemModal_uyhnx_127", _ = "_diagnosticsConsentModal_uyhnx_197", c = "_diagnosticsProgressModal_uyhnx_215", i = "_diagnosticsResultModal_uyhnx_235", u = "_desktopUpdateCheckingModal_uyhnx_253", h = "_desktopUpdateResultModal_uyhnx_273", k = "_desktopUpdateAvailableModal_uyhnx_293", w = "_desktopUpdateDownloadModal_uyhnx_313", y = "_desktopUpdateCheckingBody_uyhnx_357", x = "_desktopUpdateResultBody_uyhnx_359", P = "_desktopUpdateDownloadBody_uyhnx_361", M = "_desktopUpdateCheckingStack_uyhnx_369", m = "_desktopUpdateSpinner_uyhnx_381", b = "_desktopUpdateResultIcon_uyhnx_429", g = "_desktopUpdateSuccessIcon_uyhnx_445", U = "_desktopUpdateErrorIcon_uyhnx_453", f = "_desktopUpdateDownloadStack_uyhnx_461", B = "_desktopUpdateDownloadDescription_uyhnx_479", D = "_desktopUpdateDownloadAnimation_uyhnx_499", F = "_desktopUpdateDownloadMeter_uyhnx_513", C = "_desktopUpdateDownloadHeader_uyhnx_525", R = "_desktopUpdateRemaining_uyhnx_537", I = "_desktopUpdateRemainingLabel_uyhnx_551", S = "_desktopUpdateRemainingValue_uyhnx_559", H = "_desktopUpdateDownloadHint_uyhnx_567", O = "_diagnosticsFloatingBody_uyhnx_593", L = "_helpMenuDropdown_uyhnx_601", T = "_helpMenuContent_uyhnx_627", A = "_helpMenuFooter_uyhnx_717", v = "_helpMenuUpdateBlock_uyhnx_731", V = "_helpMenuUpdateLabel_uyhnx_741", E = "_helpMenuPrimaryItem_uyhnx_761", W = "_helpMenuUpdateVersion_uyhnx_807", j = "_reportProblemForm_uyhnx_823", q = "_reportProblemOptions_uyhnx_835", z = "_reportProblemOptionRoot_uyhnx_847", G = "_reportProblemOptionBody_uyhnx_855", J = "_reportProblemOptionInner_uyhnx_865", K = "_reportProblemOptionInput_uyhnx_875", N = "_reportProblemOptionLabel_uyhnx_891", Q = "_flowCheckboxLabel_uyhnx_893", X = "_reportProblemTextareaRoot_uyhnx_923", Y = "_reportProblemTextareaWrapper_uyhnx_939", Z = "_reportProblemDescriptionLabel_uyhnx_947", $ = "_reportProblemTextareaInput_uyhnx_967", oo = "_reportProblemActions_uyhnx_1001", eo = "_flowActions_uyhnx_1003", to = "_reportProblemButton_uyhnx_1021", no = "_reportProblemCancelButton_uyhnx_1041", so = "_reportProblemSubmitButton_uyhnx_1053", ro = "_flowIntroStack_uyhnx_1065", lo = "_flowResultStack_uyhnx_1067", ao = "_flowStatusIcon_uyhnx_1085", po = "_flowTitle_uyhnx_1095", _o = "_flowDescription_uyhnx_1165", co = "_flowDivider_uyhnx_1179", io = "_flowConsentDivider_uyhnx_1191", uo = "_flowConsentCheckbox_uyhnx_1199", ho = "_flowFullButton_uyhnx_1215", ko = "_flowProgressRoot_uyhnx_1237", wo = "_flowProgressMeter_uyhnx_1261", yo = "_flowProgressHeader_uyhnx_1273", xo = "_flowProgressMeta_uyhnx_1287", Po = "_flowProgressMetaPrimary_uyhnx_1301", Mo = "_flowProgressMetaSecondary_uyhnx_1309", mo = "_flowProgressBar_uyhnx_1319", bo = "_flowProgressBarSection_uyhnx_1335", go = "_flowProgressHint_uyhnx_1361", Uo = "_diagnosticFileIcon_uyhnx_1387", fo = {
   dot: o,
   line: e,
   desktopFlowModal: t,
-  desktopFlowModalHeader: s,
-  desktopFlowModalHeaderCompact: n,
+  desktopFlowModalHeader: n,
+  desktopFlowModalHeaderCompact: s,
   desktopFlowModalHeaderFloating: r,
   desktopFlowModalTitle: l,
   desktopFlowModalBody: d,
@@ -12,38 +12,38 @@ const o = "_dot_15zs5_1", e = "_line_15zs5_9", t = "_desktopFlowModal_15zs5_16",
   diagnosticsConsentModal: _,
   diagnosticsProgressModal: c,
   diagnosticsResultModal: i,
-  desktopUpdateCheckingModal: k,
-  desktopUpdateResultModal: w,
-  desktopUpdateAvailableModal: P,
-  desktopUpdateDownloadModal: M,
-  desktopUpdateCheckingBody: m,
-  desktopUpdateResultBody: z,
-  desktopUpdateDownloadBody: b,
-  desktopUpdateCheckingStack: g,
-  desktopUpdateSpinner: U,
-  desktopUpdateResultIcon: u,
-  desktopUpdateSuccessIcon: f,
-  desktopUpdateErrorIcon: B,
-  desktopUpdateDownloadStack: D,
-  desktopUpdateDownloadDescription: F,
-  desktopUpdateDownloadAnimation: h,
-  desktopUpdateDownloadMeter: C,
-  desktopUpdateDownloadHeader: R,
-  desktopUpdateRemaining: y,
+  desktopUpdateCheckingModal: u,
+  desktopUpdateResultModal: h,
+  desktopUpdateAvailableModal: k,
+  desktopUpdateDownloadModal: w,
+  desktopUpdateCheckingBody: y,
+  desktopUpdateResultBody: x,
+  desktopUpdateDownloadBody: P,
+  desktopUpdateCheckingStack: M,
+  desktopUpdateSpinner: m,
+  desktopUpdateResultIcon: b,
+  desktopUpdateSuccessIcon: g,
+  desktopUpdateErrorIcon: U,
+  desktopUpdateDownloadStack: f,
+  desktopUpdateDownloadDescription: B,
+  desktopUpdateDownloadAnimation: D,
+  desktopUpdateDownloadMeter: F,
+  desktopUpdateDownloadHeader: C,
+  desktopUpdateRemaining: R,
   desktopUpdateRemainingLabel: I,
   desktopUpdateRemainingValue: S,
   desktopUpdateDownloadHint: H,
   diagnosticsFloatingBody: O,
-  helpMenuDropdown: x,
-  helpMenuContent: L,
-  helpMenuFooter: T,
-  helpMenuUpdateBlock: A,
-  helpMenuUpdateLabel: v,
-  helpMenuPrimaryItem: V,
-  helpMenuUpdateVersion: E,
-  reportProblemForm: W,
-  reportProblemOptions: j,
-  reportProblemOptionRoot: q,
+  helpMenuDropdown: L,
+  helpMenuContent: T,
+  helpMenuFooter: A,
+  helpMenuUpdateBlock: v,
+  helpMenuUpdateLabel: V,
+  helpMenuPrimaryItem: E,
+  helpMenuUpdateVersion: W,
+  reportProblemForm: j,
+  reportProblemOptions: q,
+  reportProblemOptionRoot: z,
   reportProblemOptionBody: G,
   reportProblemOptionInner: J,
   reportProblemOptionInput: K,
@@ -56,8 +56,8 @@ const o = "_dot_15zs5_1", e = "_line_15zs5_9", t = "_desktopFlowModal_15zs5_16",
   reportProblemActions: oo,
   flowActions: eo,
   reportProblemButton: to,
-  reportProblemCancelButton: so,
-  reportProblemSubmitButton: no,
+  reportProblemCancelButton: no,
+  reportProblemSubmitButton: so,
   flowIntroStack: ro,
   flowResultStack: lo,
   flowStatusIcon: ao,
@@ -65,50 +65,50 @@ const o = "_dot_15zs5_1", e = "_line_15zs5_9", t = "_desktopFlowModal_15zs5_16",
   flowDescription: _o,
   flowDivider: co,
   flowConsentDivider: io,
-  flowConsentCheckbox: ko,
-  flowFullButton: wo,
-  flowProgressRoot: Po,
-  flowProgressMeter: Mo,
-  flowProgressHeader: mo,
-  flowProgressMeta: zo,
-  flowProgressMetaPrimary: bo,
-  flowProgressMetaSecondary: go,
-  flowProgressBar: Uo,
-  flowProgressBarSection: uo,
-  flowProgressHint: fo,
-  diagnosticFileIcon: Bo
+  flowConsentCheckbox: uo,
+  flowFullButton: ho,
+  flowProgressRoot: ko,
+  flowProgressMeter: wo,
+  flowProgressHeader: yo,
+  flowProgressMeta: xo,
+  flowProgressMetaPrimary: Po,
+  flowProgressMetaSecondary: Mo,
+  flowProgressBar: mo,
+  flowProgressBarSection: bo,
+  flowProgressHint: go,
+  diagnosticFileIcon: Uo
 };
 export {
-  Do as default,
+  fo as default,
   t as desktopFlowModal,
   d as desktopFlowModalBody,
   a as desktopFlowModalBodyFloating,
-  s as desktopFlowModalHeader,
-  n as desktopFlowModalHeaderCompact,
+  n as desktopFlowModalHeader,
+  s as desktopFlowModalHeaderCompact,
   r as desktopFlowModalHeaderFloating,
   l as desktopFlowModalTitle,
-  P as desktopUpdateAvailableModal,
-  m as desktopUpdateCheckingBody,
-  k as desktopUpdateCheckingModal,
-  g as desktopUpdateCheckingStack,
-  h as desktopUpdateDownloadAnimation,
-  b as desktopUpdateDownloadBody,
-  F as desktopUpdateDownloadDescription,
-  R as desktopUpdateDownloadHeader,
+  k as desktopUpdateAvailableModal,
+  y as desktopUpdateCheckingBody,
+  u as desktopUpdateCheckingModal,
+  M as desktopUpdateCheckingStack,
+  D as desktopUpdateDownloadAnimation,
+  P as desktopUpdateDownloadBody,
+  B as desktopUpdateDownloadDescription,
+  C as desktopUpdateDownloadHeader,
   H as desktopUpdateDownloadHint,
-  C as desktopUpdateDownloadMeter,
-  M as desktopUpdateDownloadModal,
-  D as desktopUpdateDownloadStack,
-  B as desktopUpdateErrorIcon,
-  y as desktopUpdateRemaining,
+  F as desktopUpdateDownloadMeter,
+  w as desktopUpdateDownloadModal,
+  f as desktopUpdateDownloadStack,
+  U as desktopUpdateErrorIcon,
+  R as desktopUpdateRemaining,
   I as desktopUpdateRemainingLabel,
   S as desktopUpdateRemainingValue,
-  z as desktopUpdateResultBody,
-  u as desktopUpdateResultIcon,
-  w as desktopUpdateResultModal,
-  U as desktopUpdateSpinner,
-  f as desktopUpdateSuccessIcon,
-  Bo as diagnosticFileIcon,
+  x as desktopUpdateResultBody,
+  b as desktopUpdateResultIcon,
+  h as desktopUpdateResultModal,
+  m as desktopUpdateSpinner,
+  g as desktopUpdateSuccessIcon,
+  Uo as diagnosticFileIcon,
   _ as diagnosticsConsentModal,
   O as diagnosticsFloatingBody,
   c as diagnosticsProgressModal,
@@ -116,45 +116,45 @@ export {
   o as dot,
   eo as flowActions,
   Q as flowCheckboxLabel,
-  ko as flowConsentCheckbox,
+  uo as flowConsentCheckbox,
   io as flowConsentDivider,
   _o as flowDescription,
   co as flowDivider,
-  wo as flowFullButton,
+  ho as flowFullButton,
   ro as flowIntroStack,
-  Uo as flowProgressBar,
-  uo as flowProgressBarSection,
-  mo as flowProgressHeader,
-  fo as flowProgressHint,
-  zo as flowProgressMeta,
-  bo as flowProgressMetaPrimary,
-  go as flowProgressMetaSecondary,
-  Mo as flowProgressMeter,
-  Po as flowProgressRoot,
+  mo as flowProgressBar,
+  bo as flowProgressBarSection,
+  yo as flowProgressHeader,
+  go as flowProgressHint,
+  xo as flowProgressMeta,
+  Po as flowProgressMetaPrimary,
+  Mo as flowProgressMetaSecondary,
+  wo as flowProgressMeter,
+  ko as flowProgressRoot,
   lo as flowResultStack,
   ao as flowStatusIcon,
   po as flowTitle,
-  L as helpMenuContent,
-  x as helpMenuDropdown,
-  T as helpMenuFooter,
-  V as helpMenuPrimaryItem,
-  A as helpMenuUpdateBlock,
-  v as helpMenuUpdateLabel,
-  E as helpMenuUpdateVersion,
+  T as helpMenuContent,
+  L as helpMenuDropdown,
+  A as helpMenuFooter,
+  E as helpMenuPrimaryItem,
+  v as helpMenuUpdateBlock,
+  V as helpMenuUpdateLabel,
+  W as helpMenuUpdateVersion,
   e as line,
   oo as reportProblemActions,
   to as reportProblemButton,
-  so as reportProblemCancelButton,
+  no as reportProblemCancelButton,
   Z as reportProblemDescriptionLabel,
-  W as reportProblemForm,
+  j as reportProblemForm,
   p as reportProblemModal,
   G as reportProblemOptionBody,
   J as reportProblemOptionInner,
   K as reportProblemOptionInput,
   N as reportProblemOptionLabel,
-  q as reportProblemOptionRoot,
-  j as reportProblemOptions,
-  no as reportProblemSubmitButton,
+  z as reportProblemOptionRoot,
+  q as reportProblemOptions,
+  so as reportProblemSubmitButton,
   $ as reportProblemTextareaInput,
   X as reportProblemTextareaRoot,
   Y as reportProblemTextareaWrapper

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

@@ -19,6 +19,18 @@ export type AppContainerProps = {
     content?: ReactNode;
     toolbar?: ReactNode;
     rightbar?: ReactNode;
+    /**
+     * Makes the toolbar sidebar resizable with a width owned by the caller
+     * (independent + separately persisted) instead of the shared
+     * `appContainerStore.toolbarWidth`. Drag updates flow through `onChange`.
+     * Omit it to keep the default shared-store width.
+     */
+    toolbarResize?: {
+        width: number;
+        onChange: (width: number) => void;
+        minWidth?: number;
+        maxWidth?: number;
+    };
     header: ReactNode;
     navbarTitle?: string;
     displayType?: 'ROUNDED' | 'BOXED';