@antelopejs/dms 0.11.1 → 0.12.0

package/frontend-vue/layers/dms-layout/app/composables/page/useFirstAccessiblePage.ts

@@ -1,7 +1,3 @@
-// Pass 1 hides the sidebar's own exclusions (settings + module trees). Pass 2
-// re-includes `settings` as a last resort but still hides modules: module pages
-// have their own routing/context and are never a redirect target (module roots
-// are skipped below, matching the sidebar).
 const SIDEBAR_EXCLUDED_TOP_LEVEL_IDS = new Set(["settings", "modules"]);
 const LAST_RESORT_EXCLUDED_TOP_LEVEL_IDS = new Set(["modules"]);
 
@@ -9,10 +5,6 @@ interface FirstAccessiblePageOptions {
   excludedTopLevelIds: Set<string>;
 }
 
-// A landing target must be a real, directly reachable page: it needs a layout,
-// a concrete slug (no `:id` placeholder), and must not be `hidden` — hidden
-// pages include the table-view `new`/`edit` sub-pages, which are not valid
-// destinations to drop a user on.
 function isNavigablePage(node: SiteLayoutTree): boolean {
   return (
     !!node.layoutUrl &&
@@ -22,9 +14,6 @@ function isNavigablePage(node: SiteLayoutTree): boolean {
   );
 }
 
-// A category whose own `hasAccess` is false can still hold accessible pages,
-// so only leaf pages are filtered on `hasAccess`; containers are always
-// traversed. Module roots are skipped entirely (never descended into).
 function findFirstAccessiblePage(
   node: SiteLayoutTree,
   options: FirstAccessiblePageOptions,

package/frontend-vue/layers/dms-layout/app/composables/page/useModuleHistory.ts

@@ -1,5 +1,10 @@
+import {
+  isObject,
+  isString,
+  isNumber,
+} from "../../../../dms-core/app/utils/type-check";
 const MODULE_HISTORY_COOKIE = "dms-module-history";
-// Kept for a year and bounded, so the cookie stays small on every request.
+
 const MODULE_HISTORY_MAX_AGE_SECONDS = 60 * 60 * 24 * 365;
 const MODULE_HISTORY_MAX_ENTRIES = 12;
 const MODULE_HISTORY_MAX_PATH_LENGTH = 300;
@@ -23,21 +28,22 @@ interface StoredVisit {
   at: number;
 }
 
-type StoredHistory = Record<string, StoredVisit>;
+type StoredHistory = Record<ModuleHistoryEntry["moduleId"], StoredVisit>;
 
 /**
  * Reads whatever the cookie holds into a clean history, dropping anything
  * malformed: a hand-edited cookie or an older shape must never break the
  * modules page or the command palette.
  */
+// oxlint-disable-next-line anti-slop/no-unknown-parameters -- Cookie normalization accepts malformed and old data. A cookie happy-path type would hide the validation boundary.
 function normalizeHistory(raw: unknown): StoredHistory {
-  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return {};
+  if (!raw || !isObject(raw) || Array.isArray(raw)) return {};
   const result: StoredHistory = {};
   for (const [moduleId, value] of Object.entries(raw)) {
-    if (!value || typeof value !== "object") continue;
-    const { path, at } = value as Partial<StoredVisit>;
-    if (typeof path !== "string" || !path.startsWith("/")) continue;
-    result[moduleId] = { path, at: typeof at === "number" ? at : 0 };
+    if (!value || !isObject(value)) continue;
+    const { path, at } = value;
+    if (!isString(path) || !path.startsWith("/")) continue;
+    result[moduleId] = { path, at: isNumber(at) ? at : 0 };
   }
   return result;
 }
@@ -61,10 +67,7 @@ export const useModuleHistory = (): ModuleHistoryApi => {
     if (!moduleId || !path || path.length > MODULE_HISTORY_MAX_PATH_LENGTH) {
       return;
     }
-    // Re-insert the key so a revisited module moves to the end: a plain
-    // spread would keep its first-visit position and break the
-    // oldest-to-newest ordering `entries` guarantees. The oldest visits
-    // fall off once the history is full.
+
     const { [moduleId]: _previous, ...others } = history.value;
     const kept = Object.entries(others).slice(
       -(MODULE_HISTORY_MAX_ENTRIES - 1),

package/frontend-vue/layers/dms-layout/app/composables/page/useModuleStore.ts

@@ -3,7 +3,7 @@ import type {
   StoreListing,
   StoreListingEntry,
   StoreOperationKind,
-} from "../../types/module-store";
+} from "#dms-core/app/types/module-store";
 import { isAwaitingFrontend } from "../../build/utils/module-store-catalog";
 
 export const ENDPOINT_STORE_LISTING = "/dms/store/listing";
@@ -22,16 +22,13 @@ const FOLLOW_INTERVAL_MS = 1000;
  * never move once mounted.
  */
 export const useModuleStore = () => {
-  // Taken once, in setup: the follow-up reads the listing from a timer,
-  // outside any component context.
   const { $authFetch } = useAuthFetch();
   const isOwner = useIsOwner();
-  // Platform owners only: a member's read would be refused.
+
   const initial = useApiData<StoreListing>(() =>
     isOwner.value ? ENDPOINT_STORE_LISTING : null,
   );
-  // The follow-up reads write into the same data, so a later visit shows
-  // the latest listing at once.
+
   const listing = computed<StoreListing | undefined>({
     get: () => initial.data.value ?? undefined,
     set: (value) => {

package/frontend-vue/layers/dms-layout/app/composables/page/useModuleStoreActions.ts

@@ -1,3 +1,4 @@
+import { isString } from "../../../../dms-core/app/utils/type-check";
 import type { Ref, VNode } from "vue";
 import ModuleStoreDependencyPicker from "../../build/components/pages/modules/ModuleStoreDependencyPicker.vue";
 import {
@@ -18,7 +19,7 @@ import {
 import type {
   StoreActionBody,
   StoreOperationKind,
-} from "../../types/module-store";
+} from "#dms-core/app/types/module-store";
 import type { useModuleStore } from "./useModuleStore";
 
 /** What a refused store request carries: the server's error key, if any. */
@@ -35,6 +36,23 @@ export interface StoreFrontendNotice {
 
 type ModuleStore = ReturnType<typeof useModuleStore>;
 
+function renderDependencyPicker(
+  entry: ModuleStoreEntry,
+  drafts: Ref<DependencyDraft[]>,
+  showErrors: boolean,
+): VNode {
+  return h(ModuleStoreDependencyPicker, {
+    missing: entry.missingInterfaces,
+    drafts: drafts.value,
+    showErrors,
+    onUpdate: (index: number, patch: Partial<DependencyDraft>) => {
+      drafts.value = drafts.value.map((draft, position) =>
+        position === index ? { ...draft, ...patch } : draft,
+      );
+    },
+  });
+}
+
 /**
  * The store's actions as both Modules views run them: the confirmations,
  * the install dialog that picks the modules for missing interfaces, and a
@@ -50,9 +68,11 @@ export const useModuleStoreActions = (
   const toast = useToast();
   const { confirm } = useConfirm();
 
+  // oxlint-disable-next-line anti-slop/no-unknown-parameters -- Store requests can reject with arbitrary JavaScript values; the store's Promise contract has no rejection owner type.
   function resolveStoreError(error: unknown): string {
+    // oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- This existing unchecked optional-property view is not validation of a StoreRequestError; inference cannot establish that rejected values have this shape, and parsing would change malformed-error behavior.
     const details = error as StoreRequestError | undefined;
-    const key = typeof details?.data === "string" ? details.data : undefined;
+    const key = isString(details?.data) ? details.data : undefined;
     if (!key) return details?.message ?? "";
     return t(`modules.store.errors.${key.replace("error.", "")}`);
   }
@@ -81,23 +101,6 @@ export const useModuleStoreActions = (
   /** What the owner last picked in a module's install dialog, for a retry. */
   const lastDependencyDrafts = new Map<string, DependencyDraft[]>();
 
-  function renderDependencyPicker(
-    entry: ModuleStoreEntry,
-    drafts: Ref<DependencyDraft[]>,
-    showErrors: boolean,
-  ): VNode {
-    return h(ModuleStoreDependencyPicker, {
-      missing: entry.missingInterfaces,
-      drafts: drafts.value,
-      showErrors,
-      onUpdate: (index: number, patch: Partial<DependencyDraft>) => {
-        drafts.value = drafts.value.map((draft, position) =>
-          position === index ? { ...draft, ...patch } : draft,
-        );
-      },
-    });
-  }
-
   /**
    * Asks which modules implement the interfaces the release misses, then
    * installs them with it. A refusal shows in the dialog, kept open.

package/frontend-vue/layers/dms-layout/app/composables/page/useModulesListing.ts

@@ -1,4 +1,4 @@
-import type { ModuleCatalogEntry } from "../../types/page";
+import type { ModuleCatalogEntry } from "#dms-core/app/types/page";
 
 /**
  * Why the catalog could not be loaded: `forbidden` when the server refused
@@ -12,13 +12,16 @@ export interface ModulesListingError {
 
 export const ENDPOINT_MODULES_LISTING = "/dms/modules-listing";
 
+// oxlint-disable-next-line anti-slop/no-unknown-parameters -- API failures can be any thrown value. Inference is unavailable here and the parsed ModulesListingError owner would exclude malformed and network failures.
 function readStatus(error: unknown): number | undefined {
+  // oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- This legacy projection does not validate status fields. Deriving from the fetch error cannot prove arbitrary thrown values; adding validation would change malformed-input behavior.
   const details = error as
     | { response?: { status?: number }; statusCode?: number; status?: number }
     | undefined;
   return details?.response?.status ?? details?.statusCode ?? details?.status;
 }
 
+// oxlint-disable-next-line anti-slop/no-unknown-parameters -- This boundary maps arbitrary API failures. The parsed result type cannot describe rejection reasons, and inference provides no parameter contract.
 function toListingError(error: unknown): ModulesListingError {
   const status = readStatus(error);
   if (status === HTTP_FORBIDDEN) return { kind: "forbidden", status };
@@ -39,7 +42,7 @@ export const useModulesListing = () => {
   const loadingError = computed<ModulesListingError | null>(() =>
     listing.error.value ? toListingError(listing.error.value) : null,
   );
-  // A failed read replaces the modules with the error.
+
   const modules = computed<ModuleCatalogEntry[] | undefined>(() =>
     loadingError.value ? undefined : (listing.data.value ?? undefined),
   );

package/frontend-vue/layers/dms-layout/app/composables/page/usePageComponentPreload.ts

@@ -1,3 +1,5 @@
+import type { AsyncComponentLoader } from "vue";
+
 function collectFromComponentInfo(
   info: ComponentInfo | undefined,
   names: Set<string>,
@@ -33,25 +35,22 @@ export function collectPageLayoutComponentNames(
   return [...names];
 }
 
-interface AsyncComponentLoader {
-  __asyncLoader?: () => Promise<unknown>;
+interface AsyncComponentWithLoader {
+  __asyncLoader?: AsyncComponentLoader;
 }
 
-function loadPageLayoutComponents(
-  layout: PageLayout | null | undefined,
-): Promise<unknown> {
+function loadPageLayoutComponents(layout: PageLayout | null | undefined) {
   return Promise.all(
-    collectPageLayoutComponentNames(layout).map((name) =>
-      (
-        resolveDmsComponent(name) as AsyncComponentLoader | undefined
-      )?.__asyncLoader?.(),
-    ),
+    collectPageLayoutComponentNames(layout).map((name) => {
+      // oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- resolveDmsComponent exposes Vue's public Component union, not its optional internal loader; the loader's callable type comes from Vue and access remains unchecked for custom components.
+      const component = resolveDmsComponent(name) as
+        | AsyncComponentWithLoader
+        | undefined;
+      return component?.__asyncLoader?.();
+    }),
   );
 }
 
-// How long a navigation waits for the chunks of the page's blocks: on any
-// usable network they land well within it, and one that hangs does not hold
-// the page for long (its block then loads as it renders).
 export const PAGE_COMPONENTS_WAIT_MS = 3_000;
 
 /**

package/frontend-vue/layers/dms-layout/app/composables/page/usePageLayout.ts

@@ -1,4 +1,7 @@
-import { fillRouteParams, pageQueryValues } from "../../utils/pageQuery";
+import {
+  fillRouteParams,
+  pageQueryValues,
+} from "#dms-core/app/utils/pageQuery";
 
 /**
  * Reads the same page cache that Inertia hydrates before navigation. Missing
@@ -20,8 +23,6 @@ export async function usePageLayout() {
   );
   const load = async () => {
     if (layoutUrl.value && !pageLayout.value) {
-      // Asked with the page query, for the header buttons whose availability
-      // depends on it; cached for the page whatever its query.
       await siteLayout.loadPageLayout(
         layoutUrl.value,
         pageQueryValues(route.query),

package/frontend-vue/layers/dms-layout/app/composables/page/usePageRecordDeletion.ts

@@ -1,6 +1,6 @@
 import { onScopeDispose, type Ref, watch } from "vue";
 import type { RealtimeTopicHandler } from "#dms-core/app/composables/realtime/useUserRealtime";
-import type { PageLayout } from "../../types/page";
+import type { PageLayout } from "#dms-core/app/types/page";
 import {
   fillRouteParams,
   isSamePageQuery,
@@ -8,9 +8,8 @@ import {
   isViewStateKey,
   layoutUrlWithQuery,
   pageQueryValues,
-} from "../../utils/pageQuery";
+} from "#dms-core/app/utils/pageQuery";
 
-// One frame: the events of one burst (a bulk delete) read the record once.
 const BURST_WINDOW_MS = 16;
 
 /** How the server read the record a page shows (`DefaultLayout({ record })`). */
@@ -31,8 +30,9 @@ export interface PageRecordDeletionSource {
   subscribe(topic: string, handler: RealtimeTopicHandler): () => void;
 }
 
-const optionsOf = (layout: PageLayout | null | undefined) =>
-  layout?.layout.options as RecordLayoutOptions | undefined;
+const optionsOf = (
+  layout: PageLayout | null | undefined,
+): RecordLayoutOptions | undefined => layout?.layout.options;
 
 /**
  * Leaves a detail page whose record was deleted, in every tab and for every
@@ -51,8 +51,7 @@ export function usePageRecordDeletion(source: PageRecordDeletionSource): void {
   const { t } = useI18n();
 
   const pageRoute = () => siteLayout.findMatchingRoute(route.path);
-  const currentQuery = () =>
-    pageQueryValues(route.query as Record<string, unknown>);
+  const currentQuery = () => pageQueryValues(route.query);
   /** The page URL the record is named by, leaving out the view's state. */
   const recordKey = () =>
     JSON.stringify([
@@ -77,7 +76,6 @@ export function usePageRecordDeletion(source: PageRecordDeletionSource): void {
       );
       return optionsOf(layout)?.recordStatus;
     } catch {
-      // Unknown: the record is not taken for deleted on a failed read.
       return undefined;
     }
   }
@@ -112,8 +110,6 @@ export function usePageRecordDeletion(source: PageRecordDeletionSource): void {
   const declaresRecord = () =>
     optionsOf(source.pageLayout())?.recordStatus !== undefined;
 
-  // What the page was served with stands for its URL when it was served for
-  // it; another record of the same page is read once to know where it stands.
   function follow(): void {
     if (known?.key === recordKey()) return;
     latestRead++;
@@ -131,7 +127,7 @@ export function usePageRecordDeletion(source: PageRecordDeletionSource): void {
   }
 
   let timer: ReturnType<typeof setTimeout> | undefined;
-  // Presence snapshots ride the same topics: they carry no `type`.
+
   const onEvent: RealtimeTopicHandler = (event) => {
     if (!("type" in event) || !declaresRecord()) return;
     clearTimeout(timer);

package/frontend-vue/layers/dms-layout/app/composables/page/useQuickActions.ts

@@ -1,4 +1,4 @@
-export { dispatchQuickActionTarget } from "#dms-ui/app/build/utils/dispatchQuickActionTarget";
+export { dispatchQuickActionTarget } from "#dms-ui/app/entries/utils/dispatchQuickActionTarget";
 
 export interface QuickActionCategoryGroup {
   category: QuickActionCategoryInfo;

package/frontend-vue/layers/dms-layout/app/composables/profile/useUserLanguage.ts

@@ -15,6 +15,7 @@ export function useUserLanguage() {
   async function changeLanguage(language: string): Promise<void> {
     await dmsApp.$i18n.setLocale(language);
 
+    // prettier-ignore
     try {
       await $authFetch(PROFILE_ENDPOINT, {
         method: "POST",
@@ -27,7 +28,7 @@ export function useUserLanguage() {
 
       await refreshUser();
     } catch {
-      /* ignore — silently skip the update on network / backend errors */
+      // eslint-disable-line no-empty -- Profile-write and session-refresh failures remain silent.
     }
   }
 

package/frontend-vue/layers/dms-layout/app/composables/useCommandPaletteAssistant.ts

@@ -1,3 +1,5 @@
+import { isFunction, isString } from "#dms-core/app/utils/type-check";
+
 /**
  * A prompt the assistant mode of the command palette offers before the user
  * types anything ("Try asking").
@@ -81,8 +83,7 @@ const COMMAND_PALETTE_ASSISTANTS_STATE_KEY = "dms:command-palette-assistants";
 
 function isAssistantRenderable(assistant: CommandPaletteAssistant): boolean {
   return (
-    typeof assistant.suggestions === "function" &&
-    typeof assistant.answerComponent === "string"
+    isFunction(assistant.suggestions) && isString(assistant.answerComponent)
   );
 }
 

package/frontend-vue/layers/dms-layout/app/composables/useCommandPaletteSources.ts

@@ -3,6 +3,7 @@ import type {
   CommandPaletteItem,
   DashboardSearchProps,
 } from "@nuxt/ui";
+import { isFunction } from "#dms-core/app/utils/type-check";
 
 /**
  * A contributor of command-palette (Ctrl/Cmd+K) groups. Like
@@ -75,7 +76,7 @@ function isSearchTextMatch(match: CommandPaletteSearchMatch): boolean {
 function withoutSearchTextMatches(
   item: CommandPaletteItem,
 ): CommandPaletteItem {
-  const matches = item.matches as CommandPaletteSearchMatch[] | undefined;
+  const matches: CommandPaletteSearchMatch[] | undefined = item.matches;
   if (!matches?.some(isSearchTextMatch)) {
     return item;
   }
@@ -109,7 +110,7 @@ function sourceOrder(source: CommandPaletteSource): number {
 }
 
 function isSourceRenderable(source: CommandPaletteSource): boolean {
-  return typeof source.groups === "function";
+  return isFunction(source.groups);
 }
 
 function useCommandPaletteSourceState() {

package/frontend-vue/layers/dms-layout/app/composables/useHeaderActions.ts

@@ -1,3 +1,5 @@
+import { isFunction, isString } from "#dms-core/app/utils/type-check";
+
 /**
  * An icon-only button in the dashboard header. Either `onSelect` runs on
  * click, or `sidePanelId` makes the button toggle that side panel: the DMS then
@@ -29,18 +31,6 @@ export interface HeaderAction {
  */
 export const BUILDER_ACTION_ID = "dms-builder-edit";
 
-// Shared via keyed DMS app state (not a module-level ref) so any frontend module
-// can register an action without a build-time dependency on this layer: it just
-// pushes to useDmsState(HEADER_ACTIONS_STATE_KEY).
-//
-// An action that carries callables (onSelect/isVisible/isActive) must be
-// registered from CLIENT context (a `.client` plugin or component setup):
-// function values are not part of the SSR payload, so a server-side
-// registration would arrive on the client with its callbacks stripped.
-// `useHeaderActions` defensively drops any entry left with neither an onSelect
-// nor a sidePanelId, so a stray server-side registration degrades to "button
-// not shown" rather than a runtime crash. A side panel action is plain data
-// and may be registered from a universal plugin.
 const HEADER_ACTIONS_STATE_KEY = "dms:header-actions";
 const DEFAULT_ORDER = 100;
 
@@ -50,10 +40,9 @@ function actionOrder(action: HeaderAction): number {
 
 function isActionRenderable(action: HeaderAction): boolean {
   const isSelectable =
-    typeof action.onSelect === "function" ||
-    typeof action.sidePanelId === "string";
+    isFunction(action.onSelect) || isString(action.sidePanelId);
   if (!isSelectable) return false;
-  if (typeof action.isVisible !== "function") return true;
+  if (!isFunction(action.isVisible)) return true;
   return action.isVisible();
 }
 

package/frontend-vue/layers/dms-layout/app/composables/useSidebarWidgets.ts

@@ -123,8 +123,6 @@ export const useSidebarWidgets = (): UseSidebarWidgetsReturn => {
   const widgets = useDmsState<SidebarWidget[]>("dms-sidebar-widgets", () => []);
 
   function register(widget: SidebarWidget): void {
-    // Re-registering upserts in place, so a widget swapping its component
-    // keeps its rank among the widgets sharing its order.
     const known = widgets.value.findIndex((entry) => entry.id === widget.id);
     const next = [...widgets.value];
     if (known === -1) {

package/frontend-vue/layers/dms-layout/app/custom-layouts/EmptyLayout.vue

@@ -10,9 +10,6 @@ const DARK_CLASS = "dark";
 const { t } = useI18n();
 const colorModePreference = useColorModePreference();
 
-// Same preference cookie as the dashboard header toggle. The resolved mode is
-// read from the class the color mode plugin keeps on <html>, which settles
-// `system` too; the icons switch through `dark:`, so SSR never has to know.
 function toggleColorMode(): void {
   const isDark = document.documentElement.classList.contains(DARK_CLASS);
   colorModePreference.value = isDark ? "light" : "dark";

package/frontend-vue/layers/dms-layout/app/custom-pages/modules-store.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { MONO_CHIP_CLASS } from "#dms-ui/app/build/utils/monoChip";
+import { MONO_CHIP_CLASS } from "#dms-ui/app/entries/utils/monoChip";
 import UButton from "@nuxt/ui/components/Button.vue";
 import DmsEmptyState from "#dms-ui/app/components/empty-state/EmptyState.vue";
 import DmsSegmented from "#dms-ui/app/components/segmented/Segmented.vue";
-import DmsChipGroup from "#dms-ui/app/build/components/form/ChipGroup.vue";
-import DmsSearchInput from "#dms-ui/app/build/components/form/SearchInput.vue";
+import DmsChipGroup from "#dms-ui/app/entries/components/form/ChipGroup";
+import DmsSearchInput from "#dms-ui/app/entries/components/form/SearchInput";
 import ModuleStoreTile from "../build/components/pages/modules/ModuleStoreTile.vue";
 import ModuleStoreBanners from "../build/components/pages/modules/ModuleStoreBanners.vue";
 import ModuleTileSkeleton from "../build/components/pages/modules/ModuleTileSkeleton.vue";
-import { usePageHeaderActions } from "../composables/layout/usePageHeaderActions";
+import { usePageHeaderActions } from "#dms-ui/app/composables/layout/usePageHeaderActions";
 import { useModuleStore } from "../composables/page/useModuleStore";
 import { useModuleStoreActions } from "../composables/page/useModuleStoreActions";
 import {
@@ -28,10 +28,6 @@ import {
   toModuleStoreEntry,
 } from "../build/utils/module-store-catalog";
 
-// The module store, its own view under the Modules page: the official
-// AntelopeJS modules, to discover and install. An installed one links to its
-// tile among the installed modules, the one place a module is managed.
-
 const SKELETON_PLACEHOLDER_COUNT = 6;
 const TOOLBAR_CLASS = "mb-[18px] flex flex-wrap items-center gap-2.5";
 
@@ -41,7 +37,6 @@ const isOwner = useIsOwner();
 const siteLayout = useSiteLayout();
 const moduleStore = useModuleStore();
 
-// Before the first await: the header renders these in the server pass.
 usePageHeaderActions(() => {
   if (!isOwner.value) return null;
   const listing = moduleStore.listing.value;
@@ -79,8 +74,6 @@ if (!siteLayout.siteLayout.value) {
   await siteLayout.loadSiteLayout();
 }
 
-// Like the Modules page, the store is for platform owners only: anyone else
-// gets the standard 403 page.
 if (!isOwner.value) {
   throw showDmsError({
     statusCode: HTTP_FORBIDDEN,
@@ -88,8 +81,6 @@ if (!isOwner.value) {
   });
 }
 
-// Read with the page, like the Modules page (`useApiData`): the server
-// renders the tiles and hands the listing over; nothing awaits it here.
 onMounted(() => moduleStore.start());
 onBeforeUnmount(() => moduleStore.stop());
 
@@ -136,7 +127,6 @@ const storeCategoryOptions = computed(() => [
   ...moduleCategoryOptions(scopedStoreModules.value, processI18n),
 ]);
 
-// A category that disappeared on refresh must not leave the grid empty.
 watch(storeCategoryOptions, (options) => {
   if (!options.some((option) => option.value === storeCategory.value)) {
     storeCategory.value = MODULE_CATEGORY_ALL;