@layers-app/shared 0.4.5 → 0.4.7

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

@@ -1,157 +1,1087 @@
-import { jsxs as a, jsx as e, Fragment as I } from "react/jsx-runtime";
-import { useState as A, useRef as $, useMemo as B, useCallback as h, useEffect as R } from "react";
-import { useTranslation as _ } from "react-i18next";
-import { DiscountTag02Icon as U, CustomerSupportIcon as H, Book02Icon as N, Structure02Icon as O, BookOpen01Icon as W, LicenseIcon as G } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as s } from "@hugeicons/react";
-import { Stack as K, Button as u, Menu as i, Popover as g, UnstyledButton as Y, Group as q, Text as S } from "@mantine/core";
-import { IconChevronRight as J } from "@tabler/icons-react";
-import Q from "../../../../../assets/svg/discord-icon.svg.js";
-import V from "../../../../../assets/svg/telegram-icon.svg.js";
-import X from "../../../../../assets/svg/whatsapp-icon.svg.js";
-import { brand as o } from "../../../../../config/brand.js";
-import { getEnvConfig as Z } from "../../../../../config/envConfig.js";
-import { isFeature as ee } from "../../../../../helpers/feature.js";
-import { usePlatform as te } from "../../../../../hooks/usePlatform.js";
-import { resetFeatureFlow as oe } from "../../../../../store/featureProgress.js";
-import { useAppContainerDataStore as re } from "../../../hooks/useAppContainerDataStore.js";
-import { WhatsNew as ie } from "./WhatsNew.js";
-import { FeatureProgressKey as ne } from "../../../../FeatureProgress/constants.js";
-const Me = () => {
-  const { t } = _("helpMenu"), y = te(), [M, f] = A(!1), c = $(null), T = B(() => {
-    const r = Z().analytics;
-    return r?.intercomEnabled !== !1 && !!r?.intercomAppId;
+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 { 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 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 = [
+  "pageLoad",
+  "taskEditing",
+  "calling",
+  "fileUpload",
+  "appFreeze",
+  "uiBug",
+  "other"
+], ot = [
+  "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(
+  "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))
+  }
+), 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) => {
+  try {
+    const g = await r.json();
+    return g.message || g.code || r.statusText;
+  } catch {
+    return r.statusText;
+  }
+}, rt = ({
+  leftIcon: r,
+  rightIcon: g,
+  percent: o,
+  remainingLabel: m,
+  statusLabel: s,
+  hint: a
+}) => {
+  const u = pe(o), p = m || s;
+  return /* @__PURE__ */ n(f, { className: e.flowProgressRoot, gap: 10, children: [
+    /* @__PURE__ */ t(
+      Me,
+      {
+        leftIcon: r,
+        rightIcon: g,
+        height: 100,
+        particleCount: 24
+      }
+    ),
+    /* @__PURE__ */ n(f, { className: e.flowProgressMeter, gap: 6, children: [
+      /* @__PURE__ */ n(
+        z,
+        {
+          className: e.flowProgressHeader,
+          justify: "space-between",
+          align: "center",
+          wrap: "nowrap",
+          children: [
+            /* @__PURE__ */ n(
+              i,
+              {
+                className: `${e.flowProgressMeta} ${e.flowProgressMetaPrimary}`,
+                children: [
+                  Math.round(u),
+                  "%"
+                ]
+              }
+            ),
+            p && /* @__PURE__ */ t(
+              i,
+              {
+                className: `${e.flowProgressMeta} ${e.flowProgressMetaSecondary}`,
+                children: p
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        G.Root,
+        {
+          size: 6,
+          radius: "xl",
+          className: e.flowProgressBar,
+          children: /* @__PURE__ */ t(
+            G.Section,
+            {
+              value: u,
+              color: "#4c6ef5",
+              className: e.flowProgressBarSection
+            }
+          )
+        }
+      )
+    ] }),
+    a && /* @__PURE__ */ t(i, { component: "div", className: e.flowProgressHint, children: a })
+  ] });
+}, q = ({
+  status: r,
+  icon: g
+}) => {
+  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,
+  {
+    "aria-label": r,
+    className: e.desktopUpdateSpinner,
+    role: "status"
+  }
+), fe = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    "aria-hidden": "true",
+    className: `${e.desktopUpdateResultIcon} ${e.desktopUpdateSuccessIcon}`,
+    focusable: "false",
+    viewBox: "0 0 32 32",
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M7.7 16.6L13.4 22.3L24.3 9.7",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.8"
+      }
+    )
+  }
+), it = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    "aria-hidden": "true",
+    className: `${e.desktopUpdateResultIcon} ${e.desktopUpdateErrorIcon}`,
+    focusable: "false",
+    viewBox: "0 0 32 32",
+    children: [
+      /* @__PURE__ */ t(
+        "circle",
+        {
+          cx: "16",
+          cy: "16",
+          fill: "none",
+          r: "11.5",
+          stroke: "currentColor",
+          strokeWidth: "1.5"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M16 10.5V17.5",
+          fill: "none",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeWidth: "1.5"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M16 22.25H16.01",
+          fill: "none",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeWidth: "2"
+        }
+      )
+    ]
+  }
+), Vt = ({
+  opened: r,
+  onClose: g
+}) => {
+  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]
+    );
+  }, []), k = D(async () => {
+    const d = p.trim(), b = a.map(
+      (M) => o(`reportProblemCategories.${M}`)
+    ), C = d || `Desktop support report: ${b.join(", ")}`;
+    if (!a.length) {
+      le({
+        title: o("reportProblemCategoryEmptyTitle"),
+        message: o("reportProblemCategoryEmptyMessage")
+      });
+      return;
+    }
+    F(!0);
+    try {
+      let M = m;
+      const $ = x();
+      !M && typeof $?.getVersion == "function" && (M = await $.getVersion().catch(() => null));
+      const R = await fetch(
+        "/v1/local/support/reports?telemetryLimit=200",
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            category: "DESKTOP_USER_REPORT",
+            severity: "MEDIUM",
+            message: C,
+            pageUrl: window.location.href,
+            appVersion: M ?? void 0,
+            clientData: {
+              source: "desktop-help-menu",
+              userAgent: navigator.userAgent,
+              language: navigator.language,
+              path: window.location.pathname,
+              problemCategories: a,
+              problemCategoryLabels: b,
+              userDescription: d || null,
+              messageGeneratedFromCategories: !d,
+              diagnosticsConsentAccepted: !0,
+              diagnosticsConsentAcceptedAtMs: Date.now(),
+              diagnosticsConsentScope: "desktop-support-report",
+              diagnosticsNoticeVersion: 1
+            }
+          })
+        }
+      );
+      if (!R.ok)
+        throw new Error(await nt(R));
+      const N = await R.json();
+      if (v(""), l(), N.desktopBundleAttached === !1) {
+        le({
+          title: o("supportReportSentTitle"),
+          message: o("supportReportSentWithoutDiagnostics", {
+            id: N.id ?? o("supportReportUnknownId")
+          })
+        });
+        return;
+      }
+      Ce({
+        title: o("supportReportSentTitle"),
+        message: o("supportReportSentMessage", {
+          id: N.id ?? o("supportReportUnknownId")
+        })
+      });
+    } catch (M) {
+      ie({
+        title: o("supportReportFailedTitle"),
+        message: M instanceof Error && M.message ? M.message : o("supportReportFailedMessage")
+      });
+    } finally {
+      F(!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);
+    }).catch(() => {
+      d && s(null);
+    }), () => {
+      d = !1;
+    });
+  }, []), /* @__PURE__ */ t(
+    ce,
+    {
+      opened: r,
+      onClose: () => {
+        U || l();
+      },
+      title: o("reportProblemQuestion"),
+      size: 440,
+      centered: !0,
+      classNames: {
+        content: `${e.desktopFlowModal} ${e.reportProblemModal}`,
+        header: e.desktopFlowModalHeader,
+        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,
+          {
+            size: "sm",
+            checked: a.includes(d),
+            disabled: U,
+            classNames: {
+              root: e.reportProblemOptionRoot,
+              body: e.reportProblemOptionBody,
+              inner: e.reportProblemOptionInner,
+              input: e.reportProblemOptionInput,
+              label: e.reportProblemOptionLabel
+            },
+            label: o(`reportProblemCategories.${d}`),
+            onChange: () => S(d)
+          },
+          d
+        )) }),
+        /* @__PURE__ */ t(
+          Ee,
+          {
+            label: o("reportProblemDescriptionLabel"),
+            minRows: 4,
+            autosize: !1,
+            value: p,
+            disabled: U,
+            placeholder: o("reportProblemPlaceholder"),
+            classNames: {
+              root: e.reportProblemTextareaRoot,
+              wrapper: e.reportProblemTextareaWrapper,
+              label: e.reportProblemDescriptionLabel,
+              input: e.reportProblemTextareaInput
+            },
+            onChange: (d) => v(d.currentTarget.value)
+          }
+        ),
+        /* @__PURE__ */ n(z, { className: e.reportProblemActions, gap: 10, wrap: "nowrap", children: [
+          /* @__PURE__ */ t(
+            I,
+            {
+              variant: "default",
+              flex: 1,
+              h: 36,
+              disabled: U,
+              className: `${e.reportProblemButton} ${e.reportProblemCancelButton}`,
+              onClick: l,
+              children: o("reportProblemCancel")
+            }
+          ),
+          /* @__PURE__ */ t(
+            I,
+            {
+              flex: 1,
+              h: 36,
+              loading: U,
+              disabled: U,
+              className: `${e.reportProblemButton} ${e.reportProblemSubmitButton}`,
+              onClick: () => {
+                k();
+              },
+              children: o("sendReport")
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}, Rt = ({
+  opened: r,
+  onClose: g,
+  collecting: o,
+  onCollectingChange: m
+}) => {
+  const { t: s } = X("helpMenu"), [a, u] = V(!0), [p, v] = V("consent"), [U, F] = V({
+    phase: "preparing",
+    percent: 0
+  }), [l, S] = V(null), k = ne(r), d = ne(!1);
+  _(() => {
+    k.current = r, r && (d.current = !1);
+  }, [r]);
+  const b = D(() => {
+    v("consent"), u(!0), F({ phase: "preparing", percent: 0 }), S(null), d.current = !1;
+  }, []), C = D(
+    (N) => {
+      const L = pe(N.percent), y = N.phase || "preparing", H = s(`diagnosticsProgressPhase.${y}`, {
+        defaultValue: y
+      });
+      return {
+        id: Y,
+        autoClose: !1,
+        title: s("diagnosticsCollectingTitle"),
+        message: /* @__PURE__ */ n(f, { gap: 8, mt: 4, children: [
+          /* @__PURE__ */ t(
+            G,
+            {
+              value: L,
+              size: 6,
+              radius: "xl",
+              styles: {
+                section: { transition: "width 300ms ease" }
+              }
+            }
+          ),
+          /* @__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: [
+              Math.round(L),
+              "%"
+            ] })
+          ] })
+        ] })
+      };
+    },
+    [s]
+  ), M = D(() => {
+    if (o) {
+      k.current = !1, d.current = !0, qe(C(U)), g();
+      return;
+    }
+    k.current = !1, b(), g();
+  }, [
+    C,
+    o,
+    g,
+    U,
+    b
+  ]), $ = 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);
+    const L = N.onDiagnosticsProgress?.((y) => {
+      F(y), d.current && Ke(
+        C(y)
+      );
+    });
+    try {
+      const y = await N.collectDiagnostics();
+      if (L?.(), ae.hide(Y), y.ok) {
+        F({ phase: "done", percent: 100 }), k.current ? v("success") : Ce({
+          title: s("diagnosticsReadyTitle"),
+          message: s("diagnosticsReadyMessage")
+        });
+        return;
+      }
+      const H = y.error || s("diagnosticsFailedMessage");
+      S(H), k.current ? v("error") : ie({
+        title: s("diagnosticsFailedTitle"),
+        message: H
+      });
+    } catch (y) {
+      L?.(), ae.hide(Y);
+      const H = y instanceof Error && y.message ? y.message : s("diagnosticsFailedMessage");
+      S(H), k.current ? v("error") : ie({
+        title: s("diagnosticsFailedTitle"),
+        message: H
+      });
+    } finally {
+      u(!0), m(!1);
+    }
+  }, [C, o, m, s]), R = D(() => {
+    if (!a) {
+      le({
+        title: s("diagnosticsConsentRequiredTitle"),
+        message: s("diagnosticsConsentRequiredMessage")
+      });
+      return;
+    }
+    $();
+  }, [a, $, s]);
+  return /* @__PURE__ */ n(
+    ce,
+    {
+      opened: r,
+      onClose: M,
+      title: p === "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,
+        title: e.desktopFlowModalTitle,
+        body: p === "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") })
+          ] }),
+          /* @__PURE__ */ t(
+            de,
+            {
+              className: `${e.flowDivider} ${e.flowConsentDivider}`
+            }
+          ),
+          /* @__PURE__ */ t(
+            ke,
+            {
+              className: e.flowConsentCheckbox,
+              checked: a,
+              disabled: o,
+              styles: { body: { alignItems: "flex-start" } },
+              label: /* @__PURE__ */ t(i, { className: e.flowCheckboxLabel, children: s("collectDiagnosticsConsentCheckbox") }),
+              onChange: (N) => u(N.currentTarget.checked)
+            }
+          ),
+          /* @__PURE__ */ n(z, { className: e.flowActions, children: [
+            /* @__PURE__ */ t(
+              I,
+              {
+                variant: "default",
+                flex: 1,
+                h: 36,
+                disabled: o,
+                onClick: M,
+                children: s("reportProblemCancel")
+              }
+            ),
+            /* @__PURE__ */ t(
+              I,
+              {
+                flex: 1,
+                h: 36,
+                loading: o,
+                disabled: !a,
+                onClick: R,
+                children: s("generateDiagnosticsReport")
+              }
+            )
+          ] })
+        ] }),
+        p === "progress" && /* @__PURE__ */ t(
+          rt,
+          {
+            leftIcon: /* @__PURE__ */ t(be, {}),
+            rightIcon: /* @__PURE__ */ t(st, {}),
+            percent: U.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") }),
+          /* @__PURE__ */ t(
+            I,
+            {
+              className: e.flowFullButton,
+              fullWidth: !0,
+              onClick: M,
+              children: s("desktopFlowContinue")
+            }
+          )
+        ] }),
+        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") }),
+          /* @__PURE__ */ t(
+            I,
+            {
+              className: e.flowFullButton,
+              fullWidth: !0,
+              onClick: () => {
+                $();
+              },
+              children: s("desktopFlowTryAgain")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, Ht = ({
+  opened: r,
+  onClose: g
+}) => {
+  const { t: o } = X("helpMenu"), [m, s] = V(null), [a, u] = V(!1), p = D((h) => {
+    s((c) => ({
+      status: "error",
+      enabled: !0,
+      currentVersion: c?.currentVersion ?? "",
+      availableVersion: c?.availableVersion,
+      error: h instanceof Error && h.message ? h.message : String(h),
+      canCheck: !0,
+      canDownload: !1,
+      canInstall: !1
+    }));
+  }, []), v = D(async () => {
+    const h = x()?.updates;
+    if (h?.check) {
+      u(!0), s(
+        (c) => c ? { ...c, status: "checking" } : {
+          status: "checking",
+          enabled: !0,
+          currentVersion: "",
+          canCheck: !1,
+          canDownload: !1,
+          canInstall: !1
+        }
+      );
+      try {
+        const c = await h.check();
+        s(c);
+      } catch (c) {
+        p(c);
+      } finally {
+        u(!1);
+      }
+    }
+  }, [p]), U = D(async () => {
+    const h = x()?.updates;
+    if (h?.download) {
+      u(!0), s(
+        (c) => c && {
+          ...c,
+          status: "downloading",
+          progress: c.progress ?? { percent: 0 }
+        }
+      );
+      try {
+        const c = await h.download();
+        s(c);
+      } catch (c) {
+        p(c);
+      } finally {
+        u(!1);
+      }
+    }
+  }, [p]), F = D(async () => {
+    const h = x()?.updates;
+    if (h?.install) {
+      u(!0), s(
+        (c) => c && {
+          ...c,
+          status: "installing",
+          canCheck: !1,
+          canDownload: !1,
+          canInstall: !1
+        }
+      );
+      try {
+        const c = await h.install();
+        s(c);
+      } catch (c) {
+        p(c);
+      } finally {
+        u(!1);
+      }
+    }
+  }, [p]);
+  _(() => {
+    if (!r) return;
+    const h = x()?.updates;
+    if (!h) return;
+    let c = !1;
+    const K = (E) => {
+      c || s(E);
+    };
+    h.status().then((E) => {
+      c || (s(E), E.canCheck && v());
+    }).catch(p);
+    const O = h.onChanged(K);
+    return () => {
+      c = !0, O();
+    };
+  }, [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 = [
+    e.desktopFlowModal,
+    $ ? e.desktopUpdateCheckingModal : "",
+    R ? e.desktopUpdateDownloadModal : "",
+    N || l === "disabled" || l === "idle" ? e.desktopUpdateResultModal : "",
+    L || l === "installing" ? e.desktopUpdateAvailableModal : ""
+  ].filter(Boolean).join(" "), H = [
+    e.desktopFlowModalBody,
+    $ ? e.desktopUpdateCheckingBody : "",
+    R ? e.desktopUpdateDownloadBody : "",
+    N || l === "disabled" || l === "idle" ? e.desktopUpdateResultBody : "",
+    L || l === "installing" ? e.desktopUpdateResultBody : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n(
+    ce,
+    {
+      opened: r,
+      onClose: C,
+      title: R ? o("desktopUpdateDownloadingTitle") : null,
+      size: 440,
+      centered: !0,
+      classNames: {
+        content: y,
+        header: R ? `${e.desktopFlowModalHeader} ${e.desktopFlowModalHeaderCompact}` : e.desktopFlowModalHeaderFloating,
+        title: e.desktopFlowModalTitle,
+        body: H
+      },
+      children: [
+        l === "checking" && /* @__PURE__ */ n(
+          f,
+          {
+            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") })
+            ]
+          }
+        ),
+        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")
+          }) }),
+          /* @__PURE__ */ t(
+            I,
+            {
+              className: e.flowFullButton,
+              fullWidth: !0,
+              onClick: C,
+              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 ?? ""
+          }) }),
+          /* @__PURE__ */ n(z, { className: e.flowActions, children: [
+            /* @__PURE__ */ t(I, { variant: "default", flex: 1, h: 36, onClick: C, children: o("desktopUpdateLater") }),
+            /* @__PURE__ */ t(
+              I,
+              {
+                flex: 1,
+                h: 36,
+                loading: a,
+                disabled: !m?.canDownload,
+                onClick: () => {
+                  U();
+                },
+                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,
+            {
+              leftIcon: /* @__PURE__ */ t(T, { icon: re, size: 24 }),
+              rightIcon: /* @__PURE__ */ t(be, {}),
+              height: 100,
+              particleCount: 24,
+              startDistributed: !0
+            }
+          ) }),
+          /* @__PURE__ */ n(f, { className: e.desktopUpdateDownloadMeter, gap: 6, children: [
+            /* @__PURE__ */ n(
+              z,
+              {
+                className: e.desktopUpdateDownloadHeader,
+                justify: "space-between",
+                align: "center",
+                wrap: "nowrap",
+                children: [
+                  /* @__PURE__ */ n(
+                    i,
+                    {
+                      className: `${e.flowProgressMeta} ${e.flowProgressMetaPrimary}`,
+                      children: [
+                        Math.round(S),
+                        "%"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ n(i, { className: e.desktopUpdateRemaining, children: [
+                    /* @__PURE__ */ t("span", { className: e.desktopUpdateRemainingLabel, children: o("desktopFlowRemainingLabel") }),
+                    /* @__PURE__ */ n("span", { className: e.desktopUpdateRemainingValue, children: [
+                      " ",
+                      b
+                    ] })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ t(
+              G.Root,
+              {
+                size: 6,
+                radius: "xl",
+                className: e.flowProgressBar,
+                children: /* @__PURE__ */ t(
+                  G.Section,
+                  {
+                    value: S,
+                    color: "#4c6ef5",
+                    className: e.flowProgressBarSection
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(i, { 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") }),
+          /* @__PURE__ */ t(
+            I,
+            {
+              className: e.flowFullButton,
+              fullWidth: !0,
+              loading: a,
+              onClick: () => {
+                if (m?.canInstall) {
+                  F();
+                  return;
+                }
+                C();
+              },
+              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") }),
+          /* @__PURE__ */ t(
+            G,
+            {
+              value: 100,
+              animated: !0,
+              striped: !0,
+              size: 6,
+              radius: "xl",
+              w: "100%"
+            }
+          )
+        ] }),
+        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") }),
+          /* @__PURE__ */ t(
+            I,
+            {
+              className: e.flowFullButton,
+              fullWidth: !0,
+              onClick: C,
+              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") }),
+          /* @__PURE__ */ t(
+            I,
+            {
+              className: e.flowFullButton,
+              fullWidth: !0,
+              loading: a,
+              onClick: () => {
+                v();
+              },
+              children: o("desktopFlowTryAgain")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, $t = ({
+  onReportProblemClick: r,
+  onCheckUpdatesClick: g,
+  onCollectDiagnosticsClick: o,
+  diagnosticsCollecting: m = !1,
+  reportProblemTourTargetId: s
+}) => {
+  const { t: a } = X("helpMenu"), u = Je(), [p, v] = V(!1), [U, F] = V(null), [l, S] = V(
+    null
+  ), k = ne(null), d = ve(() => {
+    const w = _e().analytics;
+    return w?.intercomEnabled !== !1 && !!w?.intercomAppId;
   }, []), {
-    showMessenger: w,
-    showNewMessage: z,
-    workspaceMenu: C,
-    getFirstPageLink: D,
-    version: E,
-    updatedAt: P,
-    privacyPolicyLink: x,
-    userAgreementLink: F,
-    whatsNewItems: v
-  } = re(), j = () => {
-    m();
-    const r = new URL(window.location.href);
-    r.searchParams.get("view") === "graph" && (r.searchParams.delete("view"), window.history.replaceState(
+    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(
       window.history.state,
       "",
-      `${r.pathname}${r.search}${r.hash}`
-    )), oe(ne.GraphStart);
-    const p = window.location.pathname.split("/").filter(Boolean), L = p[0], b = p[1] === "pages" ? p[2] : void 0, l = L || C.active.workspaceId;
-    if (l) {
-      if (b) {
-        window.location.assign(`/${l}/pages/${b}`);
+      `${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}`);
         return;
       }
-      const k = D?.(l);
-      if (k) {
-        window.location.assign(k);
+      const he = $?.(W);
+      if (he) {
+        window.location.assign(he);
         return;
       }
-      window.location.assign(`/${l}/pages`);
+      window.location.assign(`/${W}/pages`);
       return;
     }
     window.location.assign("/");
-  }, n = h(() => {
-    c.current && (window.clearTimeout(c.current), c.current = null);
-  }, []), d = h(() => {
-    n(), f(!0);
-  }, [n]), m = h(() => {
-    n(), c.current = window.setTimeout(() => {
-      f(!1);
+  }, 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);
     }, 120);
-  }, [n]);
-  return R(() => () => {
-    n();
-  }, [n]), /* @__PURE__ */ a(K, { gap: 6, p: 4, children: [
-    o.social.whatsappEnabled && /* @__PURE__ */ e(
-      u,
+  }, [Z]);
+  _(() => () => {
+    Z();
+  }, [Z]), _(() => {
+    let w = !0;
+    const A = x();
+    return typeof A?.getVersion != "function" ? (F(null), () => {
+      w = !1;
+    }) : (A.getVersion().then((j) => {
+      w && F(j || null);
+    }).catch(() => {
+      w && F(null);
+    }), () => {
+      w = !1;
+    });
+  }, []), _(() => {
+    if (!u.isDesktop) {
+      S(null);
+      return;
+    }
+    const w = x()?.updates;
+    if (!w) {
+      S(null);
+      return;
+    }
+    let A = !1;
+    const j = (W) => {
+      A || S(W);
+    };
+    w.status().then(j).catch(() => {
+    });
+    const Q = w.onChanged(j);
+    return () => {
+      A = !0, Q();
+    };
+  }, [u.isDesktop]);
+  const ge = D(() => {
+    if (O) {
+      window.dispatchEvent(new Event("layers:desktop-update:download"));
+      return;
+    }
+    g?.();
+  }, [g, O]), me = l?.currentVersion || U, De = c ? /* @__PURE__ */ t(
+    P.Item,
+    {
+      "data-onboarding-tour-id": s,
+      variant: "outline",
+      onClick: r,
+      leftSection: /* @__PURE__ */ t(T, { icon: ye, size: 16 }),
+      children: a("reportProblem")
+    }
+  ) : null;
+  return /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ n(f, { className: e.helpMenuContent, gap: 6, children: [
+    B.social.whatsappEnabled && /* @__PURE__ */ t(
+      I,
       {
         component: "a",
-        href: o.social.whatsapp,
+        href: B.social.whatsapp,
         target: "_blank",
         bg: "#00C000",
-        leftSection: /* @__PURE__ */ e(X, { width: 16, height: 16 }),
+        leftSection: /* @__PURE__ */ t(We, { width: 16, height: 16 }),
         c: "white",
         size: "sm",
         justify: "flex-start",
-        children: t("joinWhatsApp")
+        children: a("joinWhatsApp")
       }
     ),
-    o.social.telegramEnabled && /* @__PURE__ */ e(
-      u,
+    B.social.telegramEnabled && /* @__PURE__ */ t(
+      I,
       {
         component: "a",
-        href: o.social.telegram,
+        href: B.social.telegram,
         target: "_blank",
         bg: "blue.5",
-        leftSection: /* @__PURE__ */ e(V, { width: 16, height: 16 }),
+        leftSection: /* @__PURE__ */ t(je, { width: 16, height: 16 }),
         c: "white",
         size: "sm",
         justify: "flex-start",
-        children: t("joinTelegram")
+        children: a("joinTelegram")
       }
     ),
-    o.social.discordEnabled && /* @__PURE__ */ e(
-      u,
+    B.social.discordEnabled && /* @__PURE__ */ t(
+      I,
       {
         component: "a",
-        href: o.social.discord,
+        href: B.social.discord,
         target: "_blank",
         bg: "indigo.6",
-        leftSection: /* @__PURE__ */ e(Q, { width: 16, height: 16 }),
+        leftSection: /* @__PURE__ */ t(Ze, { width: 16, height: 16 }),
         c: "white",
         size: "sm",
         justify: "flex-start",
-        children: t("joinDiscord")
+        children: a("joinDiscord")
       }
     ),
-    (o.social.whatsappEnabled || o.social.telegramEnabled || o.social.discordEnabled) && /* @__PURE__ */ e(i.Divider, {}),
-    !y.isDesktop && T && /* @__PURE__ */ a(I, { children: [
-      /* @__PURE__ */ e(
-        i.Item,
+    (B.social.whatsappEnabled || B.social.telegramEnabled || B.social.discordEnabled) && /* @__PURE__ */ t(P.Divider, {}),
+    !u.isDesktop && d && /* @__PURE__ */ n(oe, { children: [
+      /* @__PURE__ */ t(
+        P.Item,
         {
           onClick: () => {
-            w(), z(t("contactSalesMessage"));
+            b(), C(a("contactSalesMessage"));
           },
-          leftSection: /* @__PURE__ */ e(s, { icon: U, size: 16 }),
-          children: t("contactSales")
+          leftSection: /* @__PURE__ */ t(T, { icon: Se, size: 16 }),
+          children: a("contactSales")
         }
       ),
-      /* @__PURE__ */ e(
-        i.Item,
+      /* @__PURE__ */ t(
+        P.Item,
         {
-          onClick: w,
-          leftSection: /* @__PURE__ */ e(s, { icon: H, size: 16 }),
-          children: t("getSupport")
+          onClick: b,
+          leftSection: /* @__PURE__ */ t(T, { icon: Pe, size: 16 }),
+          children: a("getSupport")
         }
       ),
-      /* @__PURE__ */ e(i.Divider, {})
+      /* @__PURE__ */ t(P.Divider, {})
     ] }),
-    ee() && /* @__PURE__ */ a(
-      g,
+    Ge() && /* @__PURE__ */ n(
+      se,
       {
-        opened: M,
+        opened: p,
         width: 200,
         position: "right-start",
         offset: 10,
         withinPortal: !0,
         shadow: "md",
         children: [
-          /* @__PURE__ */ e(g.Target, { children: /* @__PURE__ */ e("div", { onMouseEnter: d, onMouseLeave: m, children: /* @__PURE__ */ e(
-            i.Item,
+          /* @__PURE__ */ t(se.Target, { children: /* @__PURE__ */ t("div", { onMouseEnter: ee, onMouseLeave: te, children: /* @__PURE__ */ t(
+            P.Item,
             {
-              leftSection: /* @__PURE__ */ e(s, { icon: N, size: 16 }),
-              rightSection: /* @__PURE__ */ e(J, { size: 14 }),
-              onClick: (r) => {
-                r.preventDefault(), d();
+              leftSection: /* @__PURE__ */ t(T, { icon: Ie, size: 16 }),
+              rightSection: /* @__PURE__ */ t(Oe, { size: 14 }),
+              onClick: (w) => {
+                w.preventDefault(), ee();
               },
-              children: t("tutorials")
+              children: a("tutorials")
             }
           ) }) }),
-          /* @__PURE__ */ e(
-            g.Dropdown,
+          /* @__PURE__ */ t(
+            se.Dropdown,
             {
               py: 4,
               ml: 6,
@@ -159,27 +1089,27 @@ const Me = () => {
                 backgroundColor: "light-dark(var(--app-shell-bg),var(--mantine-color-dark-6))",
                 border: "none"
               },
-              onMouseEnter: d,
-              onMouseLeave: m,
-              children: /* @__PURE__ */ e(
-                Y,
+              onMouseEnter: ee,
+              onMouseLeave: te,
+              children: /* @__PURE__ */ t(
+                xe,
                 {
-                  onClick: j,
+                  onClick: Ne,
                   style: {
                     width: "100%",
                     borderRadius: 12,
                     padding: "6px 12px"
                   },
-                  children: /* @__PURE__ */ a(q, { gap: 10, children: [
-                    /* @__PURE__ */ e(
-                      s,
+                  children: /* @__PURE__ */ n(z, { gap: 10, children: [
+                    /* @__PURE__ */ t(
+                      T,
                       {
-                        icon: O,
+                        icon: Ue,
                         size: 16,
                         color: "var(--mantine-color-dimmed)"
                       }
                     ),
-                    /* @__PURE__ */ e(S, { size: "sm", c: "bright", children: t("mindMap") })
+                    /* @__PURE__ */ t(i, { size: "sm", c: "bright", children: a("mindMap") })
                   ] })
                 }
               )
@@ -188,49 +1118,99 @@ const Me = () => {
         ]
       }
     ),
-    /* @__PURE__ */ e(
-      i.Item,
+    J && O && /* @__PURE__ */ n(f, { className: e.helpMenuUpdateBlock, gap: 2, children: [
+      /* @__PURE__ */ t(i, { className: e.helpMenuUpdateLabel, children: a("desktopUpdateNewAvailable") }),
+      /* @__PURE__ */ t(
+        Le,
+        {
+          label: a("desktopUpdateDownloadTooltip", {
+            version: E ?? a("desktopUpdateUnknownVersion")
+          }),
+          position: "right",
+          withArrow: !0,
+          openDelay: 250,
+          children: /* @__PURE__ */ t(
+            P.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,
+              children: a("desktopUpdateDownloadNow")
+            }
+          )
+        }
+      )
+    ] }),
+    J && !O && /* @__PURE__ */ t(
+      P.Item,
+      {
+        variant: "outline",
+        onClick: ge,
+        leftSection: /* @__PURE__ */ t(T, { icon: Fe, size: 16 }),
+        children: a("desktopUpdateMenuItem")
+      }
+    ),
+    J && ue && /* @__PURE__ */ t(P.Divider, {}),
+    De,
+    h && /* @__PURE__ */ t(
+      P.Item,
+      {
+        variant: "outline",
+        disabled: m,
+        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")
+      }
+    ),
+    (J || ue) && /* @__PURE__ */ t(P.Divider, {}),
+    /* @__PURE__ */ t(
+      P.Item,
       {
         variant: "outline",
         component: "a",
         target: "_blank",
-        href: F,
-        leftSection: /* @__PURE__ */ e(s, { icon: W, size: 16 }),
-        children: t("userAgreement")
+        href: y,
+        leftSection: /* @__PURE__ */ t(T, { icon: Te, size: 16 }),
+        children: a("userAgreement")
       }
     ),
-    /* @__PURE__ */ e(
-      i.Item,
+    /* @__PURE__ */ t(
+      P.Item,
       {
         variant: "outline",
         component: "a",
         target: "_blank",
-        href: x,
-        leftSection: /* @__PURE__ */ e(s, { icon: G, size: 16 }),
-        children: t("termsAndPrivacy")
+        href: L,
+        leftSection: /* @__PURE__ */ t(T, { icon: Ve, size: 16 }),
+        children: a("termsAndPrivacy")
       }
     ),
-    /* @__PURE__ */ e(i.Divider, {}),
-    !!v?.length && /* @__PURE__ */ a(I, { children: [
-      /* @__PURE__ */ e(ie, { items: v }),
-      /* @__PURE__ */ e(i.Divider, {})
+    /* @__PURE__ */ t(P.Divider, {}),
+    !!H?.length && /* @__PURE__ */ n(oe, { children: [
+      /* @__PURE__ */ t(Xe, { items: H }),
+      /* @__PURE__ */ t(P.Divider, {})
     ] }),
-    /* @__PURE__ */ a(S, { size: "xs", c: "dimmed", children: [
-      t("updated"),
+    /* @__PURE__ */ n(i, { className: e.helpMenuFooter, children: [
+      a("updated"),
       " ",
-      P,
-      /* @__PURE__ */ e("br", {}),
-      o.name,
-      " v",
-      E,
-      /* @__PURE__ */ e("br", {}),
+      N,
+      /* @__PURE__ */ t("br", {}),
+      u.isDesktop && me ? `${a("desktopVersion")} v${me}` : `${B.name} v${R}`,
+      /* @__PURE__ */ t("br", {}),
       "© ",
       (/* @__PURE__ */ new Date()).getFullYear(),
       " ",
-      o.copyrightHolder
+      B.copyrightHolder
     ] })
-  ] });
+  ] }) });
 };
 export {
-  Me as HelpMenu
+  Rt as DesktopDiagnosticsConsentModal,
+  Vt as DesktopSupportReportModal,
+  Ht as DesktopUpdateFlowModal,
+  $t as HelpMenu,
+  x as getDesktopBridge
 };