@multiplatform.one/backoffice 6.3.0

package/dist/cjs/chrome/command-palette-model.cjs

@@ -0,0 +1,208 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var command_palette_model_exports = {};
+__export(command_palette_model_exports, {
+  useCommandPaletteModel: () => useCommandPaletteModel
+});
+module.exports = __toCommonJS(command_palette_model_exports);
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_BackofficeProvider = require("../config/BackofficeProvider.cjs");
+var import_i18n = require("../i18n/index.cjs");
+var import_awesomebar_data = require("./awesomebar-data.cjs");
+const maxRecentsEmptyQuery = 8;
+const maxRecentsWithQuery = 4;
+const maxNavWorkspaces = 4;
+const maxNavDoctypes = 4;
+const actionViews = ["list", "report", "kanban"];
+const actionViewIcons = {
+  list: import_react.ListIcon,
+  report: import_react.TableIcon,
+  kanban: import_react.KanbanIcon
+};
+const actionViewLabelKeys = {
+  list: {
+    key: "awesomebar.listCommand",
+    defaultValue: "{{doctype}} List"
+  },
+  report: {
+    key: "awesomebar.reportCommand",
+    defaultValue: "{{doctype}} Report"
+  },
+  kanban: {
+    key: "awesomebar.kanbanCommand",
+    defaultValue: "{{doctype}} Kanban"
+  }
+};
+function useCommandPaletteModel({
+  query,
+  debouncedQuery,
+  open
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  const capabilities = (0, import_BackofficeProvider.useBackofficeCapabilities)();
+  const isDoctypeAllowed = (0, import_BackofficeProvider.useIsDoctypeAllowed)();
+  const {
+    catalog
+  } = (0, import_awesomebar_data.useAwesomebarCatalog)();
+  const {
+    hits,
+    searching
+  } = (0, import_awesomebar_data.useGlobalSearch)(debouncedQuery);
+  const [recents, setRecents] = (0, import_react2.useState)([]);
+  (0, import_react2.useEffect)(() => {
+    if (!open) return;
+    let cancelled = false;
+    void (0, import_awesomebar_data.readRecentItems)().then(stored => {
+      if (!cancelled) setRecents(stored);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [open]);
+  const trimmed = query.trim();
+  const sections = (0, import_react2.useMemo)(() => {
+    const next = [];
+    const lowerQuery = trimmed.toLowerCase();
+    const matchingRecents = trimmed ? recents.filter(recent => recent.label.toLowerCase().includes(lowerQuery)).slice(0, maxRecentsWithQuery) : recents.slice(0, maxRecentsEmptyQuery);
+    if (matchingRecents.length > 0) {
+      next.push({
+        id: "recents",
+        label: t("awesomebar.recents", "Recents"),
+        items: matchingRecents.map(recent => ({
+          id: `recent:${recent.path}`,
+          label: recent.label,
+          path: recent.path,
+          icon: import_react.ClockIcon
+        }))
+      });
+    }
+    if (trimmed) {
+      const scopedDoctypes = (catalog?.doctypes ?? []).filter(isDoctypeAllowed);
+      const rankedDoctypes = (0, import_awesomebar_data.rankNameMatches)(trimmed, scopedDoctypes, maxNavDoctypes + 1);
+      const topDoctype = rankedDoctypes[0];
+      const actionItems = [];
+      if (topDoctype) {
+        if (capabilities.newDoc.enabled) {
+          actionItems.push({
+            id: `new:${topDoctype}`,
+            label: t("awesomebar.newCommand", {
+              defaultValue: "New {{doctype}}",
+              doctype: topDoctype
+            }),
+            path: paths.newDoc(topDoctype),
+            icon: import_react.PlusIcon
+          });
+        }
+        if (capabilities.views.enabled) {
+          for (const view of actionViews) {
+            if (!capabilities.views.allow.includes(view)) continue;
+            const {
+              key,
+              defaultValue
+            } = actionViewLabelKeys[view];
+            actionItems.push({
+              id: `${view}:${topDoctype}`,
+              label: t(key, {
+                defaultValue,
+                doctype: topDoctype
+              }),
+              path: paths.view(topDoctype, view),
+              icon: actionViewIcons[view]
+            });
+          }
+        }
+      }
+      if (actionItems.length > 0) {
+        next.push({
+          id: "actions",
+          label: t("awesomebar.actions", "Actions"),
+          items: actionItems
+        });
+      }
+      const navigationItems = [];
+      const workspaces = catalog?.workspaces ?? [];
+      const byTitle = new Map(workspaces.map(workspace => [workspace.title, workspace]));
+      for (const title of (0, import_awesomebar_data.rankNameMatches)(trimmed, workspaces.map(workspace => workspace.title), maxNavWorkspaces)) {
+        const workspace = byTitle.get(title);
+        if (!workspace) continue;
+        navigationItems.push({
+          id: `workspace:${workspace.name}`,
+          label: workspace.title,
+          badge: t("awesomebar.workspaceBadge", "Workspace"),
+          path: paths.workspace(workspace.name),
+          icon: import_react.GlobeIcon
+        });
+      }
+      for (const doctype of rankedDoctypes.slice(topDoctype ? 1 : 0, maxNavDoctypes + 1)) {
+        navigationItems.push({
+          id: `doctype:${doctype}`,
+          label: doctype,
+          badge: t("awesomebar.doctypeBadge", "DocType"),
+          path: paths.list(doctype),
+          icon: import_react.ListIcon
+        });
+      }
+      if (navigationItems.length > 0) {
+        next.push({
+          id: "navigation",
+          label: t("awesomebar.navigation", "Navigation"),
+          items: navigationItems
+        });
+      }
+      const documentItems = [];
+      for (const hit of hits) {
+        if (!isDoctypeAllowed(hit.doctype)) continue;
+        documentItems.push({
+          id: `doc:${hit.doctype}:${hit.name}`,
+          label: hit.name,
+          badge: hit.doctype,
+          description: (0, import_awesomebar_data.toContentSnippet)(hit.content),
+          path: paths.form(hit.doctype, hit.name),
+          icon: import_react.FileTextIcon
+        });
+      }
+      if (documentItems.length > 0) {
+        next.push({
+          id: "documents",
+          label: t("awesomebar.documents", "Documents"),
+          items: documentItems
+        });
+      }
+    }
+    return next;
+  }, [trimmed, recents, catalog, hits, capabilities, paths, isDoctypeAllowed, t]);
+  const items = (0, import_react2.useMemo)(() => sections.flatMap(section => section.items), [sections]);
+  return {
+    sections,
+    items,
+    searching,
+    query: trimmed,
+    hasQuery: Boolean(trimmed),
+    noResults: Boolean(trimmed) && !searching && items.length === 0
+  };
+}

package/dist/cjs/chrome/command-palette-model.native.js

@@ -0,0 +1,301 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var command_palette_model_exports = {};
+__export(command_palette_model_exports, {
+  useCommandPaletteModel: () => useCommandPaletteModel
+});
+module.exports = __toCommonJS(command_palette_model_exports);
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_BackofficeProvider = require("../config/BackofficeProvider.native.js");
+var import_i18n = require("../i18n/index.native.js");
+var import_awesomebar_data = require("./awesomebar-data.native.js");
+var maxRecentsEmptyQuery = 8;
+var maxRecentsWithQuery = 4;
+var maxNavWorkspaces = 4;
+var maxNavDoctypes = 4;
+var actionViews = ["list", "report", "kanban"];
+var actionViewIcons = {
+  list: import_react.ListIcon,
+  report: import_react.TableIcon,
+  kanban: import_react.KanbanIcon
+};
+var actionViewLabelKeys = {
+  list: {
+    key: "awesomebar.listCommand",
+    defaultValue: "{{doctype}} List"
+  },
+  report: {
+    key: "awesomebar.reportCommand",
+    defaultValue: "{{doctype}} Report"
+  },
+  kanban: {
+    key: "awesomebar.kanbanCommand",
+    defaultValue: "{{doctype}} Kanban"
+  }
+};
+function useCommandPaletteModel(param) {
+  var {
+    query,
+    debouncedQuery,
+    open
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  var capabilities = (0, import_BackofficeProvider.useBackofficeCapabilities)();
+  var isDoctypeAllowed = (0, import_BackofficeProvider.useIsDoctypeAllowed)();
+  var {
+    catalog
+  } = (0, import_awesomebar_data.useAwesomebarCatalog)();
+  var {
+    hits,
+    searching
+  } = (0, import_awesomebar_data.useGlobalSearch)(debouncedQuery);
+  var [recents, setRecents] = (0, import_react2.useState)([]);
+  (0, import_react2.useEffect)(function () {
+    if (!open) return;
+    var cancelled = false;
+    void (0, import_awesomebar_data.readRecentItems)().then(function (stored) {
+      if (!cancelled) setRecents(stored);
+    });
+    return function () {
+      cancelled = true;
+    };
+  }, [open]);
+  var trimmed = query.trim();
+  var sections = (0, import_react2.useMemo)(function () {
+    var next = [];
+    var lowerQuery = trimmed.toLowerCase();
+    var matchingRecents = trimmed ? recents.filter(function (recent) {
+      return recent.label.toLowerCase().includes(lowerQuery);
+    }).slice(0, maxRecentsWithQuery) : recents.slice(0, maxRecentsEmptyQuery);
+    if (matchingRecents.length > 0) {
+      next.push({
+        id: "recents",
+        label: t("awesomebar.recents", "Recents"),
+        items: matchingRecents.map(function (recent) {
+          return {
+            id: `recent:${recent.path}`,
+            label: recent.label,
+            path: recent.path,
+            icon: import_react.ClockIcon
+          };
+        })
+      });
+    }
+    if (trimmed) {
+      var _ref, _ref1;
+      var scopedDoctypes = ((_ref = catalog === null || catalog === void 0 ? void 0 : catalog.doctypes) !== null && _ref !== void 0 ? _ref : []).filter(isDoctypeAllowed);
+      var rankedDoctypes = (0, import_awesomebar_data.rankNameMatches)(trimmed, scopedDoctypes, maxNavDoctypes + 1);
+      var topDoctype = rankedDoctypes[0];
+      var actionItems = [];
+      if (topDoctype) {
+        if (capabilities.newDoc.enabled) {
+          actionItems.push({
+            id: `new:${topDoctype}`,
+            label: t("awesomebar.newCommand", {
+              defaultValue: "New {{doctype}}",
+              doctype: topDoctype
+            }),
+            path: paths.newDoc(topDoctype),
+            icon: import_react.PlusIcon
+          });
+        }
+        if (capabilities.views.enabled) {
+          var _iteratorNormalCompletion = true,
+            _didIteratorError = false,
+            _iteratorError = void 0;
+          try {
+            for (var _iterator = actionViews[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var view = _step.value;
+              if (!capabilities.views.allow.includes(view)) continue;
+              var {
+                key,
+                defaultValue
+              } = actionViewLabelKeys[view];
+              actionItems.push({
+                id: `${view}:${topDoctype}`,
+                label: t(key, {
+                  defaultValue,
+                  doctype: topDoctype
+                }),
+                path: paths.view(topDoctype, view),
+                icon: actionViewIcons[view]
+              });
+            }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+        }
+      }
+      if (actionItems.length > 0) {
+        next.push({
+          id: "actions",
+          label: t("awesomebar.actions", "Actions"),
+          items: actionItems
+        });
+      }
+      var navigationItems = [];
+      var workspaces = (_ref1 = catalog === null || catalog === void 0 ? void 0 : catalog.workspaces) !== null && _ref1 !== void 0 ? _ref1 : [];
+      var byTitle = new Map(workspaces.map(function (workspace2) {
+        return [workspace2.title, workspace2];
+      }));
+      var _iteratorNormalCompletion1 = true,
+        _didIteratorError1 = false,
+        _iteratorError1 = void 0;
+      try {
+        for (var _iterator1 = (0, import_awesomebar_data.rankNameMatches)(trimmed, workspaces.map(function (workspace2) {
+            return workspace2.title;
+          }), maxNavWorkspaces)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+          var title = _step1.value;
+          var workspace = byTitle.get(title);
+          if (!workspace) continue;
+          navigationItems.push({
+            id: `workspace:${workspace.name}`,
+            label: workspace.title,
+            badge: t("awesomebar.workspaceBadge", "Workspace"),
+            path: paths.workspace(workspace.name),
+            icon: import_react.GlobeIcon
+          });
+        }
+      } catch (err) {
+        _didIteratorError1 = true;
+        _iteratorError1 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+            _iterator1.return();
+          }
+        } finally {
+          if (_didIteratorError1) {
+            throw _iteratorError1;
+          }
+        }
+      }
+      var _iteratorNormalCompletion2 = true,
+        _didIteratorError2 = false,
+        _iteratorError2 = void 0;
+      try {
+        for (var _iterator2 = rankedDoctypes.slice(topDoctype ? 1 : 0, maxNavDoctypes + 1)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+          var doctype = _step2.value;
+          navigationItems.push({
+            id: `doctype:${doctype}`,
+            label: doctype,
+            badge: t("awesomebar.doctypeBadge", "DocType"),
+            path: paths.list(doctype),
+            icon: import_react.ListIcon
+          });
+        }
+      } catch (err) {
+        _didIteratorError2 = true;
+        _iteratorError2 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+            _iterator2.return();
+          }
+        } finally {
+          if (_didIteratorError2) {
+            throw _iteratorError2;
+          }
+        }
+      }
+      if (navigationItems.length > 0) {
+        next.push({
+          id: "navigation",
+          label: t("awesomebar.navigation", "Navigation"),
+          items: navigationItems
+        });
+      }
+      var documentItems = [];
+      var _iteratorNormalCompletion3 = true,
+        _didIteratorError3 = false,
+        _iteratorError3 = void 0;
+      try {
+        for (var _iterator3 = hits[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+          var hit = _step3.value;
+          if (!isDoctypeAllowed(hit.doctype)) continue;
+          documentItems.push({
+            id: `doc:${hit.doctype}:${hit.name}`,
+            label: hit.name,
+            badge: hit.doctype,
+            description: (0, import_awesomebar_data.toContentSnippet)(hit.content),
+            path: paths.form(hit.doctype, hit.name),
+            icon: import_react.FileTextIcon
+          });
+        }
+      } catch (err) {
+        _didIteratorError3 = true;
+        _iteratorError3 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion3 && _iterator3.return != null) {
+            _iterator3.return();
+          }
+        } finally {
+          if (_didIteratorError3) {
+            throw _iteratorError3;
+          }
+        }
+      }
+      if (documentItems.length > 0) {
+        next.push({
+          id: "documents",
+          label: t("awesomebar.documents", "Documents"),
+          items: documentItems
+        });
+      }
+    }
+    return next;
+  }, [trimmed, recents, catalog, hits, capabilities, paths, isDoctypeAllowed, t]);
+  var items = (0, import_react2.useMemo)(function () {
+    return sections.flatMap(function (section) {
+      return section.items;
+    });
+  }, [sections]);
+  return {
+    sections,
+    items,
+    searching,
+    query: trimmed,
+    hasQuery: Boolean(trimmed),
+    noResults: Boolean(trimmed) && !searching && items.length === 0
+  };
+}
+//# sourceMappingURL=command-palette-model.native.js.map

package/dist/cjs/chrome/command-palette-model.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","command_palette_model_exports","__export","useCommandPaletteModel","module","exports","import_react","require","import_react2","import_react_i18next","import_BackofficeProvider","import_i18n","import_awesomebar_data","maxRecentsEmptyQuery","maxRecentsWithQuery","maxNavWorkspaces","maxNavDoctypes","actionViews","actionViewIcons","list","ListIcon","report","TableIcon","kanban","KanbanIcon","actionViewLabelKeys","key","defaultValue","param","query","debouncedQuery","open","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","paths","useBackofficePaths","capabilities","useBackofficeCapabilities","isDoctypeAllowed","useIsDoctypeAllowed","catalog","useAwesomebarCatalog","hits","searching","useGlobalSearch","recents","setRecents","useState","useEffect","cancelled","readRecentItems","then","stored","trimmed","trim","sections","useMemo","next","lowerQuery","toLowerCase","matchingRecents","filter","recent","label","includes","slice","length","push","id","items","map","path","icon","ClockIcon","_ref","_ref1","scopedDoctypes","doctypes","rankedDoctypes","rankNameMatches","topDoctype","actionItems","newDoc","enabled","doctype","PlusIcon","views","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","view","allow","err","return","navigationItems","workspaces","byTitle","Map","workspace2","title","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_iterator1","_step1","workspace","get","name","badge","GlobeIcon"],"sources":["../../../src/chrome/command-palette-model.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/chrome/help-about-dialog.cjs

@@ -0,0 +1,136 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var help_about_dialog_exports = {};
+__export(help_about_dialog_exports, {
+  HelpAboutDialog: () => HelpAboutDialog
+});
+module.exports = __toCommonJS(help_about_dialog_exports);
+var import_components = require("@multiplatform.one/components");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.cjs");
+var import_useFrappeApp = require("../shared/useFrappeApp.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function HelpAboutDialog({
+  open,
+  onOpenChange
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const app = (0, import_useFrappeApp.useFrappeApp)();
+  const [versions, setVersions] = (0, import_react.useState)(void 0);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [failed, setFailed] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (!open || !app || versions) return;
+    let cancelled = false;
+    setLoading(true);
+    setFailed(false);
+    app.call().get("frappe.utils.change_log.get_versions").then(response => {
+      if (cancelled) return;
+      setVersions(response.payload?.message ?? {});
+    }).catch(() => {
+      if (cancelled) return;
+      setFailed(true);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [open, app, versions]);
+  const entries = versions ? Object.entries(versions) : [];
+  const unavailable = !app || failed || versions !== void 0 && entries.length === 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog, {
+    modal: true,
+    open,
+    onOpenChange,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Dialog.Portal, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DialogContent, {
+        width: 420,
+        maxWidth: "90%",
+        "data-testid": "backoffice-help-about-dialog",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Title, {
+          size: "$6",
+          children: t("help.aboutTitle", "About")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Description, {
+          asChild: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Paragraph, {
+            size: "$3",
+            color: "$color11",
+            children: t("help.aboutTagline", "Backoffice is the multiplatform.one recreation of the Frappe Desk \u2014 one codebase across web, mobile, and desktop.")
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+          gap: "$2",
+          marginTop: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+            size: "$2",
+            fontWeight: "700",
+            color: "$color10",
+            textTransform: "uppercase",
+            children: t("help.installedApps", "Installed Apps")
+          }), loading && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+            padding: "$3",
+            justifyContent: "center",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Spinner, {
+              size: "small"
+            })
+          }), !loading && unavailable && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Paragraph, {
+            size: "$3",
+            color: "$color10",
+            children: t("help.versionsUnavailable", "Version information is unavailable.")
+          }), !loading && entries.map(([key, info]) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+            gap: "$3",
+            alignItems: "baseline",
+            justifyContent: "space-between",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+              size: "$3",
+              fontWeight: "600",
+              flex: 1,
+              numberOfLines: 1,
+              children: info.title || key
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+              size: "$3",
+              color: "$color11",
+              flexShrink: 0,
+              children: info.version ? `v${info.version}${info.branch ? ` (${info.branch})` : ""}` : info.branch ?? "\u2014"
+            })]
+          }, key))]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+          justifyContent: "flex-end",
+          marginTop: "$4",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Close, {
+            asChild: true,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+              size: "$3",
+              children: t("help.close", "Close")
+            })
+          })
+        })]
+      }, "content")]
+    })
+  });
+}