@antelopejs/dms 0.11.1 → 0.12.1

package/frontend-vue/layers/dms-ui/app/build/composables/chart/apexTheme.ts

@@ -1,3 +1,4 @@
+import type { ApexOptions } from "apexcharts";
 import type { ApexTypeConfig } from "../../../composables/chart/apexTypeConfigs";
 import type { ChartSeries, ChartType } from "../../../composables/chart/types";
 import type { UseApexChartInput } from "../../../composables/chart/useApexChart.types";
@@ -53,10 +54,7 @@ export function readApexThemeColors(muted: string): ApexThemeColors {
 }
 
 /** Axis label style (v2: Geist Mono 11px in the dimmed text tier). */
-export function axisLabelStyle(
-  color: string,
-  theme: ApexThemeColors,
-): Record<string, unknown> {
+export function axisLabelStyle(color: string, theme: ApexThemeColors) {
   return {
     colors: color,
     fontSize: AXIS_LABEL_FONT_SIZE,
@@ -70,7 +68,7 @@ export function buildLegend(
   input: UseApexChartInput,
   isCircular: boolean,
   theme: ApexThemeColors,
-): Record<string, unknown> {
+): NonNullable<ApexOptions["legend"]> {
   return {
     show: input.showLegend ?? true,
     position: input.legendPosition ?? (isCircular ? "bottom" : "top"),
@@ -79,6 +77,7 @@ export function buildLegend(
     labels: { colors: theme.muted },
     markers: {
       size: LEGEND_MARKER_SIZE,
+      // oxlint-disable-next-line anti-slop/no-shape-in-symbol-names -- ApexOptions owns this literal markers.shape property; renaming it would change the chart configuration.
       shape: "square",
       strokeWidth: 0,
     },
@@ -91,7 +90,7 @@ export function buildGrid(
   input: UseApexChartInput,
   isCircular: boolean,
   theme: ApexThemeColors,
-): Record<string, unknown> {
+): NonNullable<ApexOptions["grid"]> {
   return {
     show:
       !isCircular &&
@@ -109,8 +108,8 @@ export function buildGrid(
 export function buildTooltip(
   input: UseApexChartInput,
   config: ApexTypeConfig,
-): Record<string, unknown> {
-  const tooltip: Record<string, unknown> = {
+): NonNullable<ApexOptions["tooltip"]> {
+  const tooltip: NonNullable<ApexOptions["tooltip"]> = {
     enabled: input.showTooltip ?? true,
     shared: config.sharedTooltip,
     intersect: !config.sharedTooltip,
@@ -129,7 +128,7 @@ function headMarker(
   series: ChartSeries[],
   color: string | undefined,
   theme: ApexThemeColors,
-): Record<string, unknown>[] {
+) {
   const lastIndex = (series[0]?.data.length ?? 0) - 1;
   if (lastIndex < 0 || !color) return [];
   return [
@@ -152,7 +151,7 @@ export function buildMarkers(
   series: ChartSeries[],
   colors: string[],
   theme: ApexThemeColors,
-): Record<string, unknown> {
+): NonNullable<ApexOptions["markers"]> {
   if (POINT_MARKER_TYPES.includes(input.type)) {
     return {
       size: pointSize(input),
@@ -163,8 +162,7 @@ export function buildMarkers(
   const showsHead = HEAD_MARKER_TYPES.includes(input.type) && !input.stacked;
   return {
     size: 0,
-    // A discrete marker makes Apex draw every point: any stroke would show
-    // as a bump on the line, so markers carry none.
+
     strokeWidth: 0,
     hover: { size: HOVER_MARKER_SIZE },
     discrete: showsHead ? headMarker(series, colors[0], theme) : [],
@@ -192,9 +190,15 @@ interface DataLabelContext {
 }
 
 /** A point's own `label` when it has one, else the value Apex would print. */
-function pointLabel(value: unknown, context: DataLabelContext): unknown {
+function pointLabel(
+  value: Parameters<
+    NonNullable<NonNullable<ApexOptions["dataLabels"]>["formatter"]>
+  >[0],
+  context: DataLabelContext,
+) {
   const point =
     context.w.config.series[context.seriesIndex]?.data[context.dataPointIndex];
+  // oxlint-disable-next-line anti-slop/no-runtime-typeof -- The shared isObject guard widens this owner union's label to unknown; typeof retains the ChartSeries point contract without asserting or validating plugin values.
   if (typeof point !== "object" || point === null || !("label" in point)) {
     return value;
   }
@@ -210,8 +214,8 @@ export function buildDataLabels(
   theme: ApexThemeColors,
   isCircular = false,
   offsetY = 0,
-): Record<string, unknown> {
-  return {
+): NonNullable<ApexOptions["dataLabels"]> {
+  const labels: NonNullable<ApexOptions["dataLabels"]> = {
     enabled,
     offsetY,
     dropShadow: { enabled: false },
@@ -220,6 +224,7 @@ export function buildDataLabels(
       fontFamily: theme.monoFont,
       fontWeight: DATA_LABEL_FONT_WEIGHT,
     },
-    ...(isCircular ? {} : { formatter: pointLabel }),
   };
+  if (!isCircular) labels.formatter = pointLabel;
+  return labels;
 }

package/frontend-vue/layers/dms-ui/app/build/composables/chart/groupPoints.ts

@@ -0,0 +1,40 @@
+import type {
+  ChartGroupPoint,
+  ChartResponse,
+  ChartSeries,
+} from "../../../composables/chart/types";
+
+type XAxisType = "category" | "datetime" | "numeric";
+
+function isGroupPoint(
+  entry: ChartSeries | ChartGroupPoint,
+): entry is ChartGroupPoint {
+  return "x" in entry && "y" in entry && !("data" in entry);
+}
+
+function isSeries(entry: ChartSeries | ChartGroupPoint): entry is ChartSeries {
+  return "data" in entry;
+}
+
+/**
+ * The series a bare chart draws from its data source's answer.
+ *
+ * One point per group becomes one series called `name`. On a category axis
+ * each group key becomes its label: Apex lays numeric keys out on a number
+ * line whatever axis type it is given, which bunches `202512` and `202601`
+ * apart and shifts the bars of a numeric breakdown off their labels.
+ */
+export function responseSeries(
+  series: ChartResponse["series"],
+  name: string,
+  xaxisType: XAxisType = "category",
+): ChartSeries[] {
+  const entries: Array<ChartSeries | ChartGroupPoint> = series;
+  if (entries.length === 0 || !entries.every(isGroupPoint))
+    return entries.filter(isSeries);
+  const labelled = xaxisType === "category";
+  const data = entries
+    .filter(isGroupPoint)
+    .map((point) => (labelled ? { ...point, x: String(point.x) } : point));
+  return [{ name, data }];
+}

package/frontend-vue/layers/dms-ui/app/build/composables/clipboard/useCopyFeedback.ts

@@ -1,4 +1,4 @@
-import { onScopeDispose, ref, type Ref } from "vue";
+import { onScopeDispose, ref } from "vue";
 
 /** How long a copy button says "Copied" before it offers to copy again. */
 const COPIED_FEEDBACK_MS = 1600;
@@ -26,7 +26,7 @@ export interface CopyFeedback<Key> {
 export function useCopyFeedback<Key = true>(
   feedbackMs: number = COPIED_FEEDBACK_MS,
 ): CopyFeedback<Key> {
-  const copiedKey = ref<Key | null>(null) as Ref<Key | null>;
+  const copiedKey = ref<Key | null>(null);
   let timer: ReturnType<typeof setTimeout> | undefined;
 
   function reset(): void {

package/frontend-vue/layers/dms-ui/app/build/composables/confirm/actionError.ts

@@ -1,3 +1,7 @@
+import {
+  isObject as isObjectType,
+  isString,
+} from "../../../../../dms-core/app/utils/type-check";
 import {
   readTranslationKey,
   type I18nTranslate,
@@ -14,18 +18,18 @@ export const ACTION_ERROR_GENERIC_KEY = "dms.action_error.generic";
 const HTTP_UNAUTHORIZED = 401;
 const HTTP_FORBIDDEN = 403;
 const HTTP_SERVER_ERROR = 500;
-// Longer than a sentence or two: a dump, not a message.
+
 const MAX_MESSAGE_LENGTH = 300;
-// `error.not_found`, `$page.settings.invites.error.expired`.
+
 const KEY_PATTERN = /^\$?[\w-]+(\.[\w-]+)+$/;
-// JSON, HTML, a stack trace or a thrown `TypeError: …`.
+
 const TECHNICAL_PATTERNS = [
   /^\s*[[{<]/,
   /\n\s*at\s/,
   /^\s*[A-Z]\w*Error\b/,
   /<no response>/,
 ];
-// What browsers say when `fetch` itself fails.
+
 const NETWORK_MESSAGES = [/failed to fetch/i, /networkerror/i, /load failed/i];
 
 interface FetchErrorLike {
@@ -37,11 +41,10 @@ interface FetchErrorLike {
   data?: unknown;
 }
 
+// oxlint-disable-next-line anti-slop/no-unsafe-dictionary-type -- Error bodies are untrusted; property values remain unknown until their individual checks.
 const isObject = (value: unknown): value is Record<string, unknown> =>
-  typeof value === "object" && value !== null;
+  isObjectType(value) && value !== null;
 
-// An ofetch `FetchError` (or anything shaped like a failed request): its own
-// `message` is the raw "[DELETE] "/api/…": 403 Forbidden" line, never shown.
 const isFetchError = (error: unknown): error is FetchErrorLike =>
   isObject(error) &&
   (error.name === "FetchError" ||
@@ -55,8 +58,9 @@ const statusOf = (error: FetchErrorLike): number | undefined =>
 /** The message the server put in the error body, when it sent one. */
 const serverMessageOf = (error: FetchErrorLike): string | undefined => {
   const { data } = error;
-  if (typeof data === "string") return data;
-  if (isObject(data) && typeof data.message === "string") return data.message;
+  if (isString(data)) return data;
+  // oxlint-disable-next-line anti-slop/no-known-value-widening -- The object guard accepts all untrusted error data; only an actual string message is returned.
+  if (isObject(data) && isString(data.message)) return data.message;
   return undefined;
 };
 
@@ -96,6 +100,7 @@ const translateKey = (translate: I18nTranslate, key: string) =>
  * required."): a table view's write passes its column labels.
  */
 export function resolveActionError(
+  // oxlint-disable-next-line anti-slop/no-unknown-parameters -- The request's catch value is decoded here and may be any thrown JavaScript value.
   error: unknown,
   translate: I18nTranslate,
   labelOf: (field: string) => string | undefined = () => undefined,
@@ -108,9 +113,7 @@ export function resolveActionError(
     const raw = serverMessageOf(error);
     const isForbidden =
       status === HTTP_UNAUTHORIZED || status === HTTP_FORBIDDEN;
-    // Plain text on a refusal or a crash is the server talking to developers
-    // ("Forbidden: missing permission …", "Archive field not configured"):
-    // only a translated key gets through there.
+
     if (isForbidden || status >= HTTP_SERVER_ERROR) {
       const translated =
         raw && KEY_PATTERN.test(raw.trim())
@@ -134,7 +137,7 @@ export function resolveActionError(
   const message =
     error instanceof Error
       ? error.message
-      : typeof error === "string"
+      : isString(error)
         ? error
         : undefined;
   if (message && NETWORK_MESSAGES.some((pattern) => pattern.test(message))) {

package/frontend-vue/layers/dms-ui/app/build/composables/confirm/confirmDialogTexts.ts

@@ -1,3 +1,7 @@
+import {
+  isNumber,
+  isString,
+} from "../../../../../dms-core/app/utils/type-check";
 import type {
   ConfirmDialog,
   ConfirmDialogSecondaryAction,
@@ -24,7 +28,7 @@ import { currentPageUrlValues } from "../page/pageUrlValues";
 /** `t` as vue-i18n gives it: named parameters, then the plural count. */
 export type ConfirmTranslate = (
   key: string,
-  params: Record<string, unknown>,
+  params: NonNullable<ConfirmDialog["params"]>,
   plural?: number,
 ) => string;
 
@@ -35,14 +39,12 @@ export type ConfirmTranslate = (
  */
 export function resolveConfirmText(
   text: string,
-  params: Record<string, unknown>,
+  params: NonNullable<ConfirmDialog["params"]>,
   t: ConfirmTranslate,
 ): string {
   const { isKey, key } = readTranslationKey(text);
   if (!isKey) return interpolateLiteral(text, params);
-  return typeof params.count === "number"
-    ? t(key, params, params.count)
-    : t(key, params);
+  return isNumber(params.count) ? t(key, params, params.count) : t(key, params);
 }
 
 /** Runs a dialog's secondary target, its URL already filled in. */
@@ -50,8 +52,6 @@ export type SecondaryTargetRun = (
   target: ConfirmDialogSecondaryTarget,
 ) => Promise<void> | void;
 
-// The page's `{{params.X}}` / `{{query.X}}` come first, as on an action's own
-// target; the route is only read for a text holding such a token.
 function withPageLink(url: string): string {
   return namesPageValue(url)
     ? resolveLinkVariables(url, currentPageUrlValues())
@@ -70,7 +70,7 @@ function withPageText(text: string): string | undefined {
  */
 function resolveSecondaryTarget(
   target: ConfirmDialogSecondaryTarget,
-  params: Record<string, unknown>,
+  params: NonNullable<ConfirmDialog["params"]>,
 ): ConfirmDialogSecondaryTarget {
   const url = interpolateUrl(withPageLink(target.url), params);
   if (target.type !== "download" || target.filename === undefined) {
@@ -85,7 +85,7 @@ function resolveSecondaryTarget(
 
 function resolveSecondaryAction(
   action: ConfirmDialogSecondaryAction | undefined,
-  params: Record<string, unknown>,
+  params: NonNullable<ConfirmDialog["params"]>,
   t: ConfirmTranslate,
   runTarget: SecondaryTargetRun | undefined,
 ): ConfirmSecondaryAction | undefined {
@@ -105,7 +105,7 @@ function resolveSecondaryAction(
  */
 export function resolveConfirmDialog(
   dialog: ConfirmDialog,
-  row: Record<string, unknown> | undefined,
+  row: ConfirmDialog["params"],
   t: ConfirmTranslate,
   runTarget?: SecondaryTargetRun,
 ): ConfirmOptions {
@@ -125,12 +125,12 @@ export function resolveConfirmDialog(
     description: text(dialog.description),
     confirmLabel: text(dialog.confirmLabel),
     cancelLabel: text(dialog.cancelLabel),
-    // The text to type, the row's name more often than not ("{name}").
+
     confirmText: text(dialog.confirmText),
     impact: dialog.impact?.map((entry) => ({
       ...entry,
       label: text(entry.label) ?? "",
-      count: typeof entry.count === "string" ? text(entry.count) : entry.count,
+      count: isString(entry.count) ? text(entry.count) : entry.count,
     })),
     fields: dialog.fields?.map((field) =>
       processFieldI18n(

package/frontend-vue/layers/dms-ui/app/build/composables/confirm/useActionConfirm.ts

@@ -9,24 +9,17 @@ import type {
   ConfirmPartialOutcome,
   ConfirmValues,
 } from "../../../composables/confirm/types";
-import {
-  type ConfirmTranslate,
-  resolveConfirmDialog,
-} from "./confirmDialogTexts";
-import type { DownloadFetch } from "../../utils/fileDownload";
+import { resolveConfirmDialog } from "./confirmDialogTexts";
 import { secondaryTargetRunner } from "./secondaryTarget";
-import {
-  namesPageValue,
-  resolveLinkVariables,
-} from "../../utils/urlVariables";
+import { namesPageValue, resolveLinkVariables } from "../../utils/urlVariables";
 import { currentPageUrlValues } from "../page/pageUrlValues";
 
 /** What an action asks its confirmation with. */
 export interface ActionConfirmRequest {
   /** The row the action targets: its fields fill the texts and `from` URL. */
-  row?: Record<string, unknown>;
+  row?: ConfirmDialog["params"];
   /** Fill-ins of a `from` URL besides the row's fields (`{{row.id}}`). */
-  urlParams?: Record<string, unknown>;
+  urlParams?: Parameters<typeof interpolateUrl>[1];
   /**
    * The look of the action, where the dialog leaves it out (an archive's
    * amber, a delete's trash icon).
@@ -51,9 +44,8 @@ export function useActionConfirm() {
   const { $authFetch } = useAuthFetch();
   const { t } = useI18n();
   const toast = useToast();
-  const runSecondaryTarget = secondaryTargetRunner(
-    $authFetch.raw as unknown as DownloadFetch,
-  );
+  const consumeReadOnlyRefusal = useReadOnlyRefusal();
+  const runSecondaryTarget = secondaryTargetRunner($authFetch.raw);
 
   const loadDialog = async (
     declared: ActionConfirm,
@@ -70,6 +62,7 @@ export function useActionConfirm() {
     try {
       return await $authFetch<ConfirmDialog>(url);
     } catch (error) {
+      if (consumeReadOnlyRefusal(error)) return undefined;
       toast.add({
         color: Color.error,
         icon: "i-ph-warning-circle",
@@ -93,7 +86,7 @@ export function useActionConfirm() {
     const options = resolveConfirmDialog(
       dialog,
       request.row,
-      t as ConfirmTranslate,
+      t,
       runSecondaryTarget,
     );
     const isConfirmed = await confirm({
@@ -108,8 +101,8 @@ export function useActionConfirm() {
   return { confirmAction };
 }
 
-// A text the dialog leaves out keeps the action's own (its fallback).
 function withoutUndefined<T extends object>(value: T): Partial<T> {
+  // SAFETY: Filtering Object.entries only removes properties from T; it never changes the values of the retained properties.
   return Object.fromEntries(
     Object.entries(value).filter(([, entry]) => entry !== undefined),
   ) as Partial<T>;

package/frontend-vue/layers/dms-ui/app/build/composables/containers/closingLayers.ts

@@ -1,20 +1,15 @@
 import { onBeforeUnmount, onMounted, ref, type Ref } from "vue";
 
-// Any reka layer still open: a dialog, a drawer, a modal menu.
 const OPEN_LAYER_SELECTOR = '[data-dismissable-layer][data-state="open"]';
 
-// What blocks the page while it is mounted: a layer and a backdrop.
 const LAYER_SELECTOR = "[data-dismissable-layer]";
 const BLOCKING_SELECTOR = `${LAYER_SELECTOR}, [data-slot="overlay"]`;
 
-// A drawer, a modal or a slideover still open: what a closing one covered.
 const OPEN_DIALOG_SELECTOR = [
   '[role="dialog"][data-dismissable-layer][data-state="open"]',
   '[role="alertdialog"][data-dismissable-layer][data-state="open"]',
 ].join(", ");
 
-// A popover's content is a dialog layer too, but anchored to its trigger: it
-// covers nothing.
 const POPOVER_SELECTOR = "[data-reka-popper-content-wrapper]";
 
 /**
@@ -41,7 +36,6 @@ export function useOpenDialog(): Readonly<Ref<boolean>> {
     isOpen.value = hasOpenDialog(document);
   };
   onMounted(() => {
-    // A dialog mounts open: its insertion counts, not only its state.
     observer = new MutationObserver(update);
     observer.observe(document.body, {
       subtree: true,
@@ -57,7 +51,6 @@ export function useOpenDialog(): Readonly<Ref<boolean>> {
   return isOpen;
 }
 
-// Reka's FocusScope, as it unmounts: cancelling it keeps the focus in place.
 const UNMOUNT_AUTOFOCUS_EVENT = "focusScope.autoFocusOnUnmount";
 
 /**
@@ -67,7 +60,10 @@ const UNMOUNT_AUTOFOCUS_EVENT = "focusScope.autoFocusOnUnmount";
  */
 export const UNCOVERED_ATTRIBUTE = "data-dms-uncovered";
 
-function isClosing(mutation: MutationRecord): boolean {
+function isClosing(
+  mutation: MutationRecord,
+): mutation is MutationRecord & { target: Element } {
+  // SAFETY: The only caller observes attributes with attributeFilter; DOM attribute mutations always target Elements.
   const target = mutation.target as Element;
   return (
     target.getAttribute("data-state") === "closed" &&
@@ -103,15 +99,12 @@ function isClosing(mutation: MutationRecord): boolean {
  * @internal
  */
 export function watchClosingLayers(root: Document): () => void {
-  // Each closing layer and the layers that were open when it started.
-  const openBeforeClosing = new WeakMap<Element, Set<Element>>();
+  const openBeforeClosing = new WeakMap<EventTarget, Set<Element>>();
   const openLayers = () => [...root.querySelectorAll(OPEN_LAYER_SELECTOR)];
   const uncovering = watchUncovered(root);
 
   const observer = new MutationObserver((mutations) => {
-    const closing = mutations
-      .filter(isClosing)
-      .map(({ target }) => target as Element);
+    const closing = mutations.filter(isClosing).map(({ target }) => target);
     if (closing.length === 0) return;
     const open = openLayers();
     for (const target of closing) {
@@ -131,7 +124,7 @@ export function watchClosingLayers(root: Document): () => void {
   });
 
   const onUnmountAutoFocus = (event: Event): void => {
-    const before = openBeforeClosing.get(event.target as Element);
+    const before = event.target && openBeforeClosing.get(event.target);
     if (!before) return;
     if (openLayers().some((layer) => !before.has(layer))) {
       event.preventDefault();
@@ -165,8 +158,6 @@ function watchUncovered(root: Document): Uncovering {
     closingLayers = [];
   }
 
-  // Only while a dialog closes over another: a short-lived watch of the DOM,
-  // until the closing one is gone or another one opened above.
   const watcher = new MutationObserver(() => {
     const isStillCovering = closingLayers.some((layer) => layer.isConnected);
     if (!isStillCovering || topmostOpen() !== uncovered) stop();

package/frontend-vue/layers/dms-ui/app/build/composables/containers/drawerSize.ts

@@ -1,4 +1,8 @@
-import { ref, type Component, type Ref } from "vue";
+import {
+  isObject,
+  isNumber,
+} from "../../../../../dms-core/app/utils/type-check";
+import { ref, type Component, type ComponentOptions, type Ref } from "vue";
 import type { DrawerDirection } from "../../../composables/containers/types";
 import type { ModalSize } from "../../../types/modal";
 import type { ResizeBounds, ResizeStorage } from "./useResizableSize";
@@ -6,7 +10,7 @@ import type { ResizeBounds, ResizeStorage } from "./useResizableSize";
 /** @internal */
 export const DRAWER_SIZE_COOKIE = "dms-drawer-sizes";
 const DRAWER_SIZE_COOKIE_MAX_AGE = 60 * 60 * 24 * 365;
-// A cookie travels with every request: the oldest sizes give way past this.
+
 const MAX_STORED_SIZES = 40;
 
 /** Width of a `left` / `right` drawer without `size`, from `lg`. @internal */
@@ -15,8 +19,7 @@ export const DEFAULT_SIDE_DRAWER_WIDTH = 600;
 export const MIN_SIDE_DRAWER_WIDTH = 360;
 /** @internal */
 export const MIN_EDGE_DRAWER_HEIGHT = 240;
-// Share of the window a resized drawer may take, and the room it leaves (the
-// drawer's own `max-w-[calc(100%-2rem)]`).
+
 const MAX_DRAWER_SHARE = 0.9;
 const DRAWER_WINDOW_MARGIN = 32;
 
@@ -70,13 +73,16 @@ function emptyPreferences(): DrawerSizePreferences {
   return { widths: {}, heights: {} };
 }
 
+// oxlint-disable-next-line anti-slop/no-unknown-parameters -- This cookie decoder accepts malformed persisted values and filters them here.
 function readSizes(value: unknown): Record<string, number> {
-  if (typeof value !== "object" || value === null) return {};
+  if (!isObject(value) || value === null) return {};
+  const entries: [string, unknown][] = Object.entries(value);
   return Object.fromEntries(
-    Object.entries(value).filter(
-      ([, size]) => typeof size === "number" && Number.isFinite(size),
+    entries.filter(
+      (entry): entry is [string, number] =>
+        isNumber(entry[1]) && Number.isFinite(entry[1]),
     ),
-  ) as Record<string, number>;
+  );
 }
 
 /**
@@ -86,10 +92,11 @@ function readSizes(value: unknown): Record<string, number> {
  * @internal
  */
 export function readDrawerSizePreferences(
+  // oxlint-disable-next-line anti-slop/no-unknown-parameters -- The persisted cookie is decoded here, not trusted as DrawerSizePreferences.
   value: unknown,
 ): DrawerSizePreferences {
-  if (typeof value !== "object" || value === null) return emptyPreferences();
-  const record = value as Record<string, unknown>;
+  if (!isObject(value) || value === null) return emptyPreferences();
+  const record = value;
   return {
     widths: readSizes(record.widths),
     heights: readSizes(record.heights),
@@ -104,8 +111,6 @@ export function useDrawerSizePreferences(): Ref<DrawerSizePreferences> {
   });
 }
 
-// The key written last moves to the end, so the oldest ones are dropped
-// first.
 function withSize(
   sizes: Record<string, number>,
   key: string,
@@ -152,14 +157,8 @@ export function drawerSizeStorage(
 }
 
 const COMPONENT_SIZE_KEY_PREFIX = "component:";
-// The name `defineAsyncComponent` gives every wrapper: it names no drawer.
-const ASYNC_WRAPPER_NAME = "AsyncComponentWrapper";
 
-interface NamedComponent {
-  name?: string;
-  /** The file name a `<script setup>` component is compiled with. */
-  __name?: string;
-}
+const ASYNC_WRAPPER_NAME = "AsyncComponentWrapper";
 
 /**
  * The key a drawer opened without `sizeKey` or `containerId` keeps its size
@@ -169,7 +168,9 @@ interface NamedComponent {
  * @internal
  */
 export function componentSizeKey(component: Component): string | undefined {
-  const { name, __name } = component as NamedComponent;
+  // oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- Component's constructor branch does not constrain these metadata fields; retain unchecked name selection and interpolation.
+  const named = component as Pick<ComponentOptions, "name" | "__name">;
+  const { name, __name } = named;
   const componentName = [name, __name].find(
     (candidate) => candidate && candidate !== ASYNC_WRAPPER_NAME,
   );
@@ -205,7 +206,6 @@ function sideDrawerWidthBounds(
   };
 }
 
-// A top or bottom drawer keeps its natural height until the user resizes it.
 function edgeDrawerHeightBounds(viewport: Viewport): ResizeBounds {
   const maxSize = Math.round(viewport.height * MAX_DRAWER_SHARE);
   return { minSize: Math.min(MIN_EDGE_DRAWER_HEIGHT, maxSize), maxSize };

package/frontend-vue/layers/dms-ui/app/build/composables/containers/useResizableSize.ts

@@ -67,7 +67,6 @@ type SizeStep = (size: number, bounds: ResizeBounds) => number;
 const grow: SizeStep = (size) => size + RESIZE_KEYBOARD_STEP_PX;
 const shrink: SizeStep = (size) => size - RESIZE_KEYBOARD_STEP_PX;
 
-// The arrow pointing away from the sheet's edge grows it.
 const KEYBOARD_STEPS: Record<ResizeSide, Record<string, SizeStep>> = {
   right: { ArrowLeft: grow, ArrowRight: shrink },
   left: { ArrowRight: grow, ArrowLeft: shrink },
@@ -75,10 +74,10 @@ const KEYBOARD_STEPS: Record<ResizeSide, Record<string, SizeStep>> = {
   top: { ArrowDown: grow, ArrowUp: shrink },
 };
 
-const BOUND_KEYS: Record<string, SizeStep> = {
+const BOUND_KEYS = {
   Home: (_, bounds) => bounds.minSize,
   End: (_, bounds) => bounds.maxSize,
-};
+} satisfies Record<string, SizeStep>;
 
 interface PointerAxis {
   coordinate: (event: PointerEvent) => number;
@@ -114,7 +113,10 @@ export function clampSize(size: number, bounds: ResizeBounds): number {
 export function useResizableSize(options: ResizableSizeOptions): ResizableSize {
   const { storage } = options;
   const axis = POINTER_AXES[options.side];
-  const keySteps = { ...KEYBOARD_STEPS[options.side], ...BOUND_KEYS };
+  const keySteps: (typeof KEYBOARD_STEPS)[ResizeSide] = {
+    ...KEYBOARD_STEPS[options.side],
+    ...BOUND_KEYS,
+  };
   const liveSize = options.liveSize ?? ref<number | null>(null);
   const bounds = computed(() => toValue(options.bounds));
   const size = computed(() => {