@layers-app/shared 0.4.8 → 0.4.10

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

@@ -1,27 +1,27 @@
-import { jsx as t, Fragment as oe, jsxs as n } from "react/jsx-runtime";
-import { useState as V, useRef as ne, useMemo as ve, useCallback as D, useEffect as _ } from "react";
-import { useTranslation as X } from "react-i18next";
-import { Bug02Icon as ye, DiscountTag02Icon as Se, CustomerSupportIcon as Pe, Book02Icon as Ie, Structure02Icon as Ue, FlashIcon as re, InstallingUpdates02Icon as Fe, FileSearchIcon as we, BookOpen01Icon as Te, LicenseIcon as Ve, DocumentCodeIcon as Re, ReloadIcon as He, Tick02Icon as $e, AlertCircleIcon as Be } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as T } from "@hugeicons/react";
-import { Menu as P, Stack as f, Button as I, Popover as se, UnstyledButton as xe, Group as z, Text as i, Tooltip as Le, Loader as Ae, Modal as ce, Checkbox as ke, Textarea as Ee, Progress as G, Box as de, Center as ze } from "@mantine/core";
-import { notifications as ae } from "@mantine/notifications";
-import { IconChevronRight as Oe } from "@tabler/icons-react";
-import Ze from "../../../../../assets/svg/discord-icon.svg.js";
-import je from "../../../../../assets/svg/telegram-icon.svg.js";
-import We from "../../../../../assets/svg/whatsapp-icon.svg.js";
+import { jsx as t, Fragment as ae, jsxs as n } from "react/jsx-runtime";
+import { useState as T, useRef as le, useMemo as Se, useCallback as D, useEffect as W } from "react";
+import { useTranslation as ee } from "react-i18next";
+import { Bug02Icon as Pe, DiscountTag02Icon as Ie, CustomerSupportIcon as Ue, Book02Icon as Fe, Structure02Icon as Te, FlashIcon as ie, InstallingUpdates02Icon as Ve, FileSearchIcon as Ce, BookOpen01Icon as Re, LicenseIcon as He, DocumentCodeIcon as $e, ReloadIcon as Be, Tick02Icon as xe, AlertCircleIcon as Le } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as F } from "@hugeicons/react";
+import { Menu as I, Stack as h, Button as U, Popover as ne, UnstyledButton as Ae, Group as z, Text as l, Tooltip as Ee, Loader as ze, Modal as pe, Checkbox as be, Textarea as Oe, Progress as _, Box as ue, Center as Ze } from "@mantine/core";
+import { notifications as re } from "@mantine/notifications";
+import { IconChevronRight as je } from "@tabler/icons-react";
+import We from "../../../../../assets/svg/discord-icon.svg.js";
+import _e from "../../../../../assets/svg/telegram-icon.svg.js";
+import Ge from "../../../../../assets/svg/whatsapp-icon.svg.js";
 import { brand as B } from "../../../../../config/brand.js";
-import { getEnvConfig as _e } from "../../../../../config/envConfig.js";
-import { isFeature as Ge } from "../../../../../helpers/feature.js";
-import { showWarningNotification as le, showSuccessNotification as Ce, showErrorNotification as ie, showMessageNotification as qe, updateMessageNotification as Ke } from "../../../../../helpers/showNotifications.js";
-import { usePlatform as Je } from "../../../../../hooks/usePlatform.js";
-import { resetFeatureFlow as Qe } from "../../../../../store/featureProgress.js";
-import { useAppContainerDataStore as Ye } from "../../../hooks/useAppContainerDataStore.js";
-import { WhatsNew as Xe } from "./WhatsNew.js";
+import { getEnvConfig as qe } from "../../../../../config/envConfig.js";
+import { isFeature as Ke } from "../../../../../helpers/feature.js";
+import { showWarningNotification as ce, showSuccessNotification as Me, showErrorNotification as de, showMessageNotification as Je, updateMessageNotification as Qe } from "../../../../../helpers/showNotifications.js";
+import { usePlatform as Ye } from "../../../../../hooks/usePlatform.js";
+import { resetFeatureFlow as Xe } from "../../../../../store/featureProgress.js";
+import { useAppContainerDataStore as et } from "../../../hooks/useAppContainerDataStore.js";
+import { WhatsNew as tt } from "./WhatsNew.js";
 import e from "./HelpMenu.module.css.js";
