@antelopejs/dms 0.11.1 → 0.12.1

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;

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

@@ -1,5 +1,5 @@
 <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 UIcon from "@nuxt/ui/runtime/vue/components/Icon.vue";
 import DmsEmptyState from "#dms-ui/app/components/empty-state/EmptyState.vue";
@@ -8,19 +8,19 @@ import DmsSegmented from "#dms-ui/app/components/segmented/Segmented.vue";
 import DmsStatGroup, {
   type StatGroupItem,
 } from "#dms-ui/app/components/stat-group/StatGroup.vue";
-import type { Tone } from "#dms-ui/app/types/tone";
+import type { Tone } from "#dms-core/app/types/tone";
 import { useKeyboardPlatform } from "#dms-ui/app/composables/global/keyboardPlatform";
-import DmsChipGroup from "#dms-ui/app/build/components/form/ChipGroup.vue";
+import DmsChipGroup from "#dms-ui/app/entries/components/form/ChipGroup";
 import ModuleCatalogTile from "../build/components/pages/modules/ModuleCatalogTile.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 {
   ENDPOINT_MODULES_LISTING,
   useModulesListing,
 } from "../composables/page/useModulesListing";
 import { useModuleHistory } from "../composables/page/useModuleHistory";
-import type { ModuleCatalogEntry } from "../types/page";
+import type { ModuleCatalogEntry } from "#dms-core/app/types/page";
 import {
   MODULE_CATEGORY_ALL,
   MODULE_STORE_PATH,
@@ -42,7 +42,7 @@ import {
 } from "../build/utils/module-store-catalog";
 import { useModuleStore } from "../composables/page/useModuleStore";
 import { useModuleStoreActions } from "../composables/page/useModuleStoreActions";
-import DmsSearchInput from "#dms-ui/app/build/components/form/SearchInput.vue";
+import DmsSearchInput from "#dms-ui/app/entries/components/form/SearchInput";
 
 const SKELETON_PLACEHOLDER_COUNT = 6;
 
@@ -55,7 +55,6 @@ const siteLayout = useSiteLayout();
 const modulesListing = useModulesListing();
 const moduleHistory = useModuleHistory();
 
-// Before the first await: the header renders these in the server pass.
 usePageHeaderActions(() => {
   if (isForbidden.value) return null;
   return [
@@ -84,7 +83,7 @@ usePageHeaderActions(() => {
       icon: "i-ph-arrows-clockwise",
       color: "neutral",
       variant: "outline",
-      // Icon-only on phones, where the header row has no room for a label.
+
       ui: { label: "max-sm:sr-only" },
       "aria-label": t("modules.refresh"),
       loading: modulesListing.isLoading.value,
@@ -98,9 +97,6 @@ if (!siteLayout.siteLayout.value) {
   await siteLayout.loadSiteLayout();
 }
 
-// Managing modules is for platform owners only: anyone else gets the standard
-// 403 page, the same answer as any page they may not open (the entry is not in
-// their menu either).
 if (!isOwner.value) {
   throw showDmsError({
     statusCode: HTTP_FORBIDDEN,
@@ -108,15 +104,8 @@ if (!isOwner.value) {
   });
 }
 
-// Declared before the installed modules, which take the version, category and
-// source a registration leaves out from it, and the store actions.
 const moduleStore = useModuleStore();
 
-// Both listings are read with the page (`useApiData`): a server render waits
-// for them and hands them to the browser, which hydrates on them without
-// reading again. Nothing awaits them here: a client navigation shows the
-// tile skeletons, sized like the tiles, until they answer.
-
 const isForbidden = computed(
   () =>
     !isOwner.value || modulesListing.loadingError.value?.kind === "forbidden",
@@ -147,8 +136,6 @@ const storeEntries = computed(
   () => new Map(storeModules.value.map((entry) => [entry.id, entry])),
 );
 
-// The modules that run, and the installed ones that register nothing (paused,
-// not started, or without pages): antelope.config.ts declares them all.
 const modules = computed<ModuleCatalogEntry[]>(() => {
   const registered = withStoreDetails(
     (modulesListing.modules.value ?? []).filter((entry) => entry.hasAccess),
@@ -158,8 +145,6 @@ const modules = computed<ModuleCatalogEntry[]>(() => {
 });
 const summary = computed(() => summarizeModules(modules.value));
 
-// The history only orders the grid by last use: a tile always opens the
-// module on its landing page, never where it was left.
 const visitedAt = computed(
   () =>
     new Map(
@@ -172,11 +157,9 @@ const visitedAt = computed(
 
 const TOOLBAR_CLASS = "mb-[18px] flex flex-wrap items-center gap-2.5";
 
-// ── Search, category, sort ─────────────────────────────────────────
 const query = ref("");
 const category = ref<string>(MODULE_CATEGORY_ALL);
-// Remembered per browser in the preferences cookie, so the server renders the
-// grid in the order the browser hydrates it with.
+
 const SORT_MODE_PREFERENCE_KEY = "modulesPage.sort";
 const { getPreference, setPreference } = usePreferences();
 const sortMode = computed<ModuleSortMode>({
@@ -193,7 +176,6 @@ const categoryOptions = computed(() => [
   ...moduleCategoryOptions(modules.value, processI18n),
 ]);
 
-// A category that disappeared on refresh must not leave the grid empty.
 watch(categoryOptions, (options) => {
   if (!options.some((option) => option.value === category.value)) {
     category.value = MODULE_CATEGORY_ALL;
@@ -239,7 +221,6 @@ function clearFilters(): void {
   category.value = MODULE_CATEGORY_ALL;
 }
 
-// ── Module store ───────────────────────────────────────────────────
 onMounted(() => {
   if (isOwner.value) moduleStore.start();
 });
@@ -258,7 +239,6 @@ function isTileLocked(moduleId: string): boolean {
   return listing.busy && storeEntries.value.get(moduleId)?.state !== "busy";
 }
 
-// ── Actions ────────────────────────────────────────────────────────
 async function retry(): Promise<void> {
   if (isRetrying.value) return;
   isRetrying.value = true;

package/frontend-vue/layers/dms-layout/app/custom-pages/settings/roles.vue

@@ -16,15 +16,15 @@ import {
   useRoleEditor,
 } from "../../build/components/pages/settings/roles/useRoleEditor";
 import { useRolesApi } from "../../build/components/pages/settings/roles/useRolesApi";
-import { usePageHeaderActions } from "../../composables/layout/usePageHeaderActions";
+import { usePageHeaderActions } from "#dms-ui/app/composables/layout/usePageHeaderActions";
 import {
   type PermissionPreviewInput,
   usePermissionPreview,
-} from "#dms-core/app/build/composables/auth/usePermissionPreview";
+} from "#dms-core/app/entries/composables/auth/usePermissionPreview";
 import { useFieldErrors } from "#dms-core/app/composables/useFieldErrors";
 import { REQUIRED_MESSAGE } from "#dms-core/app/composables/useFormValidation";
 import { useUnsavedChanges } from "#dms-ui/app/composables/unsaved-changes/useUnsavedChanges";
-import { useActionConfirm } from "#dms-ui/app/build/composables/confirm/useActionConfirm";
+import { useActionConfirm } from "#dms-ui/app/entries/composables/confirm/useActionConfirm";
 
 interface RoleEditorHandle {
   inputOf: (field: RoleEditorField) => HTMLInputElement | undefined;
@@ -40,8 +40,6 @@ const toast = useToast();
 const { confirmAction } = useActionConfirm();
 const { processApiMessage } = useTranslation();
 
-// Before the first await: the header renders it in the server pass. The
-// render runs once the setup is done, so it may read what is declared below.
 usePageHeaderActions(() =>
   h(UButton, {
     label: t("page.settings.roles.editor.new_role"),
@@ -68,13 +66,13 @@ const { data, refresh } = await useDmsAsyncData<RolesPageData | null>(
 const editor = useRoleEditor(data);
 const isSaving = ref(false);
 const roleEditor = useTemplateRef<RoleEditorHandle>("roleEditor");
-// A refused name or description shows under its field, never as a toast.
+
 const fieldErrors = useFieldErrors<RoleEditorField>({
   fields: {
     name: () => roleEditor.value?.inputOf("name"),
     description: () => roleEditor.value?.inputOf("description"),
   },
-  // An empty name reads like every other required field.
+
   codes: {
     [NAME_REQUIRED]: { field: "name", message: REQUIRED_MESSAGE },
     [NAME_TAKEN]: "name",
@@ -99,15 +97,11 @@ const isReadonly = computed(() =>
 
 editor.selectDefault();
 
-// "Preview as role" opens a tab on the dashboard that browses it as the role
-// would, edits included; while that tab is open it follows the editor's draft.
-// Previewing is reading the dashboard through a role, so it asks for the same
-// right as editing one.
 const preview = usePermissionPreview();
 const homepage = useHomepage();
 const route = useDmsRoute();
 const previewId = ref<string | null>(null);
-// Not from inside a preview: that tab is already looking through a role.
+
 const canPreview = computed(
   () => (capabilities.value?.canEdit ?? false) && !preview.isActive.value,
 );
@@ -126,8 +120,7 @@ function openPreview(): void {
 watch(previewInput, (input) => {
   if (previewId.value) preview.update(previewId.value, input);
 });
-// Another role in the editor is another preview: the open tab keeps the last
-// state of the role it was opened for. Its errors went with the old draft.
+
 watch(
   () => editor.selectedId.value,
   () => {
@@ -136,8 +129,6 @@ watch(
   },
 );
 
-// The draft of a role holds unsaved changes: leaving the page, or picking
-// another role, asks first (the dashboard's one warning dialog).
 const { confirmLeave: confirmDiscard } = useUnsavedChanges({
   dirty: () => editor.isDirty.value && !isReadonly.value,
 });
@@ -228,8 +219,6 @@ async function deleteRole(
   });
 }
 
-// The server words the dialog: who still holds the role, and the role to
-// move them to. A refused target role shows under its field.
 async function requestDelete(): Promise<void> {
   const role = editor.selectedRole.value;
   if (!role) return;
@@ -238,6 +227,7 @@ async function requestDelete(): Promise<void> {
     {
       urlParams: { id: encodeURIComponent(role._id) },
       run: (values) =>
+        // oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- Confirmation fields are arbitrary backend-defined values; the assertion preserves existing unchecked forwarding rather than filtering malformed reassignment values.
         deleteRole(role, (values.reassignTo as string | null) ?? null),
     },
   );

package/frontend-vue/layers/dms-layout/app/custom-pages/settings/shortcuts.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { MONO_CHIP_CLASS } from "#dms-ui/app/build/utils/monoChip";
-import { useShortcutRegistry } from "#dms-ui/app/build/composables/shortcuts/useShortcutRegistry";
+import { MONO_CHIP_CLASS } from "#dms-ui/app/entries/utils/monoChip";
+import { useShortcutRegistry } from "#dms-ui/app/entries/composables/shortcuts/useShortcutRegistry";
 import KeyboardShortcut from "../../build/components/pages/settings/shortcut/KeyboardShortcut.vue";
 import DmsSegmented from "#dms-ui/app/components/segmented/Segmented.vue";
-import { usePageHeaderActions } from "../../composables/layout/usePageHeaderActions";
-import DmsSearchInput from "#dms-ui/app/build/components/form/SearchInput.vue";
+import { usePageHeaderActions } from "#dms-ui/app/composables/layout/usePageHeaderActions";
+import DmsSearchInput from "#dms-ui/app/entries/components/form/SearchInput";
 import {
   keyboardKeyLabel,
   type KeyboardPlatform,
@@ -26,8 +26,6 @@ const { t, te } = useI18n();
 const { getRegistry } = useShortcutRegistry();
 const shortcuts: Ref<ComponentShortcuts[]> = getRegistry();
 
-// The layout the dashboard detected (the one every other hint uses); the
-// header switch previews the other one on this page only.
 const { platform: detectedPlatform, isMac } = useKeyboardPlatform();
 const platform = ref<KeyboardPlatform>(detectedPlatform.value);
 watch(detectedPlatform, (next) => {
@@ -55,6 +53,7 @@ usePageHeaderActions(() =>
     size: "xs",
     ariaLabel: t("page.settings.shortcuts.layout_label"),
     "onUpdate:modelValue": (value: string | number | undefined) => {
+      // oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- Segmented's event type is wider than KeyboardPlatform. This existing unchecked assignment also accepts malformed emitted values; validating them would change behavior.
       if (value !== undefined) platform.value = value as KeyboardPlatform;
     },
   }),

package/frontend-vue/layers/dms-layout/app/emails/components/EmailLayout.vue

@@ -1,18 +1,6 @@
 <script setup lang="ts">
-import type { DmsLogoSources } from "#dms-core/shared/types/app-config";
 import { emailLogoUrl, emailStyles } from "./index";
 
-interface EmailLogoConfig {
-  default?: Partial<DmsLogoSources>;
-  email?: Partial<DmsLogoSources>;
-}
-
-interface EmailAppConfig {
-  branding?: {
-    logo?: EmailLogoConfig;
-  };
-}
-
 const DARK_SCHEME_MEDIA = "(prefers-color-scheme: dark)";
 
 const props = withDefaults(
@@ -34,7 +22,7 @@ const props = withDefaults(
   { divider: true, logoAlt: "Logo", publicLogoOnly: false },
 );
 
-const appConfig = useDmsAppConfig() as EmailAppConfig;
+const appConfig = useDmsAppConfig();
 const runtimeConfig = useDmsRuntimeConfig();
 
 const logo = appConfig.branding?.logo;
@@ -46,9 +34,7 @@ function logoSource(path: string | undefined): string {
 }
 
 const logoUrl = logoSource(logo?.email?.light || logo?.default?.light);
-// Offered to the mail clients that follow the reader's dark mode; the others
-// skip the picture's source and draw the light image. Taken from the email
-// slot only, so an instance that sets none keeps its single image.
+
 const darkCandidate = logoSource(logo?.email?.dark);
 const darkLogoUrl = darkCandidate === logoUrl ? "" : darkCandidate;
 </script>

package/frontend-vue/layers/dms-layout/app/entries/component-registry.ts

@@ -0,0 +1,12 @@
+import type { Component } from "vue";
+
+const components = import.meta.glob<{ default: Component }>(
+  "../build/components/**/*.vue",
+);
+
+export const buildComponents = Object.fromEntries(
+  Object.entries(components).map(([path, loader]): [string, typeof loader] => [
+    `./layers/dms-layout/app/${path.slice(3)}`,
+    loader,
+  ]),
+);

package/frontend-vue/layers/dms-layout/app/entries/components/layout/DashboardBanners.ts

@@ -0,0 +1,2 @@
+export { default } from "../../../build/components/layout/DashboardBanners.vue";
+export * from "../../../build/components/layout/DashboardBanners.vue";

package/frontend-vue/layers/dms-layout/app/entries/components/layout/DashboardFrame.ts

@@ -0,0 +1,2 @@
+export { default } from "../../../build/components/layout/DashboardFrame.vue";
+export * from "../../../build/components/layout/DashboardFrame.vue";

package/frontend-vue/layers/dms-layout/app/entries/components/layout/DashboardHeader.ts

@@ -0,0 +1,2 @@
+export { default } from "../../../build/components/layout/DashboardHeader.vue";
+export * from "../../../build/components/layout/DashboardHeader.vue";

package/frontend-vue/layers/dms-layout/app/entries/components/layout/DashboardSidebar.ts

@@ -0,0 +1,2 @@
+export { default } from "../../../build/components/layout/DashboardSidebar.vue";
+export * from "../../../build/components/layout/DashboardSidebar.vue";

package/frontend-vue/layers/dms-layout/app/entries/components/layout/Footer.ts

@@ -0,0 +1,2 @@
+export { default } from "../../../build/components/layout/Footer.vue";
+export * from "../../../build/components/layout/Footer.vue";

package/frontend-vue/layers/dms-layout/app/entries/components/layout/GithubStarPrompt.ts

@@ -0,0 +1,2 @@
+export { default } from "../../../build/components/layout/GithubStarPrompt.vue";
+export * from "../../../build/components/layout/GithubStarPrompt.vue";

package/frontend-vue/layers/dms-layout/app/entries/components/layout/PageHeaderActionBar.ts

@@ -0,0 +1,2 @@
+export { default } from "../../../build/components/layout/PageHeaderActionBar.vue";
+export * from "../../../build/components/layout/PageHeaderActionBar.vue";

package/frontend-vue/layers/dms-layout/app/entries/components/layout/PageHeaderActionsOutlet.ts

@@ -0,0 +1,2 @@
+export { default } from "../../../build/components/layout/PageHeaderActionsOutlet.vue";
+export * from "../../../build/components/layout/PageHeaderActionsOutlet.vue";

package/frontend-vue/layers/dms-layout/app/entries/components/layout/SidePanelHost.ts

@@ -0,0 +1,2 @@
+export { default } from "../../../build/components/layout/SidePanelHost.vue";
+export * from "../../../build/components/layout/SidePanelHost.vue";

package/frontend-vue/layers/dms-layout/app/entries/components/layout/SidebarUserMenu.ts

@@ -0,0 +1,2 @@
+export { default } from "../../../build/components/layout/SidebarUserMenu.vue";
+export * from "../../../build/components/layout/SidebarUserMenu.vue";

package/frontend-vue/layers/dms-layout/app/entries/components/layout/StageCard.ts

@@ -0,0 +1,2 @@
+export { default } from "../../../build/components/layout/StageCard.vue";
+export * from "../../../build/components/layout/StageCard.vue";

package/frontend-vue/layers/dms-layout/app/entries/components/layout/sidebarState.ts

@@ -0,0 +1 @@
+export * from "../../../build/components/layout/sidebarState";

package/frontend-vue/layers/dms-layout/app/entries/components/notification/NotificationPopover.ts

@@ -0,0 +1,2 @@
+export { default } from "../../../build/components/notification/NotificationPopover.vue";
+export * from "../../../build/components/notification/NotificationPopover.vue";