@antelopejs/dms 0.11.1 → 0.12.0

package/frontend-vue/layers/dms-layout/app/build/components/pages/settings/security/SecurityTwoFactor.vue

@@ -34,7 +34,7 @@ interface BackupCodesResponse {
 
 const TWO_FACTOR_URL = `${SECURITY_ENDPOINT}/two-factor`;
 const INVALID_CODE_KEY = "page.settings.two_factor.invalid_code";
-// Refusals of the typed code: shown under the code, in its dialog.
+
 const CODE_ERRORS = {
   "error.invalid_2fa_code": "code",
   "error.2fa_code_expired": "code",
@@ -44,8 +44,7 @@ const INVALID_PASSWORD_KEY =
 const PASSWORD_ERRORS = {
   "error.invalid_current_password": "currentPassword",
 } as const;
-// Opening a dialog while the previous one is still leaving nests them, and the
-// leaving one stays on top until the new one closes: let it finish first.
+
 const DIALOG_SWAP_MS = 300;
 const METHODS: MethodConfig[] = [
   {
@@ -114,7 +113,7 @@ const isUnsaved = computed(() =>
   attention.value.includes("backup_codes_unsaved"),
 );
 const isLow = computed(() => attention.value.includes("backup_codes_low"));
-// The backup codes row and its pill, in the tone the server gives them.
+
 const backupTone = computed(() =>
   attentionToneOf(["backup_codes_low", "backup_codes_unsaved"]),
 );
@@ -145,7 +144,10 @@ const removeDescription = computed(() => {
     : t("page.settings.security.two_factor.remove_turns_off");
 });
 
-function fail(error: unknown, fallbackKey: string): void {
+function fail(
+  error: Parameters<typeof errorMessage>[0],
+  fallbackKey: string,
+): void {
   toast.add({ title: errorMessage(error, fallbackKey), color: "error" });
 }
 
@@ -159,14 +161,16 @@ function showCodes(
 }
 
 /** Whether the API refused the typed code itself (not the request). */
-function isCodeError(error: unknown): boolean {
+function isCodeError(error: Parameters<typeof resolveFieldErrors>[0]): boolean {
   return (
     resolveFieldErrors(error, { fields: ["code"], codes: CODE_ERRORS }).fields
       .length > 0
   );
 }
 
-function isPasswordError(error: unknown): boolean {
+function isPasswordError(
+  error: Parameters<typeof resolveFieldErrors>[0],
+): boolean {
   return (
     resolveFieldErrors(error, {
       fields: ["currentPassword"],
@@ -178,7 +182,7 @@ function isPasswordError(error: unknown): boolean {
 /** A refusal of what the open dialog asked for, shown in that dialog. */
 interface FieldRefusal {
   error: Ref<string | undefined>;
-  matches: (error: unknown) => boolean;
+  matches: (error: Parameters<typeof resolveFieldErrors>[0]) => boolean;
   messageKey: string;
 }
 
@@ -262,8 +266,6 @@ async function confirmTotp(code: string): Promise<void> {
   );
 }
 
-// Like the app, email codes turn on only once a code proves they arrive: a
-// mistyped address would otherwise lock the user out at the next sign-in.
 async function startEmail(currentPassword?: string): Promise<void> {
   await run(
     async () => {
@@ -305,9 +307,6 @@ const ADD_HANDLERS: Record<
   email: startEmail,
 };
 
-// Adding a method asks for the account password first, so a borrowed
-// session cannot enrol a second factor of its own. An account without a
-// password (single sign-on only) has nothing to prove it with.
 async function addMethod(method: TwoFactorMethod): Promise<void> {
   if (!hasPassword.value) {
     await ADD_HANDLERS[method]();

package/frontend-vue/layers/dms-layout/app/build/components/pages/settings/shell/SettingsNav.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { tv } from "tailwind-variants";
-import { usePermissionPreview } from "#dms-core/app/build/composables/auth/usePermissionPreview";
-import { useNavBadges } from "#dms-ui/app/build/composables/navigation/useNavBadges";
-import { navBadgeClass } from "#dms-ui/app/build/utils/navBadge";
-import DmsSearchInput from "#dms-ui/app/build/components/form/SearchInput.vue";
+import { usePermissionPreview } from "#dms-core/app/entries/composables/auth/usePermissionPreview";
+import { useNavBadges } from "#dms-ui/app/entries/composables/navigation/useNavBadges";
+import { navBadgeClass } from "#dms-ui/app/entries/utils/navBadge";
+import DmsSearchInput from "#dms-ui/app/entries/components/form/SearchInput";
 import {
   findActiveSettingsPath,
   useSettingsNavigation,
@@ -14,8 +14,6 @@ import {
 const SETTINGS_INDEX_PATH = "/settings";
 const ALL_SETTINGS_ICON = "i-ph-squares-four";
 
-// v2 settings nav: title, search, "All settings", then one eyebrow-labelled
-// group per scope. Under lg it folds into a horizontal strip of items.
 const theme = tv({
   slots: {
     root: "flex gap-1.5 overflow-x-auto no-scrollbar max-lg:-mx-4 max-lg:px-4 lg:grid lg:gap-[18px] lg:overflow-visible",
@@ -44,8 +42,7 @@ const theme = tv({
       warning: { trailDot: "bg-warning" },
       error: { trailDot: "bg-error" },
     },
-    // "Preview as role" only, the same hatches as the sidebar's: red for a
-    // page the role could not open, orange for one it opens partially.
+
     previewState: {
       hidden: {
         item: "text-muted dms-hatch-locked",
@@ -59,7 +56,6 @@ const theme = tv({
   },
 });
 
-// Registered id of the settings index ("All settings").
 const SETTINGS_INDEX_ID = "settings";
 
 const ui = computed(() => theme());
@@ -87,9 +83,6 @@ const visibleGroups = computed<SettingsNavGroup[]>(() => {
     .filter((group) => group.pages.length > 0);
 });
 
-// Only the most specific entry is active: on pending invitations, Members
-// (whose path it lies under) is not. Read from every entry, not the searched
-// ones, so a search never moves the highlight.
 const activePath = computed(() =>
   findActiveSettingsPath(
     route.path,
@@ -98,9 +91,6 @@ const activePath = computed(() =>
 );
 const isActive = (to: string): boolean => activePath.value === to;
 
-// Under lg the nav is a horizontal strip wider than the screen: the active
-// item is centred in it on load and on every page change, so a page late in
-// the list (Roles, Member invitations) is not highlighted out of sight.
 const navRoot = useTemplateRef<HTMLElement>("navRoot");
 function revealActiveItem(): void {
   const root = navRoot.value;
@@ -115,17 +105,11 @@ function revealActiveItem(): void {
 onMounted(revealActiveItem);
 watch(() => route.path, revealActiveItem, { flush: "post" });
 
-// The page's badge, counted by the server when the menu loads (`navBadge`)
-// or declared, then kept fresh by the page that shows the count; drawn in
-// its tone, as a status pill is.
 const { navBadgeOf } = useNavBadges();
 const badgeOf = (page: SettingsNavPage) => navBadgeOf(page);
 const badgeClass = (page: SettingsNavPage): string =>
   navBadgeClass(badgeOf(page)?.tone);
 
-// "Preview as role": a settings page the role could not open stays listed,
-// locked, so the preview shows what the role loses; one it opens without all
-// of it is drawn partially locked.
 const preview = usePermissionPreview();
 const PREVIEW_STATE_LABELS = {
   hidden: "page.settings.roles.preview.menu_hidden",

package/frontend-vue/layers/dms-layout/app/build/components/pages/settings/shortcut/KeyboardShortcut.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-// v2 .kbd-combo: the keys of a combination side by side, without separators.
 interface Props {
   keys: string[];
 }

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import DmsSegmented from "#dms-ui/app/components/segmented/Segmented.vue";
-import type { ReduceMotionPreference } from "#dms-ui/app/build/utils/accessibilityPreferences";
+import type { ReduceMotionPreference } from "#dms-ui/app/entries/utils/accessibilityPreferences";
 import { useAppearanceSave } from "./useAppearanceSave";
 
 const reduceMotionValues: ReduceMotionPreference[] = ["auto", "on", "off"];

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

@@ -2,7 +2,6 @@
 import UIcon from "@nuxt/ui/runtime/vue/components/Icon.vue";
 import CssVariablesList from "./CssVariablesList.vue";
 
-// Number of `--ui-*` variables, shown in the summary.
 const cssVariableCount = ref<number | null>(null);
 
 const { t } = useI18n();

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

@@ -13,8 +13,6 @@ interface AppearanceOptionTileProps {
 const props = defineProps<AppearanceOptionTileProps>();
 const selected = defineModel<string>({ required: true });
 
-// v2 .cs-tile: a preview on a muted tile; the chosen one lifts onto the card
-// color with an accent border and halo.
 const theme = tv({
   slots: {
     root: "group flex cursor-pointer flex-col gap-3 rounded-[10px] border p-2.5 pb-3 transition has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-primary/60",
@@ -23,8 +21,7 @@ const theme = tv({
     icon: "size-4 shrink-0 text-muted",
     text: "min-w-0 flex-1",
     label: "text-[13px] font-semibold text-highlighted",
-    // Wraps rather than truncates: three tiles in the narrow lg settings
-    // column cut every hint to a word.
+
     hint: "text-[12px] leading-snug text-pretty text-muted",
     radio:
       "grid size-4 shrink-0 place-items-center rounded-full ring-1 ring-inset ring-(--ui-border-accented)",

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

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { useCopyFeedback } from "#dms-ui/app/build/composables/clipboard/useCopyFeedback";
-import DmsSearchInput from "#dms-ui/app/build/components/form/SearchInput.vue";
+import type { CSSProperties } from "vue";
+import { useCopyFeedback } from "#dms-ui/app/entries/composables/clipboard/useCopyFeedback";
+import DmsSearchInput from "#dms-ui/app/entries/components/form/SearchInput";
 
 const CSS_LOAD_DELAY_MS = 100;
 const UI_VARIABLE_PREFIX = "--ui-";
@@ -29,7 +30,6 @@ interface CSSVariable {
   category: VariableCategory;
 }
 
-// First match wins: `--ui-border-…` is a border colour, `--ui-radius` a radius.
 const CATEGORY_PATTERNS: Array<[string, VariableCategory]> = [
   ["-color-", "colors"],
   ["-text", "text"],
@@ -47,7 +47,7 @@ const CATEGORY_ORDER: VariableCategory[] = [
   "shadow",
   OTHER_CATEGORY,
 ];
-// Colour-valued categories draw their swatch as a filled square.
+
 const COLOR_CATEGORIES = new Set<VariableCategory>([
   "colors",
   "text",
@@ -74,7 +74,8 @@ function categoryOf(name: string): VariableCategory {
 
 function collectNames(rules: CSSRuleList, names: Set<string>): void {
   for (const rule of Array.from(rules)) {
-    if ("cssRules" in rule && (rule as CSSGroupingRule).cssRules) {
+    if ("cssRules" in rule && rule.cssRules) {
+      // oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- CSSOM rules with cssRules include keyframes, not only CSSGroupingRule; retain the rule-list projection.
       collectNames((rule as CSSGroupingRule).cssRules, names);
     }
     if (rule instanceof CSSStyleRule) {
@@ -85,31 +86,26 @@ function collectNames(rules: CSSRuleList, names: Set<string>): void {
   }
 }
 
-// Reads every `--ui-*` property the stylesheets declare, valued for the
-// current theme (the computed value on <html>).
 function readVariables(): CSSVariable[] {
   const names = new Set<string>();
   for (const sheet of Array.from(document.styleSheets)) {
+    // prettier-ignore
     try {
       collectNames(sheet.cssRules, names);
     } catch {
-      /* cross-origin stylesheets throw on cssRules access */
+      // eslint-disable-line no-empty -- Cross-origin stylesheet rules may be inaccessible.
     }
   }
   const rootStyles = getComputedStyle(document.documentElement);
-  return (
-    Array.from(names)
-      .map((name) => ({
-        name,
-        value: rootStyles.getPropertyValue(name).trim(),
-        category: categoryOf(name),
-      }))
-      .filter((variable) => variable.value !== "")
-      // Natural order, so `-50` comes before `-100` and `-400`.
-      .sort((a, b) =>
-        a.name.localeCompare(b.name, undefined, { numeric: true }),
-      )
-  );
+  return Array.from(names)
+    .map((name) => ({
+      name,
+      value: rootStyles.getPropertyValue(name).trim(),
+      category: categoryOf(name),
+    }))
+    .filter((variable) => variable.value !== "")
+
+    .sort((a, b) => a.name.localeCompare(b.name, undefined, { numeric: true }));
 }
 
 function refresh(): void {
@@ -147,7 +143,7 @@ const shown = computed(() => {
   );
 });
 
-function swatchStyle(variable: CSSVariable): Record<string, string> {
+function swatchStyle(variable: CSSVariable): CSSProperties {
   if (COLOR_CATEGORIES.has(variable.category)) {
     return { background: `var(${variable.name})` };
   }
@@ -175,7 +171,6 @@ function exportAsCss(): void {
   URL.revokeObjectURL(url);
 }
 
-// Values follow the theme: re-read them when the light/dark class changes.
 let themeObserver: MutationObserver | undefined;
 
 onMounted(() => {

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

@@ -5,7 +5,6 @@ interface Props {
 
 const props = defineProps<Props>();
 
-// Mini-app illustration palettes (design appearance.html preview()).
 const L = { bg: "#ffffff", side: "#f1f1f3", bar: "#d7d8de", barD: "#b9bbc4" };
 const D = { bg: "#15151b", side: "#0a0b12", bar: "#2a2a30", barD: "#3a3b46" };
 
@@ -17,7 +16,7 @@ interface PreviewVariant {
 
 const DEFAULT_VARIANT: PreviewVariant = { frame: L.side, side: L, main: D };
 
-const MODE_VARIANTS: Record<string, PreviewVariant> = {
+const MODE_VARIANTS: Record<Props["mode"], PreviewVariant> = {
   light: { frame: L.side, side: L, main: L },
   dark: { frame: D.side, side: D, main: D },
   system: DEFAULT_VARIANT,

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,