@antelopejs/dms 0.11.0 → 0.12.0

package/frontend-vue/layers/dms-layout/app/build/components/pages/settings/theme/useAppearanceSave.ts

@@ -2,11 +2,11 @@ import type { Ref } from "vue";
 import {
   type InstantSave,
   useInstantSave,
-} from "#dms-ui/app/build/composables/instant-save/useInstantSave";
+} from "#dms-ui/app/entries/composables/instant-save/useInstantSave";
 import { useSidebarStartCollapsed } from "../../../../composables/general/useSidebarStartCollapsed";
 import { useAccessibilityPreferences } from "../../../../../composables/general/useAccessibilityPreferences";
-import { useInstantSaveHeader } from "../../../../../composables/layout/useInstantSaveHeader";
-import { injectPageHeaderActionsHost } from "../../../../../composables/layout/usePageHeaderActions";
+import { useInstantSaveHeader } from "#dms-ui/app/composables/layout/useInstantSaveHeader";
+import { injectPageHeaderActionsHost } from "#dms-ui/app/composables/layout/usePageHeaderActions";
 
 function usePreferenceRefs() {
   const { reduceMotion, increaseContrast, underlineLinks } =
@@ -37,21 +37,19 @@ export interface AppearanceSave {
   ) => void;
 }
 