-import { LayersCubeIcon as be } from "../../../../IntegrationFlowAnimation/icons/LayersCubeIcon.js";
-import { IntegrationFlowAnimation as Me } from "../../../../IntegrationFlowAnimation/IntegrationFlowAnimation.js";
-import { FeatureProgressKey as et } from "../../../../FeatureProgress/constants.js";
-const Y = "layers-desktop-diagnostics", tt = [
+import { LayersCubeIcon as Ne } from "../../../../IntegrationFlowAnimation/icons/LayersCubeIcon.js";
+import { IntegrationFlowAnimation as De } from "../../../../IntegrationFlowAnimation/IntegrationFlowAnimation.js";
+import { FeatureProgressKey as ot } from "../../../../FeatureProgress/constants.js";
+const X = "layers-desktop-diagnostics", st = [
   "pageLoad",
   "taskEditing",
   "calling",
@@ -29,52 +29,52 @@ const Y = "layers-desktop-diagnostics", tt = [
   "appFreeze",
   "uiBug",
   "other"
-], ot = [
+], at = [
   "M321 110.75C321.414 110.75 321.75 110.414 321.75 110C321.75 109.586 321.414 109.25 321 109.25V110V110.75ZM319 105.25C318.586 105.25 318.25 105.586 318.25 106C318.25 106.414 318.586 106.75 319 106.75V106V105.25ZM319 113.25C318.586 113.25 318.25 113.586 318.25 114C318.25 114.414 318.586 114.75 319 114.75V114V113.25ZM313 109.25C312.586 109.25 312.25 109.586 312.25 110C312.25 110.414 312.586 110.75 313 110.75V110V109.25ZM315 114.75C315.414 114.75 315.75 114.414 315.75 114C315.75 113.586 315.414 113.25 315 113.25V114V114.75ZM315 106.75C315.414 106.75 315.75 106.414 315.75 106C315.75 105.586 315.414 105.25 315 105.25V106V106.75ZM320 107H319.25V109H320H320.75V107H320ZM320 109H319.25C319.25 109.966 320.034 110.75 321 110.75V110V109.25C320.862 109.25 320.75 109.138 320.75 109H320ZM319 106V106.75C319.138 106.75 319.25 106.862 319.25 107H320H320.75C320.75 106.034 319.966 105.25 319 105.25V106ZM320 113H320.75V111H320H319.25V113H320ZM320 111H320.75C320.75 110.862 320.862 110.75 321 110.75V110V109.25C320.034 109.25 319.25 110.034 319.25 111H320ZM319 114V114.75C319.966 114.75 320.75 113.967 320.75 113H320H319.25C319.25 113.138 319.138 113.25 319 113.25V114ZM314 109H313.25C313.25 109.138 313.138 109.25 313 109.25V110V110.75C313.967 110.75 314.75 109.966 314.75 109H314ZM314 111H314.75C314.75 110.034 313.967 109.25 313 109.25V110V110.75C313.138 110.75 313.25 110.862 313.25 111H314ZM314 113H314.75V111H314H313.25V113H314ZM314 107H313.25V109H314H314.75V107H314ZM315 114V113.25C314.862 113.25 314.75 113.138 314.75 113H314H313.25C313.25 113.967 314.033 114.75 315 114.75V114ZM315 106V105.25C314.033 105.25 313.25 106.034 313.25 107H314H314.75C314.75 106.862 314.862 106.75 315 106.75V106Z",
   "M323.25 95V94.5C323.25 94.0858 323.586 93.75 324 93.75C324.414 93.75 324.75 94.0858 324.75 94.5V95C324.75 96.4352 324.752 97.4361 324.854 98.1914C324.952 98.9252 325.132 99.3141 325.409 99.5908C325.686 99.8676 326.075 100.048 326.809 100.146C327.564 100.248 328.565 100.25 330 100.25H330.5C330.914 100.25 331.25 100.586 331.25 101C331.25 101.414 330.914 101.75 330.5 101.75H330C328.607 101.75 327.487 101.752 326.608 101.634C325.708 101.513 324.951 101.253 324.349 100.651C323.747 100.049 323.487 99.2917 323.366 98.3916C323.248 97.5131 323.25 96.3929 323.25 95Z",
   "M314.25 102V101.456C314.25 99.8517 314.249 98.5832 314.366 97.581C314.485 96.5627 314.734 95.7229 315.302 95.0185C315.514 94.7549 315.755 94.5143 316.019 94.3017C316.723 93.7339 317.563 93.4851 318.581 93.3662C319.583 93.2492 320.852 93.25 322.456 93.25C323.109 93.25 323.615 93.2405 324.087 93.4072C324.179 93.4398 324.27 93.4774 324.358 93.5195C324.81 93.7356 325.16 94.0998 325.622 94.5615L330.358 99.2978C330.826 99.7659 331.211 100.135 331.448 100.58L331.541 100.776L331.613 100.98C331.76 101.463 331.75 101.995 331.75 102.657V106C331.75 107.864 331.751 109.338 331.597 110.489C331.439 111.662 331.107 112.61 330.358 113.358C329.68 114.036 328.837 114.374 327.809 114.549C326.802 114.719 325.549 114.744 324.002 114.749C323.588 114.75 323.251 114.415 323.25 114.001C323.249 113.587 323.584 113.25 323.998 113.249C325.565 113.244 326.694 113.216 327.558 113.069C328.399 112.926 328.913 112.683 329.298 112.298C329.721 111.875 329.975 111.295 330.11 110.289C330.249 109.261 330.25 107.907 330.25 106V102.657C330.25 101.779 330.237 101.548 330.155 101.351L330.12 101.276C330.027 101.102 329.842 100.902 329.298 100.358L324.562 95.622C324.16 95.2201 323.976 95.0437 323.839 94.9472L323.711 94.872C323.671 94.8528 323.63 94.836 323.588 94.8213C323.414 94.7599 323.214 94.75 322.456 94.75C320.816 94.75 319.65 94.751 318.755 94.8554C317.876 94.9581 317.355 95.1516 316.96 95.4697C316.78 95.6152 316.615 95.7795 316.47 95.9599C316.152 96.3545 315.958 96.876 315.855 97.7549C315.751 98.6499 315.75 99.8155 315.75 101.456V102C315.75 102.414 315.414 102.75 315 102.75C314.586 102.75 314.25 102.414 314.25 102Z"
-], st = () => /* @__PURE__ */ t(
+], nt = () => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
     className: e.diagnosticFileIcon,
     focusable: "false",
     viewBox: "310 92 24 24",
-    children: ot.map((r) => /* @__PURE__ */ t("path", { d: r, fill: "currentColor" }, r))
+    children: at.map((r) => /* @__PURE__ */ t("path", { d: r, fill: "currentColor" }, r))
   }
 ), x = () => {
   if (!(typeof window > "u"))
     return window.layersDesktop;
-}, pe = (r) => Math.max(0, Math.min(100, Number.isFinite(r) ? Number(r) : 0)), at = (r) => {
-  const g = r?.totalBytes ?? 0, o = r?.transferredBytes ?? 0, m = r?.bytesPerSecond ?? 0;
-  return g <= 0 || m <= 0 || o >= g ? null : Math.max(0, Math.round((g - o) / m));
-}, nt = async (r) => {
+}, ge = (r) => Math.max(0, Math.min(100, Number.isFinite(r) ? Number(r) : 0)), rt = (r) => {
+  const u = r?.totalBytes ?? 0, o = r?.transferredBytes ?? 0, g = r?.bytesPerSecond ?? 0;
+  return u <= 0 || g <= 0 || o >= u ? null : Math.max(0, Math.round((u - o) / g));
+}, lt = async (r) => {
   try {
-    const g = await r.json();
-    return g.message || g.code || r.statusText;
+    const u = await r.json();
+    return u.message || u.code || r.statusText;
   } catch {
     return r.statusText;
   }
-}, rt = ({
+}, it = ({
   leftIcon: r,
-  rightIcon: g,
+  rightIcon: u,
   percent: o,
-  remainingLabel: m,
+  remainingLabel: g,
   statusLabel: s,
-  hint: a
+  hint: f
 }) => {
-  const u = pe(o), p = m || s;
-  return /* @__PURE__ */ n(f, { className: e.flowProgressRoot, gap: 10, children: [
+  const a = ge(o), c = g || s;
+  return /* @__PURE__ */ n(h, { className: e.flowProgressRoot, gap: 10, children: [
     /* @__PURE__ */ t(
-      Me,
+      De,
       {
         leftIcon: r,
-        rightIcon: g,
+        rightIcon: u,
         height: 100,
         particleCount: 24
       }
     ),
-    /* @__PURE__ */ n(f, { className: e.flowProgressMeter, gap: 6, children: [
+    /* @__PURE__ */ n(h, { className: e.flowProgressMeter, gap: 6, children: [
       /* @__PURE__ */ n(
         z,
         {
@@ -84,35 +84,35 @@ const Y = "layers-desktop-diagnostics", tt = [
           wrap: "nowrap",
           children: [
             /* @__PURE__ */ n(
-              i,
+              l,
               {
                 className: `${e.flowProgressMeta} ${e.flowProgressMetaPrimary}`,
                 children: [
-                  Math.round(u),
+                  Math.round(a),
                   "%"
                 ]
               }
             ),
-            p && /* @__PURE__ */ t(
-              i,
+            c && /* @__PURE__ */ t(
+              l,
               {
                 className: `${e.flowProgressMeta} ${e.flowProgressMetaSecondary}`,
-                children: p
+                children: c
               }
             )
           ]
         }
       ),
       /* @__PURE__ */ t(
-        G.Root,
+        _.Root,
         {
           size: 6,
           radius: "xl",
           className: e.flowProgressBar,
           children: /* @__PURE__ */ t(
-            G.Section,
+            _.Section,
             {
-              value: u,
+              value: a,
               color: "#4c6ef5",
               className: e.flowProgressBarSection
             }
@@ -120,22 +120,22 @@ const Y = "layers-desktop-diagnostics", tt = [
         }
       )
     ] }),
-    a && /* @__PURE__ */ t(i, { component: "div", className: e.flowProgressHint, children: a })
+    f && /* @__PURE__ */ t(l, { component: "div", className: e.flowProgressHint, children: f })
   ] });
-}, q = ({
+}, G = ({
   status: r,
-  icon: g
+  icon: u
 }) => {
-  const o = g ?? (r === "success" ? $e : r === "error" ? Be : we);
-  return /* @__PURE__ */ t(ze, { className: e.flowStatusIcon, "data-status": r, children: /* @__PURE__ */ t(T, { icon: o, size: 32 }) });
-}, lt = ({ label: r }) => /* @__PURE__ */ t(
-  de,
+  const o = u ?? (r === "success" ? xe : r === "error" ? Le : Ce);
+  return /* @__PURE__ */ t(Ze, { className: e.flowStatusIcon, "data-status": r, children: /* @__PURE__ */ t(F, { icon: o, size: 32 }) });
+}, ct = ({ label: r }) => /* @__PURE__ */ t(
+  ue,
   {
     "aria-label": r,
     className: e.desktopUpdateSpinner,
     role: "status"
   }
-), fe = () => /* @__PURE__ */ t(
+), ke = () => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
@@ -154,7 +154,7 @@ const Y = "layers-desktop-diagnostics", tt = [
       }
     )
   }
-), it = () => /* @__PURE__ */ n(
+), dt = () => /* @__PURE__ */ n(
   "svg",
   {
     "aria-hidden": "true",
@@ -195,33 +195,33 @@ const Y = "layers-desktop-diagnostics", tt = [
       )
     ]
   }
-), Vt = ({
+), Ht = ({
   opened: r,
-  onClose: g
+  onClose: u
 }) => {
-  const { t: o } = X("helpMenu"), [m, s] = V(null), [a, u] = V([]), [p, v] = V(""), [U, F] = V(!1), l = D(() => {
-    u([]), v(""), g();
-  }, [g]), S = D((d) => {
-    u(
-      (b) => b.includes(d) ? b.filter((C) => C !== d) : [...b, d]
+  const { t: o } = ee("helpMenu"), [g, s] = T(null), [f, a] = T([]), [c, S] = T(""), [P, R] = T(!1), i = D(() => {
+    a([]), S(""), u();
+  }, [u]), C = D((p) => {
+    a(
+      (v) => v.includes(p) ? v.filter((w) => w !== p) : [...v, p]
     );
-  }, []), k = D(async () => {
-    const d = p.trim(), b = a.map(
+  }, []), b = D(async () => {
+    const p = c.trim(), v = f.map(
       (M) => o(`reportProblemCategories.${M}`)
-    ), C = d || `Desktop support report: ${b.join(", ")}`;
-    if (!a.length) {
-      le({
+    ), w = p || `Desktop support report: ${v.join(", ")}`;
+    if (!f.length) {
+      ce({
         title: o("reportProblemCategoryEmptyTitle"),
         message: o("reportProblemCategoryEmptyMessage")
       });
       return;
     }
-    F(!0);
+    R(!0);
     try {
-      let M = m;
-      const $ = x();
-      !M && typeof $?.getVersion == "function" && (M = await $.getVersion().catch(() => null));
-      const R = await fetch(
+      let M = g;
+      const H = x();
+      !M && typeof H?.getVersion == "function" && (M = await H.getVersion().catch(() => null));
+      const V = await fetch(
         "/v1/local/support/reports?telemetryLimit=200",
         {
           method: "POST",
@@ -229,7 +229,7 @@ const Y = "layers-desktop-diagnostics", tt = [
           body: JSON.stringify({
             category: "DESKTOP_USER_REPORT",
             severity: "MEDIUM",
-            message: C,
+            message: w,
             pageUrl: window.location.href,
             appVersion: M ?? void 0,
             clientData: {
@@ -237,10 +237,10 @@ const Y = "layers-desktop-diagnostics", tt = [
               userAgent: navigator.userAgent,
               language: navigator.language,
               path: window.location.pathname,
-              problemCategories: a,
-              problemCategoryLabels: b,
-              userDescription: d || null,
-              messageGeneratedFromCategories: !d,
+              problemCategories: f,
+              problemCategoryLabels: v,
+              userDescription: p || null,
+              messageGeneratedFromCategories: !p,
               diagnosticsConsentAccepted: !0,
               diagnosticsConsentAcceptedAtMs: Date.now(),
               diagnosticsConsentScope: "desktop-support-report",
@@ -249,11 +249,11 @@ const Y = "layers-desktop-diagnostics", tt = [
           })
         }
       );
-      if (!R.ok)
-        throw new Error(await nt(R));
-      const N = await R.json();
-      if (v(""), l(), N.desktopBundleAttached === !1) {
-        le({
+      if (!V.ok)
+        throw new Error(await lt(V));
+      const N = await V.json();
+      if (S(""), i(), N.desktopBundleAttached === !1) {
+        ce({
           title: o("supportReportSentTitle"),
           message: o("supportReportSentWithoutDiagnostics", {
             id: N.id ?? o("supportReportUnknownId")
@@ -261,39 +261,39 @@ const Y = "layers-desktop-diagnostics", tt = [
         });
         return;
       }
-      Ce({
+      Me({
         title: o("supportReportSentTitle"),
         message: o("supportReportSentMessage", {
           id: N.id ?? o("supportReportUnknownId")
         })
       });
     } catch (M) {
-      ie({
+      de({
         title: o("supportReportFailedTitle"),
         message: M instanceof Error && M.message ? M.message : o("supportReportFailedMessage")
       });
     } finally {
-      F(!1);
+      R(!1);
     }
-  }, [m, l, a, p, o]);
-  return _(() => {
-    let d = !0;
-    const b = x();
-    return typeof b?.getVersion != "function" ? (s(null), () => {
-      d = !1;
-    }) : (b.getVersion().then((C) => {
-      d && s(C || null);
+  }, [g, i, f, c, o]);
+  return W(() => {
+    let p = !0;
+    const v = x();
+    return typeof v?.getVersion != "function" ? (s(null), () => {
+      p = !1;
+    }) : (v.getVersion().then((w) => {
+      p && s(w || null);
     }).catch(() => {
-      d && s(null);
+      p && s(null);
     }), () => {
-      d = !1;
+      p = !1;
     });
   }, []), /* @__PURE__ */ t(
-    ce,
+    pe,
     {
       opened: r,
       onClose: () => {
-        U || l();
+        P || i();
       },
       title: o("reportProblemQuestion"),
       size: 440,
@@ -304,13 +304,13 @@ const Y = "layers-desktop-diagnostics", tt = [
         title: e.desktopFlowModalTitle,
         body: e.desktopFlowModalBody
       },
-      children: /* @__PURE__ */ n(f, { className: e.reportProblemForm, gap: 24, children: [
-        /* @__PURE__ */ t(f, { className: e.reportProblemOptions, gap: 16, children: tt.map((d) => /* @__PURE__ */ t(
-          ke,
+      children: /* @__PURE__ */ n(h, { className: e.reportProblemForm, gap: 24, children: [
+        /* @__PURE__ */ t(h, { className: e.reportProblemOptions, gap: 16, children: st.map((p) => /* @__PURE__ */ t(
+          be,
           {
             size: "sm",
-            checked: a.includes(d),
-            disabled: U,
+            checked: f.includes(p),
+            disabled: P,
             classNames: {
               root: e.reportProblemOptionRoot,
               body: e.reportProblemOptionBody,
@@ -318,19 +318,19 @@ const Y = "layers-desktop-diagnostics", tt = [
               input: e.reportProblemOptionInput,
               label: e.reportProblemOptionLabel
             },
-            label: o(`reportProblemCategories.${d}`),
-            onChange: () => S(d)
+            label: o(`reportProblemCategories.${p}`),
+            onChange: () => C(p)
           },
-          d
+          p
         )) }),
         /* @__PURE__ */ t(
-          Ee,
+          Oe,
           {
             label: o("reportProblemDescriptionLabel"),
             minRows: 4,
             autosize: !1,
-            value: p,
-            disabled: U,
+            value: c,
+            disabled: P,
             placeholder: o("reportProblemPlaceholder"),
             classNames: {
               root: e.reportProblemTextareaRoot,
@@ -338,32 +338,32 @@ const Y = "layers-desktop-diagnostics", tt = [
               label: e.reportProblemDescriptionLabel,
               input: e.reportProblemTextareaInput
             },
-            onChange: (d) => v(d.currentTarget.value)
+            onChange: (p) => S(p.currentTarget.value)
           }
         ),
         /* @__PURE__ */ n(z, { className: e.reportProblemActions, gap: 10, wrap: "nowrap", children: [
           /* @__PURE__ */ t(
-            I,
+            U,
             {
               variant: "default",
               flex: 1,
               h: 36,
-              disabled: U,
+              disabled: P,
               className: `${e.reportProblemButton} ${e.reportProblemCancelButton}`,
-              onClick: l,
+              onClick: i,
               children: o("reportProblemCancel")
             }
           ),
           /* @__PURE__ */ t(
-            I,
+            U,
             {
               flex: 1,
               h: 36,
-              loading: U,
-              disabled: U,
+              loading: P,
+              disabled: P,
               className: `${e.reportProblemButton} ${e.reportProblemSubmitButton}`,
               onClick: () => {
-                k();
+                b();
               },
               children: o("sendReport")
             }
@@ -372,33 +372,33 @@ const Y = "layers-desktop-diagnostics", tt = [
       ] })
     }
   );
-}, Rt = ({
+}, $t = ({
   opened: r,
-  onClose: g,
+  onClose: u,
   collecting: o,
-  onCollectingChange: m
+  onCollectingChange: g
 }) => {
-  const { t: s } = X("helpMenu"), [a, u] = V(!0), [p, v] = V("consent"), [U, F] = V({
+  const { t: s } = ee("helpMenu"), [f, a] = T(!0), [c, S] = T("consent"), [P, R] = T({
     phase: "preparing",
     percent: 0
-  }), [l, S] = V(null), k = ne(r), d = ne(!1);
-  _(() => {
-    k.current = r, r && (d.current = !1);
+  }), [i, C] = T(null), b = le(r), p = le(!1);
+  W(() => {
+    b.current = r, r && (p.current = !1);
   }, [r]);
-  const b = D(() => {
-    v("consent"), u(!0), F({ phase: "preparing", percent: 0 }), S(null), d.current = !1;
-  }, []), C = D(
+  const v = D(() => {
+    S("consent"), a(!0), R({ phase: "preparing", percent: 0 }), C(null), p.current = !1;
+  }, []), w = D(
     (N) => {
-      const L = pe(N.percent), y = N.phase || "preparing", H = s(`diagnosticsProgressPhase.${y}`, {
+      const L = ge(N.percent), y = N.phase || "preparing", $ = s(`diagnosticsProgressPhase.${y}`, {
         defaultValue: y
       });
       return {
-        id: Y,
+        id: X,
         autoClose: !1,
         title: s("diagnosticsCollectingTitle"),
-        message: /* @__PURE__ */ n(f, { gap: 8, mt: 4, children: [
+        message: /* @__PURE__ */ n(h, { gap: 8, mt: 4, children: [
           /* @__PURE__ */ t(
-            G,
+            _,
             {
               value: L,
               size: 6,
@@ -409,8 +409,8 @@ const Y = "layers-desktop-diagnostics", tt = [
             }
           ),
           /* @__PURE__ */ n(z, { gap: 8, justify: "space-between", children: [
-            /* @__PURE__ */ t(i, { size: "xs", c: "dimmed", children: H }),
-            /* @__PURE__ */ n(i, { size: "xs", c: "dimmed", children: [
+            /* @__PURE__ */ t(l, { size: "xs", c: "dimmed", children: $ }),
+            /* @__PURE__ */ n(l, { size: "xs", c: "dimmed", children: [
               Math.round(L),
               "%"
             ] })
@@ -421,103 +421,103 @@ const Y = "layers-desktop-diagnostics", tt = [
     [s]
   ), M = D(() => {
     if (o) {
-      k.current = !1, d.current = !0, qe(C(U)), g();
+      b.current = !1, p.current = !0, Je(w(P)), u();
       return;
     }
-    k.current = !1, b(), g();
+    b.current = !1, v(), u();
   }, [
-    C,
+    w,
     o,
-    g,
-    U,
-    b
-  ]), $ = D(async () => {
+    u,
+    P,
+    v
+  ]), H = D(async () => {
     if (o)
       return;
     const N = x();
     if (typeof N?.collectDiagnostics != "function")
       return;
-    v("progress"), F({ phase: "preparing", percent: 0 }), S(null), m(!0), ae.hide(Y);
+    S("progress"), R({ phase: "preparing", percent: 0 }), C(null), g(!0), re.hide(X);
     const L = N.onDiagnosticsProgress?.((y) => {
-      F(y), d.current && Ke(
-        C(y)
+      R(y), p.current && Qe(
+        w(y)
       );
     });
     try {
       const y = await N.collectDiagnostics();
-      if (L?.(), ae.hide(Y), y.ok) {
-        F({ phase: "done", percent: 100 }), k.current ? v("success") : Ce({
+      if (L?.(), re.hide(X), y.ok) {
+        R({ phase: "done", percent: 100 }), b.current ? S("success") : Me({
           title: s("diagnosticsReadyTitle"),
           message: s("diagnosticsReadyMessage")
         });
         return;
       }
-      const H = y.error || s("diagnosticsFailedMessage");
-      S(H), k.current ? v("error") : ie({
+      const $ = y.error || s("diagnosticsFailedMessage");
+      C($), b.current ? S("error") : de({
         title: s("diagnosticsFailedTitle"),
-        message: H
+        message: $
       });
     } catch (y) {
-      L?.(), ae.hide(Y);
-      const H = y instanceof Error && y.message ? y.message : s("diagnosticsFailedMessage");
-      S(H), k.current ? v("error") : ie({
+      L?.(), re.hide(X);
+      const $ = y instanceof Error && y.message ? y.message : s("diagnosticsFailedMessage");
+      C($), b.current ? S("error") : de({
         title: s("diagnosticsFailedTitle"),
-        message: H
+        message: $
       });
     } finally {
-      u(!0), m(!1);
+      a(!0), g(!1);
     }
-  }, [C, o, m, s]), R = D(() => {
-    if (!a) {
-      le({
+  }, [w, o, g, s]), V = D(() => {
+    if (!f) {
+      ce({
         title: s("diagnosticsConsentRequiredTitle"),
         message: s("diagnosticsConsentRequiredMessage")
       });
       return;
     }
-    $();
-  }, [a, $, s]);
+    H();
+  }, [f, H, s]);
   return /* @__PURE__ */ n(
-    ce,
+    pe,
     {
       opened: r,
       onClose: M,
-      title: p === "progress" ? s("diagnosticsProgressTitle") : null,
+      title: c === "progress" ? s("diagnosticsProgressTitle") : null,
       size: 440,
       centered: !0,
       classNames: {
-        content: p === "consent" ? `${e.desktopFlowModal} ${e.diagnosticsConsentModal}` : p === "progress" ? `${e.desktopFlowModal} ${e.diagnosticsProgressModal}` : `${e.desktopFlowModal} ${e.diagnosticsResultModal}`,
-        header: p === "progress" ? `${e.desktopFlowModalHeader} ${e.desktopFlowModalHeaderCompact}` : e.desktopFlowModalHeaderFloating,
+        content: c === "consent" ? `${e.desktopFlowModal} ${e.diagnosticsConsentModal}` : c === "progress" ? `${e.desktopFlowModal} ${e.diagnosticsProgressModal}` : `${e.desktopFlowModal} ${e.diagnosticsResultModal}`,
+        header: c === "progress" ? `${e.desktopFlowModalHeader} ${e.desktopFlowModalHeaderCompact}` : e.desktopFlowModalHeaderFloating,
         title: e.desktopFlowModalTitle,
-        body: p === "progress" ? e.desktopFlowModalBody : `${e.desktopFlowModalBody} ${e.desktopFlowModalBodyFloating} ${e.diagnosticsFloatingBody}`
+        body: c === "progress" ? e.desktopFlowModalBody : `${e.desktopFlowModalBody} ${e.desktopFlowModalBodyFloating} ${e.diagnosticsFloatingBody}`
       },
       children: [
-        p === "consent" && /* @__PURE__ */ n(f, { gap: 0, children: [
-          /* @__PURE__ */ n(f, { className: e.flowIntroStack, gap: 0, children: [
-            /* @__PURE__ */ t(q, { status: "info", icon: Re }),
-            /* @__PURE__ */ t(i, { className: e.flowTitle, children: s("diagnosticsReportTitle") }),
-            /* @__PURE__ */ t(i, { className: e.flowDescription, children: s("collectDiagnosticsConsentDescription") })
+        c === "consent" && /* @__PURE__ */ n(h, { gap: 0, children: [
+          /* @__PURE__ */ n(h, { className: e.flowIntroStack, gap: 0, children: [
+            /* @__PURE__ */ t(G, { status: "info", icon: $e }),
+            /* @__PURE__ */ t(l, { className: e.flowTitle, children: s("diagnosticsReportTitle") }),
+            /* @__PURE__ */ t(l, { className: e.flowDescription, children: s("collectDiagnosticsConsentDescription") })
           ] }),
           /* @__PURE__ */ t(
-            de,
+            ue,
             {
               className: `${e.flowDivider} ${e.flowConsentDivider}`
             }
           ),
           /* @__PURE__ */ t(
-            ke,
+            be,
             {
               className: e.flowConsentCheckbox,
-              checked: a,
+              checked: f,
               disabled: o,
               styles: { body: { alignItems: "flex-start" } },
-              label: /* @__PURE__ */ t(i, { className: e.flowCheckboxLabel, children: s("collectDiagnosticsConsentCheckbox") }),
-              onChange: (N) => u(N.currentTarget.checked)
+              label: /* @__PURE__ */ t(l, { className: e.flowCheckboxLabel, children: s("collectDiagnosticsConsentCheckbox") }),
+              onChange: (N) => a(N.currentTarget.checked)
             }
           ),
           /* @__PURE__ */ n(z, { className: e.flowActions, children: [
             /* @__PURE__ */ t(
-              I,
+              U,
               {
                 variant: "default",
                 flex: 1,
@@ -528,34 +528,34 @@ const Y = "layers-desktop-diagnostics", tt = [
               }
             ),
             /* @__PURE__ */ t(
-              I,
+              U,
               {
                 flex: 1,
                 h: 36,
                 loading: o,
-                disabled: !a,
-                onClick: R,
+                disabled: !f,
+                onClick: V,
                 children: s("generateDiagnosticsReport")
               }
             )
           ] })
         ] }),
-        p === "progress" && /* @__PURE__ */ t(
-          rt,
+        c === "progress" && /* @__PURE__ */ t(
+          it,
           {
-            leftIcon: /* @__PURE__ */ t(be, {}),
-            rightIcon: /* @__PURE__ */ t(st, {}),
-            percent: U.percent,
+            leftIcon: /* @__PURE__ */ t(Ne, {}),
+            rightIcon: /* @__PURE__ */ t(nt, {}),
+            percent: P.percent,
             remainingLabel: s("diagnosticsProgressRemaining"),
             hint: s("diagnosticsProgressHint")
           }
         ),
-        p === "success" && /* @__PURE__ */ n(f, { className: e.flowResultStack, gap: 0, children: [
-          /* @__PURE__ */ t(q, { status: "success" }),
-          /* @__PURE__ */ t(i, { className: e.flowTitle, children: s("diagnosticsCompletedTitle") }),
-          /* @__PURE__ */ t(i, { className: e.flowDescription, children: s("diagnosticsReadyMessage") }),
+        c === "success" && /* @__PURE__ */ n(h, { className: e.flowResultStack, gap: 0, children: [
+          /* @__PURE__ */ t(G, { status: "success" }),
+          /* @__PURE__ */ t(l, { className: e.flowTitle, children: s("diagnosticsCompletedTitle") }),
+          /* @__PURE__ */ t(l, { className: e.flowDescription, children: s("diagnosticsReadyMessage") }),
           /* @__PURE__ */ t(
-            I,
+            U,
             {
               className: e.flowFullButton,
               fullWidth: !0,
@@ -564,17 +564,17 @@ const Y = "layers-desktop-diagnostics", tt = [
             }
           )
         ] }),
-        p === "error" && /* @__PURE__ */ n(f, { className: e.flowResultStack, gap: 0, children: [
-          /* @__PURE__ */ t(q, { status: "error" }),
-          /* @__PURE__ */ t(i, { className: e.flowTitle, children: s("diagnosticsFailedTitle") }),
-          /* @__PURE__ */ t(i, { className: e.flowDescription, children: l || s("diagnosticsFailedMessage") }),
+        c === "error" && /* @__PURE__ */ n(h, { className: e.flowResultStack, gap: 0, children: [
+          /* @__PURE__ */ t(G, { status: "error" }),
+          /* @__PURE__ */ t(l, { className: e.flowTitle, children: s("diagnosticsFailedTitle") }),
+          /* @__PURE__ */ t(l, { className: e.flowDescription, children: i || s("diagnosticsFailedMessage") }),
           /* @__PURE__ */ t(
-            I,
+            U,
             {
               className: e.flowFullButton,
               fullWidth: !0,
               onClick: () => {
-                $();
+                H();
               },
               children: s("desktopFlowTryAgain")
             }
@@ -583,26 +583,26 @@ const Y = "layers-desktop-diagnostics", tt = [
       ]
     }
   );
-}, Ht = ({
+}, Bt = ({
   opened: r,
-  onClose: g
+  onClose: u
 }) => {
-  const { t: o } = X("helpMenu"), [m, s] = V(null), [a, u] = V(!1), p = D((h) => {
-    s((c) => ({
+  const { t: o } = ee("helpMenu"), [g, s] = T(null), [f, a] = T(!1), c = D((m) => {
+    s((d) => ({
       status: "error",
       enabled: !0,
-      currentVersion: c?.currentVersion ?? "",
-      availableVersion: c?.availableVersion,
-      error: h instanceof Error && h.message ? h.message : String(h),
+      currentVersion: d?.currentVersion ?? "",
+      availableVersion: d?.availableVersion,
+      error: m instanceof Error && m.message ? m.message : String(m),
       canCheck: !0,
       canDownload: !1,
       canInstall: !1
     }));
-  }, []), v = D(async () => {
-    const h = x()?.updates;
-    if (h?.check) {
-      u(!0), s(
-        (c) => c ? { ...c, status: "checking" } : {
+  }, []), S = D(async () => {
+    const m = x()?.updates;
+    if (m?.check) {
+      a(!0), s(
+        (d) => d ? { ...d, status: "checking" } : {
           status: "checking",
           enabled: !0,
           currentVersion: "",
@@ -612,39 +612,39 @@ const Y = "layers-desktop-diagnostics", tt = [
         }
       );
       try {
-        const c = await h.check();
-        s(c);
-      } catch (c) {
-        p(c);
+        const d = await m.check();
+        s(d);
+      } catch (d) {
+        c(d);
       } finally {
-        u(!1);
+        a(!1);
       }
     }
-  }, [p]), U = D(async () => {
-    const h = x()?.updates;
-    if (h?.download) {
-      u(!0), s(
-        (c) => c && {
-          ...c,
+  }, [c]), P = D(async () => {
+    const m = x()?.updates;
+    if (m?.download) {
+      a(!0), s(
+        (d) => d && {
+          ...d,
           status: "downloading",
-          progress: c.progress ?? { percent: 0 }
+          progress: d.progress ?? { percent: 0 }
         }
       );
       try {
-        const c = await h.download();
-        s(c);
-      } catch (c) {
-        p(c);
+        const d = await m.download();
+        s(d);
+      } catch (d) {
+        c(d);
       } finally {
-        u(!1);
+        a(!1);
       }
     }
-  }, [p]), F = D(async () => {
-    const h = x()?.updates;
-    if (h?.install) {
-      u(!0), s(
-        (c) => c && {
-          ...c,
+  }, [c]), R = D(async () => {
+    const m = x()?.updates;
+    if (m?.install) {
+      a(!0), s(
+        (d) => d && {
+          ...d,
           status: "installing",
           canCheck: !1,
           canDownload: !1,
@@ -652,125 +652,125 @@ const Y = "layers-desktop-diagnostics", tt = [
         }
       );
       try {
-        const c = await h.install();
-        s(c);
-      } catch (c) {
-        p(c);
+        const d = await m.install();
+        s(d);
+      } catch (d) {
+        c(d);
       } finally {
-        u(!1);
+        a(!1);
       }
     }
-  }, [p]);
-  _(() => {
+  }, [c]);
+  W(() => {
     if (!r) return;
-    const h = x()?.updates;
-    if (!h) return;
-    let c = !1;
-    const K = (E) => {
-      c || s(E);
+    const m = x()?.updates;
+    if (!m) return;
+    let d = !1;
+    const q = (E) => {
+      d || s(E);
     };
-    h.status().then((E) => {
-      c || (s(E), E.canCheck && v());
-    }).catch(p);
-    const O = h.onChanged(K);
+    m.status().then((E) => {
+      d || (s(E), E.canCheck && S());
+    }).catch(c);
+    const K = m.onChanged(q);
     return () => {
-      c = !0, O();
+      d = !0, K();
     };
-  }, [r, v, p]);
-  const l = m?.status ?? "checking", S = pe(m?.progress?.percent ?? 0), k = at(m?.progress), d = k !== null ? o("desktopFlowRemaining", { time: k }) : S > 0 && S < 100 ? o("desktopFlowRemainingUnknown") : null, b = k !== null ? `${k}s` : d || o("desktopFlowRemainingUnknownShort"), C = D(() => {
-    u(!1), g();
-  }, [g]), M = ["not_available", "downloaded", "error"], $ = l === "checking", R = l === "downloading", N = M.some((h) => h === l), L = l === "available", y = [
+  }, [r, S, c]);
+  const i = g?.status ?? "checking", C = ge(g?.progress?.percent ?? 0), b = rt(g?.progress), p = b !== null ? o("desktopFlowRemaining", { time: b }) : C > 0 && C < 100 ? o("desktopFlowRemainingUnknown") : null, v = b !== null ? `${b}s` : p || o("desktopFlowRemainingUnknownShort"), w = D(() => {
+    a(!1), u();
+  }, [u]), M = ["not_available", "downloaded", "error"], H = i === "checking", V = i === "downloading", N = M.some((m) => m === i), L = i === "available", y = [
     e.desktopFlowModal,
-    $ ? e.desktopUpdateCheckingModal : "",
-    R ? e.desktopUpdateDownloadModal : "",
-    N || l === "disabled" || l === "idle" ? e.desktopUpdateResultModal : "",
-    L || l === "installing" ? e.desktopUpdateAvailableModal : ""
-  ].filter(Boolean).join(" "), H = [
+    H ? e.desktopUpdateCheckingModal : "",
+    V ? e.desktopUpdateDownloadModal : "",
+    N || i === "disabled" || i === "idle" ? e.desktopUpdateResultModal : "",
+    L || i === "installing" ? e.desktopUpdateAvailableModal : ""
+  ].filter(Boolean).join(" "), $ = [
     e.desktopFlowModalBody,
-    $ ? e.desktopUpdateCheckingBody : "",
-    R ? e.desktopUpdateDownloadBody : "",
-    N || l === "disabled" || l === "idle" ? e.desktopUpdateResultBody : "",
-    L || l === "installing" ? e.desktopUpdateResultBody : ""
+    H ? e.desktopUpdateCheckingBody : "",
+    V ? e.desktopUpdateDownloadBody : "",
+    N || i === "disabled" || i === "idle" ? e.desktopUpdateResultBody : "",
+    L || i === "installing" ? e.desktopUpdateResultBody : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
-    ce,
+    pe,
     {
       opened: r,
-      onClose: C,
-      title: R ? o("desktopUpdateDownloadingTitle") : null,
+      onClose: w,
+      title: V ? o("desktopUpdateDownloadingTitle") : null,
       size: 440,
       centered: !0,
       classNames: {
         content: y,
-        header: R ? `${e.desktopFlowModalHeader} ${e.desktopFlowModalHeaderCompact}` : e.desktopFlowModalHeaderFloating,
+        header: V ? `${e.desktopFlowModalHeader} ${e.desktopFlowModalHeaderCompact}` : e.desktopFlowModalHeaderFloating,
         title: e.desktopFlowModalTitle,
-        body: H
+        body: $
       },
       children: [
-        l === "checking" && /* @__PURE__ */ n(
-          f,
+        i === "checking" && /* @__PURE__ */ n(
+          h,
           {
             className: `${e.flowResultStack} ${e.desktopUpdateCheckingStack}`,
             gap: 0,
             children: [
-              /* @__PURE__ */ t(lt, { label: o("desktopUpdateCheckingTitle") }),
-              /* @__PURE__ */ t(i, { className: e.flowTitle, children: o("desktopUpdateCheckingTitle") }),
-              /* @__PURE__ */ t(i, { className: e.flowDescription, children: o("desktopUpdateCheckingMessage") })
+              /* @__PURE__ */ t(ct, { label: o("desktopUpdateCheckingTitle") }),
+              /* @__PURE__ */ t(l, { className: e.flowTitle, children: o("desktopUpdateCheckingTitle") }),
+              /* @__PURE__ */ t(l, { className: e.flowDescription, children: o("desktopUpdateCheckingMessage") })
             ]
           }
         ),
-        l === "not_available" && /* @__PURE__ */ n(f, { className: e.flowResultStack, gap: 0, children: [
-          /* @__PURE__ */ t(fe, {}),
-          /* @__PURE__ */ t(i, { className: e.flowTitle, children: o("desktopUpdateUpToDateTitle") }),
-          /* @__PURE__ */ t(i, { className: e.flowDescription, children: o("desktopUpdateUpToDateMessage", {
-            version: m?.currentVersion || o("desktopUpdateUnknownVersion")
+        i === "not_available" && /* @__PURE__ */ n(h, { className: e.flowResultStack, gap: 0, children: [
+          /* @__PURE__ */ t(ke, {}),
+          /* @__PURE__ */ t(l, { className: e.flowTitle, children: o("desktopUpdateUpToDateTitle") }),
+          /* @__PURE__ */ t(l, { className: e.flowDescription, children: o("desktopUpdateUpToDateMessage", {
+            version: g?.currentVersion || o("desktopUpdateUnknownVersion")
           }) }),
           /* @__PURE__ */ t(
-            I,
+            U,
             {
               className: e.flowFullButton,
               fullWidth: !0,
-              onClick: C,
+              onClick: w,
               children: o("desktopFlowContinue")
             }
           )
         ] }),
-        l === "available" && /* @__PURE__ */ n(f, { className: e.flowResultStack, gap: 0, children: [
-          /* @__PURE__ */ t(q, { status: "info", icon: re }),
-          /* @__PURE__ */ t(i, { className: e.flowTitle, children: o("desktopUpdateAvailableTitle") }),
-          /* @__PURE__ */ t(i, { className: e.flowDescription, children: o("desktopUpdateAvailableMessage", {
-            version: m?.availableVersion ?? ""
+        i === "available" && /* @__PURE__ */ n(h, { className: e.flowResultStack, gap: 0, children: [
+          /* @__PURE__ */ t(G, { status: "info", icon: ie }),
+          /* @__PURE__ */ t(l, { className: e.flowTitle, children: o("desktopUpdateAvailableTitle") }),
+          /* @__PURE__ */ t(l, { className: e.flowDescription, children: o("desktopUpdateAvailableMessage", {
+            version: g?.availableVersion ?? ""
           }) }),
           /* @__PURE__ */ n(z, { className: e.flowActions, children: [
-            /* @__PURE__ */ t(I, { variant: "default", flex: 1, h: 36, onClick: C, children: o("desktopUpdateLater") }),
+            /* @__PURE__ */ t(U, { variant: "default", flex: 1, h: 36, onClick: w, children: o("desktopUpdateLater") }),
             /* @__PURE__ */ t(
-              I,
+              U,
               {
                 flex: 1,
                 h: 36,
-                loading: a,
-                disabled: !m?.canDownload,
+                loading: f,
+                disabled: !g?.canDownload,
                 onClick: () => {
-                  U();
+                  P();
                 },
                 children: o("desktopUpdateUpdateNow")
               }
             )
           ] })
         ] }),
-        l === "downloading" && /* @__PURE__ */ n(f, { className: e.desktopUpdateDownloadStack, gap: 10, children: [
-          /* @__PURE__ */ t(i, { className: e.desktopUpdateDownloadDescription, children: o("desktopUpdateDownloadingDescription") }),
-          /* @__PURE__ */ t(de, { className: e.desktopUpdateDownloadAnimation, children: /* @__PURE__ */ t(
-            Me,
+        i === "downloading" && /* @__PURE__ */ n(h, { className: e.desktopUpdateDownloadStack, gap: 10, children: [
+          /* @__PURE__ */ t(l, { className: e.desktopUpdateDownloadDescription, children: o("desktopUpdateDownloadingDescription") }),
+          /* @__PURE__ */ t(ue, { className: e.desktopUpdateDownloadAnimation, children: /* @__PURE__ */ t(
+            De,
             {
-              leftIcon: /* @__PURE__ */ t(T, { icon: re, size: 24 }),
-              rightIcon: /* @__PURE__ */ t(be, {}),
+              leftIcon: /* @__PURE__ */ t(F, { icon: ie, size: 24 }),
+              rightIcon: /* @__PURE__ */ t(Ne, {}),
               height: 100,
               particleCount: 24,
               startDistributed: !0
             }
           ) }),
-          /* @__PURE__ */ n(f, { className: e.desktopUpdateDownloadMeter, gap: 6, children: [
+          /* @__PURE__ */ n(h, { className: e.desktopUpdateDownloadMeter, gap: 6, children: [
             /* @__PURE__ */ n(
               z,
               {
@@ -780,35 +780,35 @@ const Y = "layers-desktop-diagnostics", tt = [
                 wrap: "nowrap",
                 children: [
                   /* @__PURE__ */ n(
-                    i,
+                    l,
                     {
                       className: `${e.flowProgressMeta} ${e.flowProgressMetaPrimary}`,
                       children: [
-                        Math.round(S),
+                        Math.round(C),
                         "%"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ n(i, { className: e.desktopUpdateRemaining, children: [
+                  /* @__PURE__ */ n(l, { className: e.desktopUpdateRemaining, children: [
                     /* @__PURE__ */ t("span", { className: e.desktopUpdateRemainingLabel, children: o("desktopFlowRemainingLabel") }),
                     /* @__PURE__ */ n("span", { className: e.desktopUpdateRemainingValue, children: [
                       " ",
-                      b
+                      v
                     ] })
                   ] })
                 ]
               }
             ),
             /* @__PURE__ */ t(
-              G.Root,
+              _.Root,
               {
                 size: 6,
                 radius: "xl",
                 className: e.flowProgressBar,
                 children: /* @__PURE__ */ t(
-                  G.Section,
+                  _.Section,
                   {
-                    value: S,
+                    value: C,
                     color: "#4c6ef5",
                     className: e.flowProgressBarSection
                   }
@@ -816,35 +816,35 @@ const Y = "layers-desktop-diagnostics", tt = [
               }
             )
           ] }),
-          /* @__PURE__ */ t(i, { component: "div", className: e.desktopUpdateDownloadHint, children: o("desktopUpdateProgressHint") })
+          /* @__PURE__ */ t(l, { component: "div", className: e.desktopUpdateDownloadHint, children: o("desktopUpdateProgressHint") })
         ] }),
-        l === "downloaded" && /* @__PURE__ */ n(f, { className: e.flowResultStack, gap: 0, children: [
-          /* @__PURE__ */ t(fe, {}),
-          /* @__PURE__ */ t(i, { className: e.flowTitle, children: o("desktopUpdateReadyTitle") }),
-          /* @__PURE__ */ t(i, { className: e.flowDescription, children: o("desktopUpdateDownloadedMessage") }),
+        i === "downloaded" && /* @__PURE__ */ n(h, { className: e.flowResultStack, gap: 0, children: [
+          /* @__PURE__ */ t(ke, {}),
+          /* @__PURE__ */ t(l, { className: e.flowTitle, children: o("desktopUpdateReadyTitle") }),
+          /* @__PURE__ */ t(l, { className: e.flowDescription, children: o("desktopUpdateDownloadedMessage") }),
           /* @__PURE__ */ t(
-            I,
+            U,
             {
               className: e.flowFullButton,
               fullWidth: !0,
-              loading: a,
+              loading: f,
               onClick: () => {
-                if (m?.canInstall) {
-                  F();
+                if (g?.canInstall) {
+                  R();
                   return;
                 }
-                C();
+                w();
               },
               children: o("desktopFlowContinue")
             }
           )
         ] }),
-        l === "installing" && /* @__PURE__ */ n(f, { className: e.flowResultStack, gap: 0, children: [
-          /* @__PURE__ */ t(T, { icon: He, size: 28 }),
-          /* @__PURE__ */ t(i, { className: e.flowTitle, children: o("desktopUpdateInstallingTitle") }),
-          /* @__PURE__ */ t(i, { className: e.flowDescription, children: o("desktopUpdateInstallingMessage") }),
+        i === "installing" && /* @__PURE__ */ n(h, { className: e.flowResultStack, gap: 0, children: [
+          /* @__PURE__ */ t(F, { icon: Be, size: 28 }),
+          /* @__PURE__ */ t(l, { className: e.flowTitle, children: o("desktopUpdateInstallingTitle") }),
+          /* @__PURE__ */ t(l, { className: e.flowDescription, children: o("desktopUpdateInstallingMessage") }),
           /* @__PURE__ */ t(
-            G,
+            _,
             {
               value: 100,
               animated: !0,
@@ -855,32 +855,32 @@ const Y = "layers-desktop-diagnostics", tt = [
             }
           )
         ] }),
-        l === "disabled" && /* @__PURE__ */ n(f, { className: e.flowResultStack, gap: 0, children: [
-          /* @__PURE__ */ t(q, { status: "info" }),
-          /* @__PURE__ */ t(i, { className: e.flowTitle, children: o("desktopUpdateTitle") }),
-          /* @__PURE__ */ t(i, { className: e.flowDescription, children: o("desktopUpdateStatus.disabled") }),
+        i === "disabled" && /* @__PURE__ */ n(h, { className: e.flowResultStack, gap: 0, children: [
+          /* @__PURE__ */ t(G, { status: "info" }),
+          /* @__PURE__ */ t(l, { className: e.flowTitle, children: o("desktopUpdateTitle") }),
+          /* @__PURE__ */ t(l, { className: e.flowDescription, children: o("desktopUpdateStatus.disabled") }),
           /* @__PURE__ */ t(
-            I,
+            U,
             {
               className: e.flowFullButton,
               fullWidth: !0,
-              onClick: C,
+              onClick: w,
               children: o("desktopFlowContinue")
             }
           )
         ] }),
-        (l === "error" || l === "idle") && /* @__PURE__ */ n(f, { className: e.flowResultStack, gap: 0, children: [
-          l === "error" ? /* @__PURE__ */ t(it, {}) : /* @__PURE__ */ t(q, { status: "info" }),
-          /* @__PURE__ */ t(i, { className: e.flowTitle, children: o(l === "error" ? "desktopUpdateFailedTitle" : "desktopUpdateTitle") }),
-          /* @__PURE__ */ t(i, { className: e.flowDescription, children: l === "error" ? o("desktopUpdateFailedMessage") : m?.error || o("desktopUpdateFailedMessage") }),
+        (i === "error" || i === "idle") && /* @__PURE__ */ n(h, { className: e.flowResultStack, gap: 0, children: [
+          i === "error" ? /* @__PURE__ */ t(dt, {}) : /* @__PURE__ */ t(G, { status: "info" }),
+          /* @__PURE__ */ t(l, { className: e.flowTitle, children: o(i === "error" ? "desktopUpdateFailedTitle" : "desktopUpdateTitle") }),
+          /* @__PURE__ */ t(l, { className: e.flowDescription, children: i === "error" ? o("desktopUpdateFailedMessage") : g?.error || o("desktopUpdateFailedMessage") }),
           /* @__PURE__ */ t(
-            I,
+            U,
             {
               className: e.flowFullButton,
               fullWidth: !0,
-              loading: a,
+              loading: f,
               onClick: () => {
-                v();
+                S();
               },
               children: o("desktopFlowTryAgain")
             }
@@ -889,120 +889,123 @@ const Y = "layers-desktop-diagnostics", tt = [
       ]
     }
   );
-}, $t = ({
+}, xt = ({
   onReportProblemClick: r,
-  onCheckUpdatesClick: g,
+  onCheckUpdatesClick: u,
   onCollectDiagnosticsClick: o,
-  diagnosticsCollecting: m = !1,
-  reportProblemTourTargetId: s
+  diagnosticsCollecting: g = !1,
+  reportProblemTourTargetId: s,
+  tourActive: f = !1
 }) => {
-  const { t: a } = X("helpMenu"), u = Je(), [p, v] = V(!1), [U, F] = V(null), [l, S] = V(
+  const { t: a } = ee("helpMenu"), c = Ye(), [S, P] = T(!1), [R, i] = T(null), [C, b] = T(
     null
-  ), k = ne(null), d = ve(() => {
-    const w = _e().analytics;
-    return w?.intercomEnabled !== !1 && !!w?.intercomAppId;
+  ), p = le(null), v = Se(() => {
+    const k = qe().analytics;
+    return k?.intercomEnabled !== !1 && !!k?.intercomAppId;
   }, []), {
-    showMessenger: b,
-    showNewMessage: C,
-    workspaceMenu: M,
-    getFirstPageLink: $,
-    version: R,
-    updatedAt: N,
-    privacyPolicyLink: L,
-    userAgreementLink: y,
-    whatsNewItems: H
-  } = Ye(), h = u.isDesktop && !!o && typeof x()?.collectDiagnostics == "function", c = u.isDesktop && r, K = u.isDesktop && !!g && typeof x()?.updates?.check == "function", O = K && l?.status === "available" && l.canDownload, E = l?.availableVersion ? `v${l.availableVersion}` : null, J = K, ue = c || h, Ne = () => {
-    te();
-    const w = new URL(window.location.href);
-    w.searchParams.get("view") === "graph" && (w.searchParams.delete("view"), window.history.replaceState(
+    showMessenger: w,
+    showNewMessage: M,
+    workspaceMenu: H,
+    getFirstPageLink: V,
+    version: N,
+    updatedAt: L,
+    privacyPolicyLink: y,
+    userAgreementLink: $,
+    whatsNewItems: m,
+    whatsNewMoreLink: d
+  } = et(), q = c.isDesktop && !!o && typeof x()?.collectDiagnostics == "function", K = c.isDesktop && r, E = c.isDesktop && !!u && typeof x()?.updates?.check == "function", J = E && C?.status === "available" && C.canDownload, te = C?.availableVersion ? `v${C.availableVersion}` : null, Q = E, me = K || q, ve = () => {
+    se();
+    const k = new URL(window.location.href);
+    k.searchParams.get("view") === "graph" && (k.searchParams.delete("view"), window.history.replaceState(
       window.history.state,
       "",
-      `${w.pathname}${w.search}${w.hash}`
-    )), Qe(et.GraphStart);
-    const A = window.location.pathname.split("/").filter(Boolean), j = A[0], Q = A[1] === "pages" ? A[2] : void 0, W = j || M.active.workspaceId;
-    if (W) {
-      if (Q) {
-        window.location.assign(`/${W}/pages/${Q}`);
+      `${k.pathname}${k.search}${k.hash}`
+    )), Xe(ot.GraphStart);
+    const A = window.location.pathname.split("/").filter(Boolean), Z = A[0], Y = A[1] === "pages" ? A[2] : void 0, j = Z || H.active.workspaceId;
+    if (j) {
+      if (Y) {
+        window.location.assign(`/${j}/pages/${Y}`);
         return;
       }
-      const he = $?.(W);
-      if (he) {
-        window.location.assign(he);
+      const we = V?.(j);
+      if (we) {
+        window.location.assign(we);
         return;
       }
-      window.location.assign(`/${W}/pages`);
+      window.location.assign(`/${j}/pages`);
       return;
     }
     window.location.assign("/");
-  }, Z = D(() => {
-    k.current && (window.clearTimeout(k.current), k.current = null);
-  }, []), ee = D(() => {
-    Z(), v(!0);
-  }, [Z]), te = D(() => {
-    Z(), k.current = window.setTimeout(() => {
-      v(!1);
+  }, O = D(() => {
+    p.current && (window.clearTimeout(p.current), p.current = null);
+  }, []), oe = D(() => {
+    O(), P(!0);
+  }, [O]), se = D(() => {
+    O(), p.current = window.setTimeout(() => {
+      P(!1);
     }, 120);
-  }, [Z]);
-  _(() => () => {
-    Z();
-  }, [Z]), _(() => {
-    let w = !0;
+  }, [O]);
+  W(() => () => {
+    O();
+  }, [O]), W(() => {
+    let k = !0;
     const A = x();
-    return typeof A?.getVersion != "function" ? (F(null), () => {
-      w = !1;
-    }) : (A.getVersion().then((j) => {
-      w && F(j || null);
+    return typeof A?.getVersion != "function" ? (i(null), () => {
+      k = !1;
+    }) : (A.getVersion().then((Z) => {
+      k && i(Z || null);
     }).catch(() => {
-      w && F(null);
+      k && i(null);
     }), () => {
-      w = !1;
+      k = !1;
     });
-  }, []), _(() => {
-    if (!u.isDesktop) {
-      S(null);
+  }, []), W(() => {
+    if (!c.isDesktop) {
+      b(null);
       return;
     }
-    const w = x()?.updates;
-    if (!w) {
-      S(null);
+    const k = x()?.updates;
+    if (!k) {
+      b(null);
       return;
     }
     let A = !1;
-    const j = (W) => {
-      A || S(W);
+    const Z = (j) => {
+      A || b(j);
     };
-    w.status().then(j).catch(() => {
+    k.status().then(Z).catch(() => {
     });
-    const Q = w.onChanged(j);
+    const Y = k.onChanged(Z);
     return () => {
-      A = !0, Q();
+      A = !0, Y();
     };
-  }, [u.isDesktop]);
-  const ge = D(() => {
-    if (O) {
+  }, [c.isDesktop]);
+  const he = D(() => {
+    if (J) {
       window.dispatchEvent(new Event("layers:desktop-update:download"));
       return;
     }
-    g?.();
-  }, [g, O]), me = l?.currentVersion || U, De = c ? /* @__PURE__ */ t(
-    P.Item,
+    u?.();
+  }, [u, J]), fe = C?.currentVersion || R, ye = K ? /* @__PURE__ */ t(
+    I.Item,
     {
       "data-onboarding-tour-id": s,
       variant: "outline",
+      className: f ? e.tourHighlightItem : void 0,
       onClick: r,
-      leftSection: /* @__PURE__ */ t(T, { icon: ye, size: 16 }),
+      leftSection: /* @__PURE__ */ t(F, { icon: Pe, size: 16 }),
       children: a("reportProblem")
     }
   ) : null;
-  return /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ n(f, { className: e.helpMenuContent, gap: 6, children: [
+  return /* @__PURE__ */ t(ae, { children: /* @__PURE__ */ n(h, { className: e.helpMenuContent, gap: 6, children: [
     B.social.whatsappEnabled && /* @__PURE__ */ t(
-      I,
+      U,
       {
         component: "a",
         href: B.social.whatsapp,
         target: "_blank",
         bg: "#00C000",
-        leftSection: /* @__PURE__ */ t(We, { width: 16, height: 16 }),
+        leftSection: /* @__PURE__ */ t(Ge, { width: 16, height: 16 }),
         c: "white",
         size: "sm",
         justify: "flex-start",
@@ -1010,13 +1013,13 @@ const Y = "layers-desktop-diagnostics", tt = [
       }
     ),
     B.social.telegramEnabled && /* @__PURE__ */ t(
-      I,
+      U,
       {
         component: "a",
         href: B.social.telegram,
         target: "_blank",
         bg: "blue.5",
-        leftSection: /* @__PURE__ */ t(je, { width: 16, height: 16 }),
+        leftSection: /* @__PURE__ */ t(_e, { width: 16, height: 16 }),
         c: "white",
         size: "sm",
         justify: "flex-start",
@@ -1024,64 +1027,64 @@ const Y = "layers-desktop-diagnostics", tt = [
       }
     ),
     B.social.discordEnabled && /* @__PURE__ */ t(
-      I,
+      U,
       {
         component: "a",
         href: B.social.discord,
         target: "_blank",
         bg: "indigo.6",
-        leftSection: /* @__PURE__ */ t(Ze, { width: 16, height: 16 }),
+        leftSection: /* @__PURE__ */ t(We, { width: 16, height: 16 }),
         c: "white",
         size: "sm",
         justify: "flex-start",
         children: a("joinDiscord")
       }
     ),
-    (B.social.whatsappEnabled || B.social.telegramEnabled || B.social.discordEnabled) && /* @__PURE__ */ t(P.Divider, {}),
-    !u.isDesktop && d && /* @__PURE__ */ n(oe, { children: [
+    (B.social.whatsappEnabled || B.social.telegramEnabled || B.social.discordEnabled) && /* @__PURE__ */ t(I.Divider, {}),
+    v && /* @__PURE__ */ n(ae, { children: [
       /* @__PURE__ */ t(
-        P.Item,
+        I.Item,
         {
           onClick: () => {
-            b(), C(a("contactSalesMessage"));
+            w(), M(a("contactSalesMessage"));
           },
-          leftSection: /* @__PURE__ */ t(T, { icon: Se, size: 16 }),
+          leftSection: /* @__PURE__ */ t(F, { icon: Ie, size: 16 }),
           children: a("contactSales")
         }
       ),
       /* @__PURE__ */ t(
-        P.Item,
+        I.Item,
         {
-          onClick: b,
-          leftSection: /* @__PURE__ */ t(T, { icon: Pe, size: 16 }),
+          onClick: w,
+          leftSection: /* @__PURE__ */ t(F, { icon: Ue, size: 16 }),
           children: a("getSupport")
         }
       ),
-      /* @__PURE__ */ t(P.Divider, {})
+      /* @__PURE__ */ t(I.Divider, {})
     ] }),
-    Ge() && /* @__PURE__ */ n(
-      se,
+    Ke() && /* @__PURE__ */ n(
+      ne,
       {
-        opened: p,
+        opened: S,
         width: 200,
         position: "right-start",
         offset: 10,
         withinPortal: !0,
         shadow: "md",
         children: [
-          /* @__PURE__ */ t(se.Target, { children: /* @__PURE__ */ t("div", { onMouseEnter: ee, onMouseLeave: te, children: /* @__PURE__ */ t(
-            P.Item,
+          /* @__PURE__ */ t(ne.Target, { children: /* @__PURE__ */ t("div", { onMouseEnter: oe, onMouseLeave: se, children: /* @__PURE__ */ t(
+            I.Item,
             {
-              leftSection: /* @__PURE__ */ t(T, { icon: Ie, size: 16 }),
-              rightSection: /* @__PURE__ */ t(Oe, { size: 14 }),
-              onClick: (w) => {
-                w.preventDefault(), ee();
+              leftSection: /* @__PURE__ */ t(F, { icon: Fe, size: 16 }),
+              rightSection: /* @__PURE__ */ t(je, { size: 14 }),
+              onClick: (k) => {
+                k.preventDefault(), oe();
               },
               children: a("tutorials")
             }
           ) }) }),
           /* @__PURE__ */ t(
-            se.Dropdown,
+            ne.Dropdown,
             {
               py: 4,
               ml: 6,
@@ -1089,12 +1092,12 @@ const Y = "layers-desktop-diagnostics", tt = [
                 backgroundColor: "light-dark(var(--app-shell-bg),var(--mantine-color-dark-6))",
                 border: "none"
               },
-              onMouseEnter: ee,
-              onMouseLeave: te,
+              onMouseEnter: oe,
+              onMouseLeave: se,
               children: /* @__PURE__ */ t(
-                xe,
+                Ae,
                 {
-                  onClick: Ne,
+                  onClick: ve,
                   style: {
                     width: "100%",
                     borderRadius: 12,
@@ -1102,14 +1105,14 @@ const Y = "layers-desktop-diagnostics", tt = [
                   },
                   children: /* @__PURE__ */ n(z, { gap: 10, children: [
                     /* @__PURE__ */ t(
-                      T,
+                      F,
                       {
-                        icon: Ue,
+                        icon: Te,
                         size: 16,
                         color: "var(--mantine-color-dimmed)"
                       }
                     ),
-                    /* @__PURE__ */ t(i, { size: "sm", c: "bright", children: a("mindMap") })
+                    /* @__PURE__ */ t(l, { size: "sm", c: "bright", children: a("mindMap") })
                   ] })
                 }
               )
@@ -1118,87 +1121,87 @@ const Y = "layers-desktop-diagnostics", tt = [
         ]
       }
     ),
-    J && O && /* @__PURE__ */ n(f, { className: e.helpMenuUpdateBlock, gap: 2, children: [
-      /* @__PURE__ */ t(i, { className: e.helpMenuUpdateLabel, children: a("desktopUpdateNewAvailable") }),
+    Q && J && /* @__PURE__ */ n(h, { className: e.helpMenuUpdateBlock, gap: 2, children: [
+      /* @__PURE__ */ t(l, { className: e.helpMenuUpdateLabel, children: a("desktopUpdateNewAvailable") }),
       /* @__PURE__ */ t(
-        Le,
+        Ee,
         {
           label: a("desktopUpdateDownloadTooltip", {
-            version: E ?? a("desktopUpdateUnknownVersion")
+            version: te ?? a("desktopUpdateUnknownVersion")
           }),
           position: "right",
           withArrow: !0,
           openDelay: 250,
           children: /* @__PURE__ */ t(
-            P.Item,
+            I.Item,
             {
               variant: "light",
               color: "primary",
               className: e.helpMenuPrimaryItem,
-              onClick: ge,
-              leftSection: /* @__PURE__ */ t(T, { icon: re, size: 16 }),
-              rightSection: E ? /* @__PURE__ */ t(i, { className: e.helpMenuUpdateVersion, children: E }) : void 0,
+              onClick: he,
+              leftSection: /* @__PURE__ */ t(F, { icon: ie, size: 16 }),
+              rightSection: te ? /* @__PURE__ */ t(l, { className: e.helpMenuUpdateVersion, children: te }) : void 0,
               children: a("desktopUpdateDownloadNow")
             }
           )
         }
       )
     ] }),
-    J && !O && /* @__PURE__ */ t(
-      P.Item,
+    Q && !J && /* @__PURE__ */ t(
+      I.Item,
       {
         variant: "outline",
-        onClick: ge,
-        leftSection: /* @__PURE__ */ t(T, { icon: Fe, size: 16 }),
+        onClick: he,
+        leftSection: /* @__PURE__ */ t(F, { icon: Ve, size: 16 }),
         children: a("desktopUpdateMenuItem")
       }
     ),
-    J && ue && /* @__PURE__ */ t(P.Divider, {}),
-    De,
-    h && /* @__PURE__ */ t(
-      P.Item,
+    Q && me && /* @__PURE__ */ t(I.Divider, {}),
+    ye,
+    q && /* @__PURE__ */ t(
+      I.Item,
       {
         variant: "outline",
-        disabled: m,
+        disabled: g,
         onClick: o,
-        leftSection: m ? /* @__PURE__ */ t(Ae, { size: 14, color: "var(--mantine-color-blue-6)" }) : /* @__PURE__ */ t(T, { icon: we, size: 16 }),
-        children: a(m ? "collectDiagnosticsInProgress" : "collectDiagnostics")
+        leftSection: g ? /* @__PURE__ */ t(ze, { size: 14, color: "var(--mantine-color-blue-6)" }) : /* @__PURE__ */ t(F, { icon: Ce, size: 16 }),
+        children: a(g ? "collectDiagnosticsInProgress" : "collectDiagnostics")
       }
     ),
-    (J || ue) && /* @__PURE__ */ t(P.Divider, {}),
+    (Q || me) && /* @__PURE__ */ t(I.Divider, {}),
     /* @__PURE__ */ t(
-      P.Item,
+      I.Item,
       {
         variant: "outline",
         component: "a",
         target: "_blank",
-        href: y,
-        leftSection: /* @__PURE__ */ t(T, { icon: Te, size: 16 }),
+        href: $,
+        leftSection: /* @__PURE__ */ t(F, { icon: Re, size: 16 }),
         children: a("userAgreement")
       }
     ),
     /* @__PURE__ */ t(
-      P.Item,
+      I.Item,
       {
         variant: "outline",
         component: "a",
         target: "_blank",
-        href: L,
-        leftSection: /* @__PURE__ */ t(T, { icon: Ve, size: 16 }),
+        href: y,
+        leftSection: /* @__PURE__ */ t(F, { icon: He, size: 16 }),
         children: a("termsAndPrivacy")
       }
     ),
-    /* @__PURE__ */ t(P.Divider, {}),
-    !!H?.length && /* @__PURE__ */ n(oe, { children: [
-      /* @__PURE__ */ t(Xe, { items: H }),
-      /* @__PURE__ */ t(P.Divider, {})
+    /* @__PURE__ */ t(I.Divider, {}),
+    !!m?.length && /* @__PURE__ */ n(ae, { children: [
+      /* @__PURE__ */ t(tt, { items: m, moreLink: d }),
+      /* @__PURE__ */ t(I.Divider, {})
     ] }),
-    /* @__PURE__ */ n(i, { className: e.helpMenuFooter, children: [
+    /* @__PURE__ */ n(l, { className: e.helpMenuFooter, children: [
       a("updated"),
       " ",
-      N,
+      L,
       /* @__PURE__ */ t("br", {}),
-      u.isDesktop && me ? `${a("desktopVersion")} v${me}` : `${B.name} v${R}`,
+      c.isDesktop && fe ? `${a("desktopVersion")} v${fe}` : `${B.name} v${N}`,
       /* @__PURE__ */ t("br", {}),
       "© ",
       (/* @__PURE__ */ new Date()).getFullYear(),
@@ -1208,9 +1211,9 @@ const Y = "layers-desktop-diagnostics", tt = [
   ] }) });
 };
 export {
-  Rt as DesktopDiagnosticsConsentModal,
-  Vt as DesktopSupportReportModal,
-  Ht as DesktopUpdateFlowModal,
-  $t as HelpMenu,
+  $t as DesktopDiagnosticsConsentModal,
+  Ht as DesktopSupportReportModal,
+  Bt as DesktopUpdateFlowModal,
+  xt as HelpMenu,
   x as getDesktopBridge
 };