diff --git a/src/admin/ui/Alert.tsx b/src/admin/ui/Alert.tsx
index 1e09f9e..c62aec2 100644
--- a/src/admin/ui/Alert.tsx
+++ b/src/admin/ui/Alert.tsx
@@ -1,7 +1,10 @@
 import type { ReactNode } from "react";
 import MuiAlert from "@mui/material/Alert";
 
-/** Inline contextual alert (form/section feedback) — distinct from the global toast. */
+/**
+ * Inline contextual alert (form/section feedback) — distinct from the global toast.
+ * `onClose` is simplified to take no arguments (MUI's close SyntheticEvent is omitted).
+ */
 export default function Alert({
   severity = "info",
   children,
diff --git a/src/admin/ui/DataTable.tsx b/src/admin/ui/DataTable.tsx
index c0b2173..bdc1def 100644
--- a/src/admin/ui/DataTable.tsx
+++ b/src/admin/ui/DataTable.tsx
@@ -43,6 +43,9 @@ export default function DataTable<T>({
   sortDir,
   onSort,
 }: DataTableProps<T>) {
+  if (import.meta.env.DEV && columns.some((c) => c.sortKey) && !onSort) {
+    console.warn("DataTable: columns with sortKey require an onSort prop.");
+  }
   if (rows.length === 0 && empty) return <>{empty}</>;
   return (
     <TableContainer sx={{ borderRadius: 2 }}>
@@ -54,7 +57,7 @@ export default function DataTable<T>({
                 key={c.key}
                 align={c.align}
                 sortDirection={
-                  c.sortKey && sortBy === c.sortKey ? sortDir : false
+                  c.sortKey && sortBy === c.sortKey ? (sortDir ?? "asc") : false
                 }
                 sx={{
                   textTransform: "uppercase",
diff --git a/src/admin/ui/Pagination.tsx b/src/admin/ui/Pagination.tsx
index 03e26c1..efad908 100644
--- a/src/admin/ui/Pagination.tsx
+++ b/src/admin/ui/Pagination.tsx
@@ -15,7 +15,7 @@ export default function Pagination({
   return (
     <Box sx={{ display: "flex", justifyContent: "center", mt: 2 }}>
       <MuiPagination
-        page={page}
+        page={Math.min(Math.max(page, 1), pageCount)}
         count={pageCount}
         onChange={(_, p) => onChange(p)}
         color="primary"
diff --git a/src/admin/ui/Select.tsx b/src/admin/ui/Select.tsx
index 7b1f70b..2a3ecee 100644
--- a/src/admin/ui/Select.tsx
+++ b/src/admin/ui/Select.tsx
@@ -2,12 +2,12 @@ import MuiTextField, { type TextFieldProps } from "@mui/material/TextField";
 import MenuItem from "@mui/material/MenuItem";
 
 export interface SelectOption {
-  value: string | number;
+  value: string;
   label: string;
 }
 
 type SelectProps = Omit<TextFieldProps, "onChange" | "select" | "value"> & {
-  value: string | number;
+  value: string;
   onChange: (value: string) => void;
   options?: SelectOption[];
 };
diff --git a/src/admin/ui/StatusChip.tsx b/src/admin/ui/StatusChip.tsx
index d048bbe..82c0137 100644
--- a/src/admin/ui/StatusChip.tsx
+++ b/src/admin/ui/StatusChip.tsx
@@ -19,7 +19,7 @@ export default function StatusChip({
       onClick={onClick}
       sx={[
         { fontWeight: 600, ...(onClick ? { cursor: "pointer" } : {}) },
-        ...(Array.isArray(sx) ? sx : [sx]),
+        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
       ]}
       {...props}
     />