-// One save per page header: the Appearance page is a block per group, and
-// they share it so the header pill states every pick once.
 const savesByHeader = new WeakMap<object, AppearanceSave>();
 
 function createAppearanceSave(): AppearanceSave {
   const preferences = usePreferenceRefs();
-  // Every appearance preference is per device, kept in a cookie: writing the
-  // cookie is the save.
+  const preferenceValues: {
+    [K in AppearanceKey]: Ref<AppearancePreferences[K]>;
+  } = preferences;
+
   const instant: InstantSave<AppearancePreferences> =
     useInstantSave<AppearancePreferences>({
-      read: (key) =>
-        preferences[key].value as AppearancePreferences[typeof key],
+      read: (key) => preferenceValues[key].value,
       write: (key, value) => {
-        (preferences[key] as Ref<AppearancePreferences[typeof key]>).value =
-          value;
+        preferenceValues[key].value = value;
       },
       save: () => Promise.resolve(),
     });

package/frontend-vue/layers/dms-layout/app/build/composables/command-palette/assistantGroups.ts

@@ -9,8 +9,6 @@ export const ASSISTANT_SUGGESTIONS_GROUP_ID = "dms-assistant-suggestions";
 /** @internal The hint shown on the item that Tab also reaches. */
 export const ASSISTANT_MODE_KEY = "Tab";
 
-// The assistant's items take the violet accent instead of the primary one, on
-// the row and on its icon well.
 const ASSISTANT_ITEM_CLASS = [
   "data-highlighted:before:bg-(--dms-assistant-tint)",
   "[&_[data-slot=itemLeadingIcon]]:border-(--dms-assistant-line)",
@@ -53,8 +51,7 @@ function assistantItem(
     label,
     icon,
     class: ASSISTANT_ITEM_CLASS,
-    // Cancelling the selection keeps the palette open: `UDashboardSearch`
-    // closes on every selection that reaches its model.
+
     onSelect: (event: Event) => {
       event.preventDefault();
       onChoose();

package/frontend-vue/layers/dms-layout/app/build/composables/command-palette/useCommandPaletteAssistantMode.ts

@@ -67,7 +67,7 @@ function createModeToggleHandler(
 ): (event: KeyboardEvent) => void {
   return (event) => {
     if (!isEnabled() || !isModeToggleKey(event)) return;
-    // The dialog's focus trap listens further up and would move focus.
+
     event.preventDefault();
     event.stopPropagation();
     toggle();

package/frontend-vue/layers/dms-layout/app/build/composables/dev-reload/useDevReloadHolder.ts

@@ -6,12 +6,9 @@ const DEV_RELOAD_HOLDER_KEY = "__dmsDevReload";
 const ROUTE_READY_POLL_INTERVAL_MS = 150;
 const ROUTE_READY_TIMEOUT_MS = 15000;
 const ROUTE_READY_INITIAL_DELAY_MS = 150;
-// Outside dev nothing in this file re-fetches the site layout, so a long wait
-// could only ever stall the caller. Cap it: either a refresh started elsewhere
-// lands within the moment, or the answer is "not served".
+
 const PRODUCTION_ROUTE_WAIT_MS = 2000;
-// Comfortably past the route-ready deadline: this only catches a refresh that
-// never settles at all, not a slow one.
+
 const RELOAD_FLAG_MAX_MS = ROUTE_READY_TIMEOUT_MS + 5000;
 
 /**
@@ -75,15 +72,6 @@ async function pollUntil(
   }
 }
 
-// Hold the refresh until the route actually resolves in a freshly fetched
-// layout, then commit THAT layout atomically. A hot reload re-registers modules
-// one at a time (and can do so more than once in quick succession), so the
-// backend can be reachable while the page is momentarily unregistered.
-// Committing then would drop the page and 404 it. probeAndCommitRoute fetches
-// once and only commits if the route is present, so the check and the commit
-// cannot be split by a second unregister burst. If the route never comes back
-// (page genuinely deleted), we time out and commit whatever the backend now
-// has, letting the page component handle the 404.
 async function commitWhenRouteReady(
   path: string,
   deadline: number,
@@ -147,7 +135,7 @@ interface CoordinatorState {
 function handOverToRerun(state: CoordinatorState): boolean {
   if (!state.rerunPending) return false;
   state.rerunPending = false;
-  // The re-run owns the reloading flag from here.
+
   void runRefresh(
     state,
     state.deps.currentPath(),
@@ -163,14 +151,12 @@ function runRefresh(
 ): Promise<boolean> {
   const { deps } = state;
   deps.setReloading(true);
-  // A refresh that never settles would leave the flag set, and the flag
-  // suppresses 404s -- every later missing page would come up blank for the
-  // rest of the session. Release it on a deadline regardless.
+
   const release = setTimeout(() => {
     deps.setReloading(false);
   }, RELOAD_FLAG_MAX_MS);
   const started: Promise<boolean> = softRefresh(path, deadline, deps, deps)
-    .catch((err: unknown) => {
+    .catch((err) => {
       console.error("[dms-dev-reload] Soft refresh failed:", err);
       return false;
     })
@@ -239,29 +225,21 @@ async function awaitRoute(
   if (deps.isRouteKnown(path)) return true;
   const deadline = awaitRouteDeadline(deps, options);
 
-  // A refresh already in flight is re-committing the whole layout, which may be
-  // all this caller needs; join it instead of racing it with a second fetch
-  // loop.
   await joinInFlight(
     state,
     () => deps.isRouteKnown(path) || deps.now() >= deadline,
   );
   if (deps.isRouteKnown(path)) return true;
 
-  // Outside dev there is no reload stream and probeAndCommitRoute is a no-op,
-  // so the only thing that can bring the route in is a refresh driven
-  // elsewhere. Watch the committed layout for a moment, then answer.
   if (!deps.isDev) {
     return pollUntil(() => deps.isRouteKnown(path), deadline, deps);
   }
 
-  // Deadline spent waiting on someone else's pass.
   if (state.refreshing || deps.now() >= deadline)
     return deps.isRouteKnown(path);
 
   const committed = await runRefresh(state, path, deadline);
-  // A trailing re-run booked over ours may be the one that brought the route
-  // in, so re-read the committed layout rather than trusting our own answer.
+
   return committed || deps.isRouteKnown(path);
 }
 
@@ -290,17 +268,9 @@ export function createDevReloadCoordinator(
   };
 }
 
-// Refresh everything that hangs off the site layout, AFTER the layout itself
-// has been (re)committed for the current route. Kept separate from the layout
-// commit so the commit can stay atomic with its route check (see
-// probeAndCommitRoute) — the 404-prone part was committing the layout, not this.
-// The page layouts reload with the layout commit, which empties their cache:
-// no async data key holds them.
 async function postLayoutRefresh(): Promise<void> {
   const permissions = usePermissions();
-  // fetchPermissions() refetches and swaps the set atomically, so there is no
-  // need to clear() first — clearing would briefly empty permissions and flash
-  // permission-gated UI.
+
   await permissions.fetchPermissions();
 }
 
@@ -309,6 +279,12 @@ interface DevReloadHolder {
   reloading: Ref<boolean>;
 }
 
+declare module "#dms/frontend-module" {
+  interface DmsAppContext {
+    [DEV_RELOAD_HOLDER_KEY]?: DevReloadHolder;
+  }
+}
+
 /**
  * The app-wide coordinator. Held on the DMS app rather than in a per-call ref:
  * every caller has to see the same in-flight refresh, or they would each run
@@ -318,12 +294,10 @@ interface DevReloadHolder {
  * Core-internal — module frontends use {@link useDevReload}.
  */
 export function useDevReloadHolder(): DevReloadHolder {
-  const dmsApp = useDmsApp() as unknown as Record<PropertyKey, unknown>;
-  const existing = dmsApp[DEV_RELOAD_HOLDER_KEY] as DevReloadHolder | undefined;
+  const dmsApp = useDmsApp();
+  const existing = dmsApp[DEV_RELOAD_HOLDER_KEY];
   if (existing) return existing;
 
-  // Outside dev the flag is a plain ref rather than shared state, so the key
-  // never reaches a production SSR payload.
   const reloading = import.meta.env.DEV ? useDevReloading() : ref(false);
   const siteLayout = useSiteLayout();
   const router = useDmsRouter();
@@ -336,10 +310,7 @@ export function useDevReloadHolder(): DevReloadHolder {
     probeAndCommitRoute: (path) => siteLayout.probeAndCommitRoute(path),
     commitLayout: () => siteLayout.refresh(),
     refreshDerived: postLayoutRefresh,
-    // Clear the transient 404 [...slug].vue raised while the route was briefly
-    // unregistered, so the page re-renders once the route is committed again.
-    // Only when the user is still on the path we recovered — otherwise they
-    // navigated to a genuinely missing route meanwhile and that 404 must stand.
+
     clearTransient404: (recoveredPath) => {
       if (router.currentRoute.value.path !== recoveredPath) return;
       const err = currentError.value;

package/frontend-vue/layers/dms-layout/app/build/composables/general/useGithubStarPrompt.ts

@@ -38,10 +38,11 @@ function readStorage(key: string): string | null {
 }
 
 function writeStorage(key: string, value: string): void {
+  // prettier-ignore
   try {
     localStorage.setItem(key, value);
   } catch {
-    /* storage unavailable (private mode, quota): the prompt state lasts the page */
+    // eslint-disable-line no-empty -- Unavailable storage leaves prompt state in memory for this page only.
   }
 }
 
@@ -88,8 +89,6 @@ export const useGithubStarPrompt = (isEnabled: boolean): GithubStarPrompt => {
       now.value >= snoozedUntil.value,
   );
 
-  // Merged with what this page holds: a choice made in another tab is
-  // followed here, and one made here outlives a storage that cannot be read.
   function load(): void {
     activeMs.value = storedActiveMs();
     snoozedUntil.value = Math.max(
@@ -108,9 +107,6 @@ export const useGithubStarPrompt = (isEnabled: boolean): GithubStarPrompt => {
     );
   }
 
-  // Added to the stored total rather than written over it, so two tabs add
-  // up. One tick at most is counted per call: a longer gap means the device
-  // slept, which is not time spent on the dashboard.
   function count(): void {
     if (countedSince === null) return;
     const at = Date.now();

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

@@ -1,9 +1,10 @@
 import type { HeaderAction } from "../../../composables/useHeaderActions";
+import { isFunction, isString } from "#dms-core/app/utils/type-check";
 import {
   isSidePanelOpen,
   toggleSidePanel,
   useSidePanelPreferences,
-} from "./sidePanelState";
+} from "#dms-ui/app/entries/composables/layout/sidePanelState";
 
 /** @internal */
 export interface HeaderActionControls {
@@ -26,7 +27,7 @@ const ACTION_CALLABLES = ["onSelect", "isVisible", "isActive"] as const;
  * @internal
  */
 export function isPlainDataHeaderAction(action: HeaderAction): boolean {
-  return ACTION_CALLABLES.every((key) => typeof action[key] !== "function");
+  return ACTION_CALLABLES.every((key) => !isFunction(action[key]));
 }
 
 /**
@@ -40,21 +41,18 @@ export function useHeaderActionControls(): HeaderActionControls {
   const preferences = useSidePanelPreferences();
 
   function isToggle(action: HeaderAction): boolean {
-    return (
-      typeof action.sidePanelId === "string" ||
-      typeof action.isActive === "function"
-    );
+    return isString(action.sidePanelId) || isFunction(action.isActive);
   }
 
   function isActive(action: HeaderAction): boolean {
-    if (typeof action.sidePanelId === "string") {
+    if (isString(action.sidePanelId)) {
       return isSidePanelOpen(preferences, action.sidePanelId);
     }
-    return typeof action.isActive === "function" && action.isActive();
+    return isFunction(action.isActive) && action.isActive();
   }
 
   function select(action: HeaderAction): void {
-    if (typeof action.sidePanelId === "string") {
+    if (isString(action.sidePanelId)) {
       toggleSidePanel(preferences, action.sidePanelId);
       return;
     }

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

@@ -2,18 +2,18 @@ import type { Ref } from "vue";
 import {
   RESIZE_KEYBOARD_STEP_PX,
   useResizableSize,
-} from "#dms-ui/app/build/composables/containers/useResizableSize";
+} from "#dms-ui/app/entries/composables/containers/useResizableSize";
 import {
   resolveSidePanelWidthBounds,
   type SidePanel,
   type SidePanelWidthBounds,
-} from "../../../composables/useAppSidePanels";
+} from "#dms-ui/app/composables/useAppSidePanels";
 import {
   readSidePanelPreferences,
   storeSidePanelWidth,
   useSidePanelDragWidth,
   useSidePanelPreferences,
-} from "./sidePanelState";
+} from "#dms-ui/app/entries/composables/layout/sidePanelState";
 
 /** @internal */
 export const SIDE_PANEL_KEYBOARD_STEP_PX = RESIZE_KEYBOARD_STEP_PX;
@@ -61,7 +61,6 @@ export function useSidePanelWidth(panel: SidePanel): SidePanelWidth {
   });
 
   return {
-    // The panel always has a default width: its size is never natural.
     width: computed(() => resizable.size.value ?? bounds.defaultWidth),
     bounds,
     isDragging: resizable.isDragging,

package/frontend-vue/layers/dms-layout/app/build/composables/navigation/useVisitNavBadges.ts

@@ -3,7 +3,7 @@ import { useDmsInertiaPage } from "#dms/frontend-module";
 import {
   type CountedNavBadge,
   useNavBadges,
-} from "#dms-ui/app/build/composables/navigation/useNavBadges";
+} from "#dms-ui/app/entries/composables/navigation/useNavBadges";
 
 interface CountedPage {
   navBadges?: Record<string, CountedNavBadge>;
@@ -19,6 +19,7 @@ export function useVisitNavBadges(): void {
   const inertiaPage = useDmsInertiaPage();
   const { applyCountedNavBadges } = useNavBadges();
   watch(
+    // oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- The renderer page contract does not declare this optional module extension. Inference cannot expose it; validating badges here would change existing pass-through behavior for malformed pages.
     () => (inertiaPage.props.page as CountedPage | undefined)?.navBadges,
     applyCountedNavBadges,
     { immediate: true },

package/frontend-vue/layers/dms-layout/app/build/composables/notification/useNotificationCatalog.ts

@@ -59,8 +59,7 @@ export const useNotificationCatalog = (enabled: () => boolean = () => true) => {
   const loadFailed = computed(() => !isLoaded.value && hasFailed(catalog));
 
   /** Reads the catalog again (a retry). */
-  const loadCatalog = (): Promise<void> =>
-    catalog.refresh({ dedupe: "defer" });
+  const loadCatalog = (): Promise<void> => catalog.refresh({ dedupe: "defer" });
 
   const subjectsOf = (categoryId: string) =>
     subjects.value.filter((subject) => subject.category.id === categoryId);

package/frontend-vue/layers/dms-layout/app/build/composables/notification/useNotificationGroupsOpen.ts

@@ -17,10 +17,11 @@ function readStorage(key: string): string | null {
 }
 
 function writeStorage(key: string, value: string): void {
+  // prettier-ignore
   try {
     localStorage.setItem(key, value);
   } catch {
-    /* storage unavailable (private mode, quota): the group folds on reload */
+    // eslint-disable-line no-empty -- Unavailable storage loses only the persisted group choice.
   }
 }
 

package/frontend-vue/layers/dms-layout/app/build/composables/notification/useNotificationPreferences.ts

@@ -1,6 +1,6 @@
 import { pageRoutePath } from "#dms-core/app/utils/pageRoutes";
 import type { SaveStatusState } from "#dms-ui/app/components/save-bar/SaveStatus.vue";
-import { useInstantSave } from "#dms-ui/app/build/composables/instant-save/useInstantSave";
+import { useInstantSave } from "#dms-ui/app/entries/composables/instant-save/useInstantSave";
 import {
   hasFailed,
   type NotificationCategory,
@@ -32,23 +32,23 @@ export const useNotificationPreferences = (
   const stored = useApiData<PreferenceMap>(() =>
     enabled() ? PREFERENCES_URL : null,
   );
-  // The switches edit the read's data in place.
+
   const preferences = computed<PreferenceMap>({
     get: () => stored.data.value ?? {},
     set: (value) => {
       stored.data.value = value;
     },
   });
-  // A user who never changed a switch has no stored preferences (null).
+
   const isStoredRead = computed(
     () => stored.status.value === "success" || stored.data.value != null,
   );
   const loadFailed = computed(
-    () => (!isStoredRead.value && hasFailed(stored)) || catalog.loadFailed.value,
+    () =>
+      (!isStoredRead.value && hasFailed(stored)) || catalog.loadFailed.value,
   );
   const isLoading = computed(
-    () =>
-      !(isStoredRead.value && catalog.isLoaded.value) && !loadFailed.value,
+    () => !(isStoredRead.value && catalog.isLoaded.value) && !loadFailed.value,
   );
 
   const instant = useInstantSave<PreferenceMap>({
@@ -88,7 +88,7 @@ export const useNotificationPreferences = (
       stored.refresh({ dedupe: "defer" }),
       catalog.loadCatalog(),
     ]);
-    // A failed save then puts back what the server holds now.
+
     if (stored.status.value === "success") instant.confirm(preferences.value);
   };
 

package/frontend-vue/layers/dms-layout/app/build/composables/settings/profile/preferencesSummary.ts

@@ -1,8 +1,6 @@
-// The sentences of the profile's "Preferences & access" rows, and which rows
-// the user may see. Pure: useProfilePreferences reads the data.
-
 import type { TimeFormatPreference } from "#dms-core/app/utils/regional";
-import type { AccessibilityPreferences } from "#dms-ui/app/build/utils/accessibilityPreferences";
+import type { I18nTranslate } from "#dms-core/app/composables/translation/useTranslation";
+import type { AccessibilityPreferences } from "#dms-ui/app/entries/utils/accessibilityPreferences";
 import type { NotificationSubject } from "../../notification/useNotificationCatalog";
 import type {
   ColorModePreference,
@@ -12,13 +10,13 @@ import type {
 /** `t` as vue-i18n takes it: key, named params, plural count. */
 export type SummaryTranslate = (
   key: string,
-  params?: Record<string, unknown>,
+  params?: Parameters<I18nTranslate>[1],
   plural?: number,
 ) => string;
 
 const KEY = "page.settings.profile.preferences";
 const SEPARATOR = " · ";
-// 4 January 2026 is a Sunday: day `n` of the week is `n` days later.
+
 const FIRST_SUNDAY_UTC = Date.UTC(2026, 0, 4, 12);
 const DAY_MS = 24 * 60 * 60 * 1000;
 

package/frontend-vue/layers/dms-layout/app/build/composables/settings/profile/useAccountData.ts

@@ -1,8 +1,9 @@
+import { isString } from "../../../../../../dms-core/app/utils/type-check";
 import { pageRoutePath } from "#dms-core/app/utils/pageRoutes";
 import UFormField from "@nuxt/ui/components/FormField.vue";
 import UIcon from "@nuxt/ui/runtime/vue/components/Icon.vue";
 import UInput from "@nuxt/ui/components/Input.vue";
-import type { Component, Ref } from "vue";
+import type { Ref } from "vue";
 import { downloadFile } from "#dms-core/app/utils/downloadFile";
 import { useConfirm } from "#dms-ui/app/composables/confirm";
 import {
@@ -57,12 +58,7 @@ export function accountExportFilename(at: Date = new Date()): string {
   return `${EXPORT_FILE_PREFIX}-${at.toISOString().slice(0, ISO_DATE_LENGTH)}.json`;
 }
 
-/**
- * "Your data" on the profile page: download everything the DMS keeps about
- * the signed-in user, or delete the account after a password and a typed
- * e-mail, then sign out.
- */
-export function useAccountData() {
+function useAccountDataContext() {
   const { $authFetch } = useAuthFetch();
   const { confirm } = useConfirm();
   const { user, clear } = useDmsUserSession<User>();
@@ -76,7 +72,10 @@ export function useAccountData() {
   const isCheckingDeletion = ref(false);
 
   /** A message key the API answers with (`$…`), else a known error code. */
-  function describeError(error: unknown, fallbackKey: string): string {
+  function describeError(
+    error: Parameters<typeof errorCode>[0],
+    fallbackKey: string,
+  ): string {
     const code = errorCode(error);
     if (code?.startsWith("$")) return processI18n(code);
     return errorMessage(error, fallbackKey);
@@ -108,6 +107,38 @@ export function useAccountData() {
     }
   }
 
+  async function signOutDeleted(): Promise<void> {
+    const userId = user.value?._id;
+    await clear().catch(() => undefined);
+    if (userId) await removeAccount(userId).catch(() => undefined);
+    toast.add({
+      color: "success",
+      icon: "i-ph-check-circle",
+      title: t(`${I18N}.delete_done_title`),
+      description: t(`${I18N}.delete_done_description`),
+    });
+    await navigateDms(AUTH_ROUTE);
+  }
+
+  return {
+    $authFetch,
+    confirm,
+    processApiMessage,
+    toast,
+    t,
+    isExporting,
+    isCheckingDeletion,
+    describeError,
+    exportData,
+    signOutDeleted,
+  };
+}
+
+function createDeletionPresentation(
+  context: ReturnType<typeof useAccountDataContext>,
+) {
+  const { t, confirm, processApiMessage } = context;
+
   function impactList(impact: AccountDeletionImpact): ConfirmImpact[] {
     return [
       {
@@ -153,15 +184,14 @@ export function useAccountData() {
         { label: t(`${I18N}.delete_password`), error: error.value },
         {
           default: () =>
-            // Generic in its value type, which `h` cannot infer.
-            h(UInput as Component, {
+            h(UInput<typeof password.value, {}>, {
               ref: input,
               modelValue: password.value,
               type: "password",
               autocomplete: "current-password",
               class: "w-full",
-              "onUpdate:modelValue": (value: unknown) => {
-                password.value = typeof value === "string" ? value : "";
+              "onUpdate:modelValue": (value) => {
+                password.value = isString(value) ? value : "";
                 error.value = undefined;
               },
             }),
@@ -202,19 +232,44 @@ export function useAccountData() {
     });
   }
 
-  async function signOutDeleted(): Promise<void> {
-    const userId = user.value?._id;
-    await clear().catch(() => undefined);
-    if (userId) await removeAccount(userId).catch(() => undefined);
-    toast.add({
-      color: "success",
-      icon: "i-ph-check-circle",
-      title: t(`${I18N}.delete_done_title`),
-      description: t(`${I18N}.delete_done_description`),
-    });
-    await navigateDms(AUTH_ROUTE);
+  /** The password is required: an empty one is flagged, not sent. */
+  function passwordCheck(
+    password: Ref<string>,
+    error: Ref<string | undefined>,
+    input: Ref<PasswordInputHandle | null>,
+  ) {
+    return async (): Promise<boolean> => {
+      if (password.value) return true;
+      error.value = processApiMessage(REQUIRED_MESSAGE);
+      await nextTick();
+      input.value?.inputRef?.focus();
+      return false;
+    };
   }
 
+  return { impactList, passwordField, explainBlockers, passwordCheck };
+}
+
+/**
+ * "Your data" on the profile page: download everything the DMS keeps about
+ * the signed-in user, or delete the account after a password and a typed
+ * e-mail, then sign out.
+ */
+export function useAccountData() {
+  const context = useAccountDataContext();
+  const {
+    $authFetch,
+    confirm,
+    processApiMessage,
+    toast,
+    t,
+    isCheckingDeletion,
+    describeError,
+    signOutDeleted,
+  } = context;
+  const { impactList, passwordField, explainBlockers, passwordCheck } =
+    createDeletionPresentation(context);
+
   /**
    * Sends the deletion. A wrong password shows under the password field, a
    * refused e-mail under the typed one; anything else is a toast. The dialog
@@ -267,21 +322,6 @@ export function useAccountData() {
     }
   }
 
-  /** The password is required: an empty one is flagged, not sent. */
-  function passwordCheck(
-    password: Ref<string>,
-    error: Ref<string | undefined>,
-    input: Ref<PasswordInputHandle | null>,
-  ) {
-    return async (): Promise<boolean> => {
-      if (password.value) return true;
-      error.value = processApiMessage(REQUIRED_MESSAGE);
-      await nextTick();
-      input.value?.inputRef?.focus();
-      return false;
-    };
-  }
-
   async function confirmDeletion(impact: AccountDeletionImpact): Promise<void> {
     const password = ref("");
     const passwordError = ref<string>();
@@ -326,5 +366,10 @@ export function useAccountData() {
     return confirmDeletion(impact);
   }
 
-  return { isExporting, isCheckingDeletion, exportData, deleteAccount };
+  return {
+    isExporting: context.isExporting,
+    isCheckingDeletion,
+    exportData: context.exportData,
+    deleteAccount,
+  };
 }