@alepha/ui 0.18.3 → 0.19.0

package/src/admin/components/users/AdminUserLayout.tsx

@@ -1,47 +1,19 @@
-import { Flex, Text, useDialog, useToast } from "@alepha/ui";
-import { Loader } from "@mantine/core";
+import { Flex, useDialog, useToast } from "@alepha/ui";
 import { IconBan, IconShieldCheck, IconTrash } from "@tabler/icons-react";
-import { t } from "alepha";
 import type { AdminUserController, UserEntity } from "alepha/api/users";
-import { useClient } from "alepha/react";
-import { NestedView, useRouter, useRouterState } from "alepha/react/router";
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useState,
-} from "react";
+import { useAlepha, useClient, useStore } from "alepha/react";
+import { NestedView, useRouter } from "alepha/react/router";
+import { useCallback, useEffect } from "react";
 import type { AdminRouter } from "../../AdminRouter.ts";
+import { adminUserAtom } from "../../atoms/adminUserAtom.ts";
 import AdminResourceHeader from "../shared/AdminResourceHeader.tsx";
 import AdminResourceTabs from "../shared/AdminResourceTabs.tsx";
 
 export interface AdminUserLayoutProps {
-  userRealmName?: string;
-}
-
-interface UserContextValue {
   user: UserEntity;
-  reload: () => void;
+  userRealmName?: string;
 }
 
-const UserContext = createContext<UserContextValue | null>(null);
-
-export const useUser = () => {
-  const ctx = useContext(UserContext);
-  if (!ctx) throw new Error("useUser must be used within AdminUserLayout");
-  return ctx;
-};
-
-const updateUserSchema = t.object({
-  email: t.optional(t.email()),
-  phoneNumber: t.optional(t.e164()),
-  firstName: t.optional(t.string()),
-  lastName: t.optional(t.string()),
-  roles: t.optional(t.array(t.string())),
-  enabled: t.optional(t.boolean()),
-});
-
 const displayName = (u: UserEntity) =>
   u.firstName || u.lastName
     ? `${u.firstName ?? ""} ${u.lastName ?? ""}`.trim()
@@ -49,63 +21,55 @@ const displayName = (u: UserEntity) =>
 
 const AdminUserLayout = (props: AdminUserLayoutProps) => {
   const router = useRouter<AdminRouter>();
-  const state = useRouterState();
   const client = useClient<AdminUserController>();
+  const alepha = useAlepha();
   const dialog = useDialog();
   const toast = useToast();
-  const userId = state.params.userId as string;
+  const [user] = useStore(adminUserAtom);
 
-  const [user, setUser] = useState<UserEntity | null>(null);
-  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    alepha.store.set(adminUserAtom, props.user);
+  }, [props.user]);
 
+  const currentUser = user ?? props.user;
+  const userId = currentUser.id;
   const realmQuery = { userRealmName: props.userRealmName };
 
-  const loadUser = useCallback(async () => {
-    setLoading(true);
-    try {
-      const data = await client.getUser({
-        params: { id: userId },
-        query: realmQuery,
-      });
-      setUser(data);
-    } finally {
-      setLoading(false);
-    }
+  const reload = useCallback(async () => {
+    const data = await client.getUser({
+      params: { id: userId },
+      query: realmQuery,
+    });
+    alepha.store.set(adminUserAtom, data);
   }, [userId, client]);
 
-  useEffect(() => {
-    loadUser();
-  }, [loadUser]);
-
   const handleToggleEnabled = async () => {
-    if (!user) return;
-    const action = user.enabled ? "disable" : "enable";
+    const action = currentUser.enabled ? "disable" : "enable";
     const confirmed = await dialog.confirm({
-      title: `${user.enabled ? "Disable" : "Enable"} User`,
-      message: `Are you sure you want to ${action} ${displayName(user)}?`,
+      title: `${currentUser.enabled ? "Disable" : "Enable"} User`,
+      message: `Are you sure you want to ${action} ${displayName(currentUser)}?`,
     });
     if (confirmed) {
       const updated = await client.updateUser({
-        params: { id: user.id },
+        params: { id: currentUser.id },
         query: realmQuery,
-        body: { enabled: !user.enabled },
+        body: { enabled: !currentUser.enabled },
       });
-      setUser(updated);
+      alepha.store.set(adminUserAtom, updated);
       toast.success({ title: `User ${action}d` });
     }
   };
 
   const handleDelete = async () => {
-    if (!user) return;
     const confirmed = await dialog.confirm({
       title: "Delete User",
-      message: `Are you sure you want to delete ${displayName(user)}? This cannot be undone.`,
+      message: `Are you sure you want to delete ${displayName(currentUser)}? This cannot be undone.`,
       confirmColor: "red",
       confirmLabel: "Delete",
     });
     if (confirmed) {
       await client.deleteUser({
-        params: { id: user.id },
+        params: { id: currentUser.id },
         query: realmQuery,
       });
       toast.success({ title: "User deleted" });
@@ -113,71 +77,64 @@ const AdminUserLayout = (props: AdminUserLayoutProps) => {
     }
   };
 
-  if (loading) {
-    return (
-      <Flex flex={1} justify="center" align="center">
-        <Loader />
-      </Flex>
-    );
-  }
-
-  if (!user) {
-    return (
-      <Flex flex={1} justify="center" align="center">
-        <Text c="dimmed">User not found</Text>
-      </Flex>
-    );
-  }
-
   return (
-    <UserContext.Provider value={{ user, reload: loadUser }}>
-      <Flex flex={1} direction="column" gap="lg" p="md">
-        <AdminResourceHeader
-          backHref={router.path("adminUsers")}
-          backLabel="Users"
-          title={displayName(user)}
-          subtitle={user.email || user.username}
-          status={{
-            label: user.enabled ? "Active" : "Disabled",
-            color: user.enabled ? "green" : "gray",
-          }}
-          menuActions={[
-            {
-              label: user.enabled ? "Disable" : "Enable",
-              icon: user.enabled ? IconBan : IconShieldCheck,
-              onClick: handleToggleEnabled,
-            },
-            {
-              label: "Delete",
-              icon: IconTrash,
-              color: "red",
-              onClick: handleDelete,
-            },
-          ]}
-        />
-
-        <AdminResourceTabs
-          tabs={[
-            {
-              value: "profile",
-              label: "Profile",
-              href: router.path("adminUserProfile", {
-                params: { userId },
-              }),
-            },
-            {
-              value: "sessions",
-              label: "Sessions",
-              href: router.path("adminUserSessions", {
-                params: { userId },
-              }),
-            },
-          ]}
-        />
-
-        <NestedView />
-      </Flex>
-    </UserContext.Provider>
+    <Flex
+      flex={1}
+      direction="column"
+      gap="lg"
+      p="md"
+      m="md"
+      style={{
+        backgroundColor: "var(--mantine-color-body)",
+        borderRadius: "var(--mantine-radius-md)",
+        border: "1px solid var(--mantine-color-default-border)",
+      }}
+    >
+      <AdminResourceHeader
+        backHref={router.path("adminUsers")}
+        backLabel="Users"
+        title={displayName(currentUser)}
+        subtitle={currentUser.email || currentUser.username}
+        status={{
+          label: currentUser.enabled ? "Active" : "Disabled",
+          color: currentUser.enabled ? "green" : "gray",
+        }}
+        menuActions={[
+          {
+            label: currentUser.enabled ? "Disable" : "Enable",
+            icon: currentUser.enabled ? IconBan : IconShieldCheck,
+            onClick: handleToggleEnabled,
+          },
+          {
+            label: "Delete",
+            icon: IconTrash,
+            color: "red",
+            onClick: handleDelete,
+          },
+        ]}
+      />
+
+      <AdminResourceTabs
+        tabs={[
+          {
+            value: "profile",
+            label: "Profile",
+            href: router.path("adminUserProfile", {
+              params: { userId },
+            }),
+          },
+          {
+            value: "sessions",
+            label: "Sessions",
+            href: router.path("adminUserSessions", {
+              params: { userId },
+            }),
+          },
+        ]}
+      />
+
+      <NestedView />
+    </Flex>
   );
 };
 

package/src/admin/components/users/AdminUserProfile.tsx

@@ -1,12 +1,15 @@
 import { DetailList, Flex } from "@alepha/ui";
 import { Badge } from "@mantine/core";
+import { useStore } from "alepha/react";
 import { useI18n } from "alepha/react/i18n";
-import { useUser } from "./AdminUserLayout.tsx";
+import { adminUserAtom } from "../../atoms/adminUserAtom.ts";
 
 const AdminUserProfile = () => {
-  const { user } = useUser();
+  const [user] = useStore(adminUserAtom);
   const { l } = useI18n();
 
+  if (!user) return null;
+
   return (
     <DetailList
       items={[

package/src/admin/components/users/AdminUsers.tsx

@@ -152,7 +152,7 @@ const AdminUsers = (props: AdminUsersProps) => {
                 >
                   <Flex gap={"xs"} centerY>
                     <Avatar size={"sm"} name={name} />
-                    <Flex col>
+                    <Flex col align={"start"}>
                       <Text size={"sm"} bold>
                         {name}
                       </Text>

package/src/core/components/Flex.tsx

@@ -2,9 +2,17 @@ import {
   Flex as MantineFlex,
   type FlexProps as MantineFlexProps,
 } from "@mantine/core";
+import { FormModel } from "alepha/react/form";
+import type { FormHTMLAttributes } from "react";
 import { forwardRef } from "react";
 
 export interface FlexProps extends MantineFlexProps {
+  /**
+   * Render as a `<form>` element.
+   * If `true`, renders as a plain form.
+   * If an object, spreads the form attributes (onSubmit, id, noValidate, etc.).
+   */
+  form?: boolean | FormHTMLAttributes<HTMLFormElement> | FormModel<any>;
   /**
    * flex: 1 — fill available space.
    */
@@ -92,6 +100,7 @@ const Flex = forwardRef<HTMLDivElement, FlexProps>((props, ref) => {
     borderedBottom,
     shadowed,
     overflow,
+    form,
     ...rest
   } = props;
 
@@ -155,6 +164,21 @@ const Flex = forwardRef<HTMLDivElement, FlexProps>((props, ref) => {
     rest.className = `${rest.className ?? ""} overflow-auto`.trim();
   }
 
+  if (form) {
+    let formProps: any = typeof form === "object" ? form : {};
+    if (formProps instanceof FormModel) {
+      formProps = formProps.props;
+    }
+    return (
+      <MantineFlex
+        ref={ref}
+        component={"form"}
+        {...(formProps as any)}
+        {...rest}
+      />
+    );
+  }
+
   return <MantineFlex ref={ref} {...rest} />;
 });
 

package/src/core/components/buttons/ActionButton.tsx

@@ -264,6 +264,7 @@ const ActionButton = (_props: ActionProps) => {
           </ActionHrefButton>
         );
       }
+
       return (
         <ActionNavigationButton {...restProps} href={restProps.href}>
           {restProps.children}

package/src/core/components/dialogs/PromptDialog.tsx

@@ -36,7 +36,7 @@ const PromptDialog = ({ options, onSubmit }: PromptDialogProps) => {
         required={options?.required}
         mb="md"
       />
-      <Flex justify="flex-end">
+      <Flex justify="flex-end" gap={"xs"}>
         <Button variant="subtle" onClick={() => onSubmit(null)}>
           {options?.cancelLabel || "Cancel"}
         </Button>

package/src/core/components/layout/Breadcrumb.tsx

@@ -34,7 +34,7 @@ export interface BreadcrumbProps extends FlexProps {
  * Pages should define a `label` in their `$page()` options for best results.
  * Falls back to the page name converted to Title Case.
  */
-const Breadcrumb = (props: BreadcrumbProps) => {
+const Breadcrumbs = (props: BreadcrumbProps) => {
   const { home = "Home", separator, size = "sm", ...groupProps } = props;
 
   const state = useRouterState();
@@ -85,4 +85,4 @@ const Breadcrumb = (props: BreadcrumbProps) => {
   );
 };
 
-export default Breadcrumb;
+export default Breadcrumbs;

package/src/core/components/layout/DashboardShell.tsx

@@ -69,7 +69,7 @@ export interface DashboardShellProps {
   container?: boolean | ContainerProps;
 
   /**
-   * If true, the DashboardShell will fill the height of its container.
+   * If true, the DashboardShell will fill the height with its container.
    */
   fill?: boolean;
 }

package/src/core/services/DialogService.tsx

@@ -117,8 +117,8 @@ export class DialogService {
           <ConfirmDialog
             options={options}
             onConfirm={(confirmed) => {
-              this.close(modalId);
               done(confirmed);
+              this.close(modalId);
             }}
           />
         ),
@@ -147,8 +147,8 @@ export class DialogService {
           <PromptDialog
             options={options}
             onSubmit={(value) => {
-              this.close(modalId);
               done(value);
+              this.close(modalId);
             }}
           />
         ),

package/src/core/styles.css

@@ -112,7 +112,8 @@
 
 /* ------------------------------------------------------------------------------------------------------------------ */
 /* our custom "minimal" variant for <Button/> - from Blueprint */
-.mantine-Button-root[data-variant="minimal"] {
+.mantine-Button-root[data-variant="minimal"],
+.mantine-Anchor-root[data-variant="minimal"] {
   background-color: transparent;
   color: var(--mantine-color-text);
 }

package/src/core/table/components/DataTable.tsx

@@ -606,7 +606,6 @@ const DataTable = <T extends object, Filters extends TObject>(
                 position: "sticky",
                 top: 0,
                 zIndex: 1,
-                backgroundColor: "var(--alepha-elevated)",
               }}
             >
               <Table.Tr>

package/dist/admin/AdminJobDashboard-BL8gGPDp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminJobDashboard-BL8gGPDp.js","names":["Flex","Text"],"sources":["../../src/admin/components/jobs/AdminJobDashboard.tsx"],"sourcesContent":["import { ActionButton, Flex, StatCards, Text, useToast } from \"@alepha/ui\";\nimport { AreaChart, BarChart, DonutChart } from \"@mantine/charts\";\nimport { Paper, SimpleGrid, Table } from \"@mantine/core\";\nimport {\n  IconAlertTriangle,\n  IconCircleCheck,\n  IconPlayerPlay,\n  IconRefresh,\n  IconTerminal2,\n} from \"@tabler/icons-react\";\nimport type {\n  AdminJobController,\n  JobActivityPoint,\n  JobFailure,\n  JobQueueDepth,\n  JobStats,\n} from \"alepha/api/jobs\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useCallback, useEffect, useState } from \"react\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst formatDuration = (\n  start: Date | string,\n  end?: Date | string | null,\n): string => {\n  const startTime = new Date(start).getTime();\n  const endTime = end ? new Date(end).getTime() : Date.now();\n  const duration = endTime - startTime;\n\n  if (duration < 1000) return `${duration}ms`;\n  if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n  if (duration < 3600000)\n    return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n  return `${Math.floor(duration / 3600000)}h ${Math.floor((duration % 3600000) / 60000)}m`;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface RecentExecution {\n  id: string;\n  jobName: string;\n  status: string;\n  startedAt?: string;\n  completedAt?: string;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminJobDashboard = () => {\n  const client = useClient<AdminJobController>();\n  const { l } = useI18n();\n  const toast = useToast();\n\n  const [stats, setStats] = useState<JobStats | null>(null);\n  const [recent, setRecent] = useState<RecentExecution[]>([]);\n  const [failures, setFailures] = useState<JobFailure[]>([]);\n  const [activity, setActivity] = useState<JobActivityPoint[]>([]);\n  const [queueDepth, setQueueDepth] = useState<JobQueueDepth[]>([]);\n\n  const loadData = useCallback(async () => {\n    try {\n      const [statsData, recentData, failureData, activityData, queueData] =\n        await Promise.all([\n          client.getJobStats(),\n          client.findJobExecutions({ query: { sort: \"-createdAt\", size: 10 } }),\n          client.getJobTopFailures(),\n          client.getJobActivity({ query: { days: 14 } }),\n          client.getJobQueueDepth(),\n        ]);\n      setStats(statsData);\n      setRecent(recentData.content as RecentExecution[]);\n      setFailures(failureData);\n      setActivity(activityData);\n      setQueueDepth(queueData);\n    } catch {\n      toast.danger(\"Failed to load dashboard data\");\n    }\n  }, [client, toast]);\n\n  useEffect(() => {\n    loadData();\n  }, [loadData]);\n\n  // Prepare chart data\n  const activityChartData = activity.map((point) => ({\n    date: new Date(point.date).toLocaleDateString(\"en-US\", {\n      month: \"short\",\n      day: \"numeric\",\n    }),\n    completed: point.completed,\n    failed: point.failed,\n  }));\n\n  const queueChartData = queueDepth\n    .filter(\n      (q) => q.pending + q.running + q.scheduled + q.retrying + q.dead > 0,\n    )\n    .map((q) => ({\n      job:\n        q.jobName.length > 20\n          ? `...${q.jobName.slice(q.jobName.length - 18)}`\n          : q.jobName,\n      pending: q.pending,\n      running: q.running,\n      scheduled: q.scheduled,\n      retrying: q.retrying,\n      dead: q.dead,\n    }));\n\n  const statusDonutData = stats\n    ? [\n        { name: \"Running\", value: stats.running, color: \"blue\" },\n        { name: \"Pending\", value: stats.pending, color: \"gray\" },\n        { name: \"Scheduled\", value: stats.scheduled, color: \"violet\" },\n        { name: \"Retrying\", value: stats.retrying, color: \"yellow\" },\n        { name: \"Dead\", value: stats.dead, color: \"red\" },\n      ].filter((d) => d.value > 0)\n    : [];\n\n  return (\n    <Flex flex={1} direction=\"column\" gap=\"md\" p=\"md\">\n      <Flex justify=\"space-between\" align=\"center\">\n        <Text size=\"lg\" fw={600}>\n          Jobs Dashboard\n        </Text>\n        <ActionButton\n          tooltip=\"Refresh\"\n          variant=\"light\"\n          size=\"sm\"\n          icon={IconRefresh}\n          onClick={loadData}\n        />\n      </Flex>\n\n      {/* Stats Cards */}\n      {stats && (\n        <StatCards\n          items={[\n            {\n              label: \"Registered\",\n              value: stats.registered,\n              icon: IconTerminal2,\n            },\n            {\n              label: \"Running\",\n              value: stats.running,\n              icon: IconPlayerPlay,\n            },\n            {\n              label: \"Completed 24h\",\n              value: stats.completed24h,\n              icon: IconCircleCheck,\n            },\n            {\n              label: \"Failed 24h\",\n              value: stats.failed24h,\n              icon: IconAlertTriangle,\n            },\n          ]}\n        />\n      )}\n\n      {/* Charts Row */}\n      <SimpleGrid cols={{ base: 1, md: 2 }} spacing=\"md\">\n        {/* Activity Timeline */}\n        <Paper p=\"md\" radius=\"md\" withBorder>\n          <Text size=\"sm\" fw={600} mb=\"sm\">\n            Activity (14d)\n          </Text>\n          {activityChartData.length > 0 ? (\n            <AreaChart\n              h={220}\n              data={activityChartData}\n              dataKey=\"date\"\n              series={[\n                { name: \"completed\", label: \"Completed\", color: \"teal.6\" },\n                { name: \"failed\", label: \"Failed\", color: \"red.6\" },\n              ]}\n              curveType=\"monotone\"\n              withGradient\n              withTooltip\n              withDots={false}\n            />\n          ) : (\n            <Flex h={220} align=\"center\" justify=\"center\">\n              <Text size=\"sm\" c=\"dimmed\">\n                No activity data\n              </Text>\n            </Flex>\n          )}\n        </Paper>\n\n        {/* Current Status Donut */}\n        <Paper p=\"md\" radius=\"md\" withBorder>\n          <Text size=\"sm\" fw={600} mb=\"sm\">\n            Active Executions\n          </Text>\n          {statusDonutData.length > 0 ? (\n            <DonutChart\n              h={220}\n              data={statusDonutData}\n              withTooltip\n              tooltipDataSource=\"segment\"\n              chartLabel={String(\n                statusDonutData.reduce((sum, d) => sum + d.value, 0),\n              )}\n            />\n          ) : (\n            <Flex h={220} align=\"center\" justify=\"center\">\n              <Text size=\"sm\" c=\"dimmed\">\n                No active executions\n              </Text>\n            </Flex>\n          )}\n        </Paper>\n      </SimpleGrid>\n\n      {/* Queue Depth Chart */}\n      {queueChartData.length > 0 && (\n        <Paper p=\"md\" radius=\"md\" withBorder>\n          <Text size=\"sm\" fw={600} mb=\"sm\">\n            Queue Depth by Job\n          </Text>\n          <BarChart\n            h={200}\n            data={queueChartData}\n            dataKey=\"job\"\n            type=\"stacked\"\n            series={[\n              { name: \"running\", label: \"Running\", color: \"blue.6\" },\n              { name: \"pending\", label: \"Pending\", color: \"gray.5\" },\n              { name: \"scheduled\", label: \"Scheduled\", color: \"violet.5\" },\n              { name: \"retrying\", label: \"Retrying\", color: \"yellow.5\" },\n              { name: \"dead\", label: \"Dead\", color: \"red.6\" },\n            ]}\n            withTooltip\n            withLegend\n          />\n        </Paper>\n      )}\n\n      {/* Recent Activity + Top Failures side by side */}\n      <SimpleGrid cols={{ base: 1, md: 2 }} spacing=\"md\">\n        {/* Recent Activity */}\n        <Paper p=\"md\" radius=\"md\" withBorder>\n          <Text size=\"sm\" fw={600} mb=\"sm\">\n            Recent Executions\n          </Text>\n          <Table highlightOnHover>\n            <Table.Thead>\n              <Table.Tr>\n                <Table.Th>Job</Table.Th>\n                <Table.Th>Status</Table.Th>\n                <Table.Th>Duration</Table.Th>\n              </Table.Tr>\n            </Table.Thead>\n            <Table.Tbody>\n              {recent.map((exec) => (\n                <Table.Tr key={exec.id}>\n                  <Table.Td>\n                    <Text size=\"xs\" fw={500} ff=\"monospace\" lineClamp={1}>\n                      {exec.jobName}\n                    </Text>\n                  </Table.Td>\n                  <Table.Td>\n                    <Text size=\"xs\" ff=\"monospace\">\n                      {exec.status}\n                    </Text>\n                  </Table.Td>\n                  <Table.Td>\n                    <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n                      {exec.startedAt &&\n                      (exec.completedAt || exec.status === \"running\")\n                        ? formatDuration(exec.startedAt, exec.completedAt)\n                        : \"\\u2014\"}\n                    </Text>\n                  </Table.Td>\n                </Table.Tr>\n              ))}\n              {recent.length === 0 && (\n                <Table.Tr>\n                  <Table.Td colSpan={3}>\n                    <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                      No recent executions\n                    </Text>\n                  </Table.Td>\n                </Table.Tr>\n              )}\n            </Table.Tbody>\n          </Table>\n        </Paper>\n\n        {/* Top Failures (7d) */}\n        <Paper p=\"md\" radius=\"md\" withBorder>\n          <Text size=\"sm\" fw={600} mb=\"sm\">\n            Top Failures (7d)\n          </Text>\n          {failures.length > 0 ? (\n            <Table>\n              <Table.Thead>\n                <Table.Tr>\n                  <Table.Th>Job</Table.Th>\n                  <Table.Th>Count</Table.Th>\n                  <Table.Th>Last Error</Table.Th>\n                </Table.Tr>\n              </Table.Thead>\n              <Table.Tbody>\n                {failures.map((f) => (\n                  <Table.Tr key={f.jobName}>\n                    <Table.Td>\n                      <Text size=\"xs\" fw={500} ff=\"monospace\" lineClamp={1}>\n                        {f.jobName}\n                      </Text>\n                    </Table.Td>\n                    <Table.Td>\n                      <Text size=\"xs\" fw={600} ff=\"monospace\">\n                        {f.failures}\n                      </Text>\n                    </Table.Td>\n                    <Table.Td>\n                      <Text\n                        size=\"xs\"\n                        c=\"dimmed\"\n                        lineClamp={1}\n                        style={{ maxWidth: 200 }}\n                      >\n                        {f.lastError ?? \"\\u2014\"}\n                      </Text>\n                    </Table.Td>\n                  </Table.Tr>\n                ))}\n              </Table.Tbody>\n            </Table>\n          ) : (\n            <Flex h={100} align=\"center\" justify=\"center\">\n              <Text size=\"sm\" c=\"dimmed\">\n                No failures in the last 7 days\n              </Text>\n            </Flex>\n          )}\n        </Paper>\n      </SimpleGrid>\n    </Flex>\n  );\n};\n\nexport default AdminJobDashboard;\n"],"mappings":"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"}

package/dist/admin/AdminLayout-I6TlUMPc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminLayout-I6TlUMPc.js","names":["Text","SidebarCollapseButton"],"sources":["../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["import {\n  ActionButton,\n  AlephaMantineProvider,\n  DashboardShell,\n  type DashboardShellProps,\n  SidebarCollapseButton,\n  Text,\n  ui,\n} from \"@alepha/ui\";\nimport { Flex, Image } from \"@mantine/core\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\n\nexport interface AdminLayoutProps {\n  adminShellProps?: DashboardShellProps;\n}\n\nconst AdminLayout = (props: AdminLayoutProps) => {\n  return (\n    <AlephaMantineProvider\n      mantine={{\n        theme: {\n          components: {\n            Button: {\n              defaultProps: {\n                fw: 400,\n              },\n            },\n          },\n        },\n      }}\n    >\n      <DashboardShell\n        layout={\"alt\"}\n        navbarHeader={(props) => (\n          <Flex gap={\"md\"} flex={1} px={\"lg\"} align={\"center\"}>\n            <ActionButton\n              href={\"/\"}\n              variant={\"default\"}\n              bd={0}\n              icon={IconArrowLeft}\n            />\n            {!props.collapsed && (\n              <>\n                <Image pt={4} src={\"/favicon.svg\"} h={36} w={36} />\n                <Flex direction={\"column\"}>\n                  <Text bold>Blog</Text>\n                  <Text small muted mt={-4}>\n                    Admin Panel\n                  </Text>\n                </Flex>\n              </>\n            )}\n          </Flex>\n        )}\n        footerHeight={48}\n        navbarFooter={\n          <Flex flex={1} px={\"lg\"} align={\"center\"}>\n            <SidebarCollapseButton\n              c={\"gray\"}\n              size={\"xs\"}\n              iconSize={ui.sizes.icon.sm}\n              p={8}\n              bd={0}\n            />\n          </Flex>\n        }\n        sidebarProps={{\n          autoPopulateMenu: {\n            startsWith: \"/admin\",\n          },\n        }}\n        {...props.adminShellProps}\n      />\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AdminLayout;\n"],"mappings":";;;;;;AAgBA,MAAM,eAAe,UAA4B;AAC/C,QACE,oBAAC;EACC,SAAS,EACP,OAAO,EACL,YAAY,EACV,QAAQ,EACN,cAAc,EACZ,IAAI,KACL,EACF,EACF,EACF,EACF;YAED,oBAAC;GACC,QAAQ;GACR,eAAe,UACb,qBAAC;IAAK,KAAK;IAAM,MAAM;IAAG,IAAI;IAAM,OAAO;eACzC,oBAAC;KACC,MAAM;KACN,SAAS;KACT,IAAI;KACJ,MAAM;MACN,EACD,CAAC,MAAM,aACN,4CACE,oBAAC;KAAM,IAAI;KAAG,KAAK;KAAgB,GAAG;KAAI,GAAG;MAAM,EACnD,qBAAC;KAAK,WAAW;gBACf,oBAACA;MAAK;gBAAK;OAAW,EACtB,oBAACA;MAAK;MAAM;MAAM,IAAI;gBAAI;OAEnB;MACF,IACN;KAEA;GAET,cAAc;GACd,cACE,oBAAC;IAAK,MAAM;IAAG,IAAI;IAAM,OAAO;cAC9B,oBAACC;KACC,GAAG;KACH,MAAM;KACN,UAAU,GAAG,MAAM,KAAK;KACxB,GAAG;KACH,IAAI;MACJ;KACG;GAET,cAAc,EACZ,kBAAkB,EAChB,YAAY,UACb,EACF;GACD,GAAI,MAAM;IACV;GACoB"}

package/dist/admin/AdminUserLayout-lXT6I0Qq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUserLayout-lXT6I0Qq.js","names":["Flex","Text"],"sources":["../../src/admin/components/shared/AdminResourceHeaderMenuItem.tsx","../../src/admin/components/shared/AdminResourceHeader.tsx","../../src/admin/components/shared/AdminResourceTabsItem.tsx","../../src/admin/components/shared/AdminResourceTabs.tsx","../../src/admin/components/users/AdminUserLayout.tsx"],"sourcesContent":["import { Menu } from \"@mantine/core\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { AdminResourceAction } from \"./AdminResourceHeader.tsx\";\n\nexport interface AdminResourceHeaderMenuItemProps {\n  /**\n   * Action configuration\n   */\n  action: AdminResourceAction;\n}\n\nconst AdminResourceHeaderMenuItem = (\n  props: AdminResourceHeaderMenuItemProps,\n) => {\n  const { action } = props;\n  const router = useRouter();\n\n  const menuItemProps: Record<string, unknown> = {};\n  if (action.href) {\n    Object.assign(menuItemProps, router.anchor(action.href));\n  } else if (action.onClick) {\n    menuItemProps.onClick = action.onClick;\n  }\n\n  return (\n    <Menu.Item\n      leftSection={action.icon ? <action.icon size={16} /> : undefined}\n      color={action.color}\n      disabled={action.disabled}\n      {...menuItemProps}\n    >\n      {action.label}\n    </Menu.Item>\n  );\n};\n\nexport default AdminResourceHeaderMenuItem;\n","import { ActionButton } from \"@alepha/ui\";\nimport {\n  ActionIcon,\n  Avatar,\n  Badge,\n  Button,\n  Flex,\n  Menu,\n  Text,\n  Tooltip,\n} from \"@mantine/core\";\nimport {\n  IconChevronDown,\n  IconChevronLeft,\n  IconExternalLink,\n} from \"@tabler/icons-react\";\nimport type { ComponentType, ReactNode } from \"react\";\nimport AdminResourceHeaderMenuItem from \"./AdminResourceHeaderMenuItem.tsx\";\n\nexport interface AdminResourceAction {\n  label: string;\n  icon?: ComponentType<{ size?: number }>;\n  onClick?: () => void;\n  href?: string;\n  color?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  variant?: \"filled\" | \"light\" | \"outline\" | \"subtle\";\n}\n\nexport interface AdminResourceHeaderProps {\n  /**\n   * Back navigation URL\n   */\n  backHref?: string;\n\n  /**\n   * Back navigation label\n   */\n  backLabel?: string;\n\n  /**\n   * Avatar content (letter, image URL, or custom node)\n   */\n  avatar?: string | ReactNode;\n\n  /**\n   * Avatar color\n   */\n  avatarColor?: string;\n\n  /**\n   * Resource title (e.g., user name)\n   */\n  title: string;\n\n  /**\n   * Secondary text (e.g., email)\n   */\n  subtitle?: string;\n\n  /**\n   * Tertiary identifier to copy (e.g., user ID)\n   */\n  identifier?: string;\n\n  /**\n   * Label for the identifier tooltip\n   */\n  identifierLabel?: string;\n\n  /**\n   * Status badge\n   */\n  status?: {\n    label: string;\n    color: \"green\" | \"red\" | \"yellow\" | \"blue\" | \"gray\";\n  };\n\n  /**\n   * Additional badges (e.g., roles)\n   */\n  badges?: Array<{\n    label: string;\n    color?: string;\n    variant?: \"filled\" | \"light\" | \"outline\" | \"dot\";\n  }>;\n\n  /**\n   * Primary action button\n   */\n  primaryAction?: AdminResourceAction;\n\n  /**\n   * Menu actions (shown in dropdown)\n   */\n  menuActions?: AdminResourceAction[];\n\n  /**\n   * External link URL\n   */\n  externalUrl?: string;\n\n  /**\n   * Loading state\n   */\n  loading?: boolean;\n}\n\nconst AdminResourceHeader = (props: AdminResourceHeaderProps) => {\n  const {\n    backHref,\n    backLabel = \"Back\",\n    avatar,\n    avatarColor = \"blue\",\n    title,\n    subtitle,\n    identifier,\n    identifierLabel = \"ID\",\n    status,\n    badges = [],\n    primaryAction,\n    menuActions = [],\n    externalUrl,\n  } = props;\n\n  const renderAvatar = () => {\n    if (typeof avatar === \"string\") {\n      if (avatar.startsWith(\"http\") || avatar.startsWith(\"/\")) {\n        return (\n          <Avatar src={avatar} size={56} radius=\"md\" color={avatarColor} />\n        );\n      }\n      return (\n        <Avatar size={56} radius=\"md\" color={avatarColor}>\n          {avatar}\n        </Avatar>\n      );\n    }\n    if (avatar) {\n      return avatar;\n    }\n    return (\n      <Avatar size={56} radius=\"md\" color={avatarColor}>\n        {title.charAt(0).toUpperCase()}\n      </Avatar>\n    );\n  };\n\n  return (\n    <Flex direction=\"column\" gap=\"xs\">\n      {/* Breadcrumb / Back navigation */}\n      {backHref && (\n        <Flex>\n          <ActionButton\n            variant=\"subtle\"\n            size=\"xs\"\n            href={backHref}\n            leftSection={<IconChevronLeft size={14} />}\n            c=\"dimmed\"\n          >\n            {backLabel}\n          </ActionButton>\n        </Flex>\n      )}\n\n      {/* Main header */}\n      <Flex justify=\"space-between\" align=\"flex-start\" wrap=\"nowrap\">\n        {/* Left: Avatar + Info */}\n        <Flex gap=\"md\" wrap=\"nowrap\">\n          {renderAvatar()}\n\n          <Flex\n            direction=\"column\"\n            gap={2}\n            justify=\"center\"\n            style={{ minHeight: 56 }}\n          >\n            {/* Title row */}\n            <Flex gap=\"xs\" align=\"center\">\n              <Text size=\"md\" fw={600} lh={1.2}>\n                {title}\n              </Text>\n              {status && (\n                <Badge\n                  size=\"xs\"\n                  variant=\"light\"\n                  color={status.color}\n                  tt=\"lowercase\"\n                >\n                  {status.label}\n                </Badge>\n              )}\n            </Flex>\n\n            {/* Subtitle */}\n            {subtitle && (\n              <Text size=\"xs\" c=\"dimmed\">\n                {subtitle}\n              </Text>\n            )}\n          </Flex>\n        </Flex>\n\n        {/* Right: Actions */}\n        <Flex gap=\"xs\">\n          {externalUrl && (\n            <Tooltip label=\"Open in new tab\" openDelay={500}>\n              <ActionIcon\n                variant=\"subtle\"\n                color=\"gray\"\n                component=\"a\"\n                href={externalUrl}\n                target=\"_blank\"\n              >\n                <IconExternalLink size={18} />\n              </ActionIcon>\n            </Tooltip>\n          )}\n\n          {primaryAction && (\n            <ActionButton\n              variant={primaryAction.variant ?? \"light\"}\n              color={primaryAction.color}\n              onClick={primaryAction.onClick}\n              href={primaryAction.href}\n              loading={primaryAction.loading}\n              disabled={primaryAction.disabled}\n              leftSection={\n                primaryAction.icon ? (\n                  <primaryAction.icon size={16} />\n                ) : undefined\n              }\n            >\n              {primaryAction.label}\n            </ActionButton>\n          )}\n\n          {menuActions.length > 0 && (\n            <Menu position=\"bottom-end\" shadow=\"md\" width={220}>\n              <Menu.Target>\n                <Button\n                  variant=\"default\"\n                  rightSection={<IconChevronDown size={16} />}\n                >\n                  Actions\n                </Button>\n              </Menu.Target>\n              <Menu.Dropdown>\n                {menuActions.map((action, index) => (\n                  <AdminResourceHeaderMenuItem key={index} action={action} />\n                ))}\n              </Menu.Dropdown>\n            </Menu>\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default AdminResourceHeader;\n","import { Tabs } from \"@mantine/core\";\nimport { useActive, useRouter } from \"alepha/react/router\";\nimport type { AdminResourceTab } from \"./AdminResourceTabs.tsx\";\n\nexport interface AdminResourceTabsItemProps {\n  /**\n   * Tab configuration\n   */\n  tab: AdminResourceTab;\n}\n\nconst AdminResourceTabsItem = (props: AdminResourceTabsItemProps) => {\n  const { tab } = props;\n  const router = useRouter();\n  const { isActive, isPending } = useActive({ href: tab.href });\n  const anchorProps = router.anchor(tab.href);\n\n  return (\n    <Tabs.Tab\n      value={tab.value}\n      component=\"a\"\n      leftSection={tab.icon ? <tab.icon size={16} /> : undefined}\n      disabled={tab.disabled}\n      data-active={isActive || undefined}\n      style={{\n        opacity: isPending ? 0.6 : 1,\n      }}\n      {...anchorProps}\n    >\n      {tab.label}\n      {tab.count !== undefined && tab.count > 0 && ` (${tab.count})`}\n    </Tabs.Tab>\n  );\n};\n\nexport default AdminResourceTabsItem;\n","import { Tabs } from \"@mantine/core\";\nimport type { ComponentType, ReactNode } from \"react\";\nimport AdminResourceTabsItem from \"./AdminResourceTabsItem.tsx\";\n\nexport interface AdminResourceTab {\n  /**\n   * Tab key/value\n   */\n  value: string;\n\n  /**\n   * Tab label\n   */\n  label: string;\n\n  /**\n   * Tab icon\n   */\n  icon?: ComponentType<{ size?: number }>;\n\n  /**\n   * Navigation href\n   */\n  href: string;\n\n  /**\n   * Whether tab is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Badge count to show\n   */\n  count?: number;\n}\n\nexport interface AdminResourceTabsProps {\n  /**\n   * Array of tab configurations\n   */\n  tabs: AdminResourceTab[];\n\n  /**\n   * Currently active tab value\n   */\n  activeTab?: string;\n\n  /**\n   * Content to render below tabs\n   */\n  children?: ReactNode;\n}\n\nconst AdminResourceTabs = (props: AdminResourceTabsProps) => {\n  const { tabs, activeTab, children } = props;\n\n  return (\n    <Tabs value={activeTab} variant=\"default\">\n      <Tabs.List>\n        {tabs.map((tab) => (\n          <AdminResourceTabsItem key={tab.value} tab={tab} />\n        ))}\n      </Tabs.List>\n\n      {children}\n    </Tabs>\n  );\n};\n\nexport default AdminResourceTabs;\n","import { Flex, Text, useDialog, useToast } from \"@alepha/ui\";\nimport { Loader } from \"@mantine/core\";\nimport { IconBan, IconShieldCheck, IconTrash } from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type { AdminUserController, UserEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { NestedView, useRouter, useRouterState } from \"alepha/react/router\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\nimport AdminResourceHeader from \"../shared/AdminResourceHeader.tsx\";\nimport AdminResourceTabs from \"../shared/AdminResourceTabs.tsx\";\n\nexport interface AdminUserLayoutProps {\n  userRealmName?: string;\n}\n\ninterface UserContextValue {\n  user: UserEntity;\n  reload: () => void;\n}\n\nconst UserContext = createContext<UserContextValue | null>(null);\n\nexport const useUser = () => {\n  const ctx = useContext(UserContext);\n  if (!ctx) throw new Error(\"useUser must be used within AdminUserLayout\");\n  return ctx;\n};\n\nconst updateUserSchema = t.object({\n  email: t.optional(t.email()),\n  phoneNumber: t.optional(t.e164()),\n  firstName: t.optional(t.string()),\n  lastName: t.optional(t.string()),\n  roles: t.optional(t.array(t.string())),\n  enabled: t.optional(t.boolean()),\n});\n\nconst displayName = (u: UserEntity) =>\n  u.firstName || u.lastName\n    ? `${u.firstName ?? \"\"} ${u.lastName ?? \"\"}`.trim()\n    : u.username || u.email || \"User\";\n\nconst AdminUserLayout = (props: AdminUserLayoutProps) => {\n  const router = useRouter<AdminRouter>();\n  const state = useRouterState();\n  const client = useClient<AdminUserController>();\n  const dialog = useDialog();\n  const toast = useToast();\n  const userId = state.params.userId as string;\n\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [loading, setLoading] = useState(true);\n\n  const realmQuery = { userRealmName: props.userRealmName };\n\n  const loadUser = useCallback(async () => {\n    setLoading(true);\n    try {\n      const data = await client.getUser({\n        params: { id: userId },\n        query: realmQuery,\n      });\n      setUser(data);\n    } finally {\n      setLoading(false);\n    }\n  }, [userId, client]);\n\n  useEffect(() => {\n    loadUser();\n  }, [loadUser]);\n\n  const handleToggleEnabled = async () => {\n    if (!user) return;\n    const action = user.enabled ? \"disable\" : \"enable\";\n    const confirmed = await dialog.confirm({\n      title: `${user.enabled ? \"Disable\" : \"Enable\"} User`,\n      message: `Are you sure you want to ${action} ${displayName(user)}?`,\n    });\n    if (confirmed) {\n      const updated = await client.updateUser({\n        params: { id: user.id },\n        query: realmQuery,\n        body: { enabled: !user.enabled },\n      });\n      setUser(updated);\n      toast.success({ title: `User ${action}d` });\n    }\n  };\n\n  const handleDelete = async () => {\n    if (!user) return;\n    const confirmed = await dialog.confirm({\n      title: \"Delete User\",\n      message: `Are you sure you want to delete ${displayName(user)}? This cannot be undone.`,\n      confirmColor: \"red\",\n      confirmLabel: \"Delete\",\n    });\n    if (confirmed) {\n      await client.deleteUser({\n        params: { id: user.id },\n        query: realmQuery,\n      });\n      toast.success({ title: \"User deleted\" });\n      router.push(\"adminUsers\");\n    }\n  };\n\n  if (loading) {\n    return (\n      <Flex flex={1} justify=\"center\" align=\"center\">\n        <Loader />\n      </Flex>\n    );\n  }\n\n  if (!user) {\n    return (\n      <Flex flex={1} justify=\"center\" align=\"center\">\n        <Text c=\"dimmed\">User not found</Text>\n      </Flex>\n    );\n  }\n\n  return (\n    <UserContext.Provider value={{ user, reload: loadUser }}>\n      <Flex flex={1} direction=\"column\" gap=\"lg\" p=\"md\">\n        <AdminResourceHeader\n          backHref={router.path(\"adminUsers\")}\n          backLabel=\"Users\"\n          title={displayName(user)}\n          subtitle={user.email || user.username}\n          status={{\n            label: user.enabled ? \"Active\" : \"Disabled\",\n            color: user.enabled ? \"green\" : \"gray\",\n          }}\n          menuActions={[\n            {\n              label: user.enabled ? \"Disable\" : \"Enable\",\n              icon: user.enabled ? IconBan : IconShieldCheck,\n              onClick: handleToggleEnabled,\n            },\n            {\n              label: \"Delete\",\n              icon: IconTrash,\n              color: \"red\",\n              onClick: handleDelete,\n            },\n          ]}\n        />\n\n        <AdminResourceTabs\n          tabs={[\n            {\n              value: \"profile\",\n              label: \"Profile\",\n              href: router.path(\"adminUserProfile\", {\n                params: { userId },\n              }),\n            },\n            {\n              value: \"sessions\",\n              label: \"Sessions\",\n              href: router.path(\"adminUserSessions\", {\n                params: { userId },\n              }),\n            },\n          ]}\n        />\n\n        <NestedView />\n      </Flex>\n    </UserContext.Provider>\n  );\n};\n\nexport default AdminUserLayout;\n"],"mappings":"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"}

package/dist/admin/AdminUserProfile-vFBLoJ3h.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUserProfile-vFBLoJ3h.js","names":["Flex"],"sources":["../../src/admin/components/users/AdminUserProfile.tsx"],"sourcesContent":["import { DetailList, Flex } from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useUser } from \"./AdminUserLayout.tsx\";\n\nconst AdminUserProfile = () => {\n  const { user } = useUser();\n  const { l } = useI18n();\n\n  return (\n    <DetailList\n      items={[\n        { label: \"ID\", value: user.id, copyable: user.id },\n        { label: \"Username\", value: user.username },\n        { label: \"Email\", value: user.email },\n        {\n          label: \"Email Verified\",\n          value: user.emailVerified ? \"Yes\" : \"No\",\n        },\n        { label: \"Phone\", value: user.phoneNumber },\n        { label: \"First Name\", value: user.firstName },\n        { label: \"Last Name\", value: user.lastName },\n        { label: \"Realm\", value: user.realm },\n        {\n          label: \"Roles\",\n          value:\n            user.roles.length > 0 ? (\n              <Flex gap={4}>\n                {user.roles.map((role) => (\n                  <Badge key={role} size=\"xs\" variant=\"default\">\n                    {role}\n                  </Badge>\n                ))}\n              </Flex>\n            ) : null,\n        },\n        {\n          label: \"Created\",\n          value: String(l(user.createdAt, { date: \"lll\" })),\n        },\n        {\n          label: \"Updated\",\n          value: String(l(user.updatedAt, { date: \"lll\" })),\n        },\n      ]}\n    />\n  );\n};\n\nexport default AdminUserProfile;\n"],"mappings":";;;;;;;AAKA,MAAM,yBAAyB;CAC7B,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,EAAE,MAAM,SAAS;AAEvB,QACE,oBAAC,cACC,OAAO;EACL;GAAE,OAAO;GAAM,OAAO,KAAK;GAAI,UAAU,KAAK;GAAI;EAClD;GAAE,OAAO;GAAY,OAAO,KAAK;GAAU;EAC3C;GAAE,OAAO;GAAS,OAAO,KAAK;GAAO;EACrC;GACE,OAAO;GACP,OAAO,KAAK,gBAAgB,QAAQ;GACrC;EACD;GAAE,OAAO;GAAS,OAAO,KAAK;GAAa;EAC3C;GAAE,OAAO;GAAc,OAAO,KAAK;GAAW;EAC9C;GAAE,OAAO;GAAa,OAAO,KAAK;GAAU;EAC5C;GAAE,OAAO;GAAS,OAAO,KAAK;GAAO;EACrC;GACE,OAAO;GACP,OACE,KAAK,MAAM,SAAS,IAClB,oBAACA;IAAK,KAAK;cACR,KAAK,MAAM,KAAK,SACf,oBAAC;KAAiB,MAAK;KAAK,SAAQ;eACjC;OADS,KAEJ,CACR;KACG,GACL;GACP;EACD;GACE,OAAO;GACP,OAAO,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC,CAAC;GAClD;EACD;GACE,OAAO;GACP,OAAO,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC,CAAC;GAClD;EACF,GACD"}

package/dist/admin/AdminUsers-D1UfGya9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUsers-D1UfGya9.js","names":["Flex","Text"],"sources":["../../src/admin/components/users/AdminUsers.tsx"],"sourcesContent":["import {\n  ActionButton,\n  DataTable,\n  Flex,\n  Text,\n  useDialog,\n  useToast,\n} from \"@alepha/ui\";\nimport { Avatar, Badge } from \"@mantine/core\";\nimport {\n  IconEye,\n  IconTrash,\n  IconUserOff,\n  IconUserPlus,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminUserController, UserEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.tsx\";\n\nexport interface AdminUsersProps {\n  userRealmName?: string;\n}\n\nconst filters = t.object({\n  query: t.optional(t.text()),\n  enabled: t.optional(t.boolean()),\n  emailVerified: t.optional(t.boolean()),\n});\n\nconst AdminUsers = (props: AdminUsersProps) => {\n  const client = useClient<AdminUserController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n  const dialog = useDialog();\n  const toast = useToast();\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const refresh = () => setRefreshKey((k) => k + 1);\n\n  const handleToggleEnabled = async (user: UserEntity) => {\n    const enabled = !user.enabled;\n    const confirmed = await dialog.confirm({\n      title: enabled ? \"Enable user\" : \"Disable user\",\n      message: enabled\n        ? `Enable ${user.email || user.username || \"this user\"}?`\n        : `Disable ${user.email || user.username || \"this user\"}? They will no longer be able to sign in.`,\n    });\n    if (!confirmed) return;\n    await client.updateUser({\n      params: { id: user.id },\n      query: { userRealmName: props.userRealmName },\n      body: { enabled },\n    });\n    toast.success({\n      message: enabled ? \"User enabled\" : \"User disabled\",\n    });\n    refresh();\n  };\n\n  const handleDelete = async (user: UserEntity) => {\n    const confirmed = await dialog.confirm({\n      title: \"Delete user\",\n      message: `Permanently delete ${user.email || user.username || \"this user\"}? This action cannot be undone.`,\n    });\n    if (!confirmed) return;\n    await client.deleteUser({\n      params: { id: user.id },\n      query: { userRealmName: props.userRealmName },\n    });\n    toast.success({ message: \"User deleted\" });\n    refresh();\n  };\n\n  const handleBulkDisable = async (\n    items: UserEntity[],\n    clearSelection: () => void,\n  ) => {\n    const enabledUsers = items.filter((u) => u.enabled);\n    if (enabledUsers.length === 0) {\n      toast.danger({ message: \"No active users in selection\" });\n      return;\n    }\n    const confirmed = await dialog.confirm({\n      title: \"Disable users\",\n      message: `Disable ${enabledUsers.length} user(s)? They will no longer be able to sign in.`,\n    });\n    if (!confirmed) return;\n    for (const user of enabledUsers) {\n      await client.updateUser({\n        params: { id: user.id },\n        query: { userRealmName: props.userRealmName },\n        body: { enabled: false },\n      });\n    }\n    toast.success({\n      message: `${enabledUsers.length} user(s) disabled`,\n    });\n    clearSelection();\n    refresh();\n  };\n\n  return (\n    <Flex p={\"md\"} flex={1} direction=\"column\">\n      <DataTable<UserEntity, typeof filters>\n        withCheckbox\n        withExport\n        checkboxActions={[\n          {\n            intent: \"danger\",\n            label: \"Disable selected\",\n            icon: <IconUserOff />,\n            onClick: (ctx) =>\n              handleBulkDisable(ctx.selectedItems, ctx.clearSelection),\n          },\n        ]}\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        defaultFilters={[\"query\"]}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(_key, _value, form) => form.submit()}\n        filters={filters}\n        items={async (filters) => {\n          const response = await client.findUsers({\n            query: {\n              ...filters,\n              userRealmName: props.userRealmName,\n            },\n          });\n          return response as Page<UserEntity>;\n        }}\n        columns={{\n          user: {\n            label: \"User\",\n            value: (item) => {\n              const name =\n                `${item.firstName || \"\"} ${item.lastName || \"\"}`.trim() ||\n                item.username ||\n                \"Anonymous\";\n\n              return (\n                <ActionButton\n                  variant={\"transparent\"}\n                  href={`/admin/users/${item.id}`}\n                >\n                  <Flex gap={\"xs\"} centerY>\n                    <Avatar size={\"sm\"} name={name} />\n                    <Flex col>\n                      <Text size={\"sm\"} bold>\n                        {name}\n                      </Text>\n                      <Text size=\"xs\" muted>\n                        {item.email || \"\\u2014\"}\n                      </Text>\n                    </Flex>\n                  </Flex>\n                </ActionButton>\n              );\n            },\n          },\n          username: {\n            label: \"Username\",\n            defaultHidden: true,\n            value: (item) => (\n              <Text size=\"sm\" ff=\"monospace\">\n                {item.username || \"\\u2014\"}\n              </Text>\n            ),\n          },\n          roles: {\n            label: \"Roles\",\n            value: (item) =>\n              item.roles.length > 0 ? (\n                <Flex gap={4}>\n                  {item.roles.map((role: string) => (\n                    <Badge key={role} size=\"xs\" variant=\"default\">\n                      {role}\n                    </Badge>\n                  ))}\n                </Flex>\n              ) : (\n                <Text size=\"xs\" muted>\n                  No roles\n                </Text>\n              ),\n          },\n          enabled: {\n            label: \"Status\",\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={item.enabled ? \"green\" : \"red\"}\n              >\n                {item.enabled ? \"Active\" : \"Disabled\"}\n              </Badge>\n            ),\n          },\n          emailVerified: {\n            label: \"Email\",\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={item.emailVerified ? \"green\" : \"gray\"}\n              >\n                {item.emailVerified ? \"Verified\" : \"Unverified\"}\n              </Badge>\n            ),\n          },\n          createdAt: {\n            label: \"Joined\",\n            sortable: true,\n            sortKey: \"createdAt\",\n            value: (item) => (\n              <Text size=\"xs\" muted>\n                {l(item.createdAt, { date: \"fromNow\" })}\n              </Text>\n            ),\n          },\n        }}\n        rowActions={(item) => [\n          {\n            label: \"View profile\",\n            icon: IconEye,\n            onClick: () =>\n              router.push(\"adminUserProfile\", {\n                params: { userId: item.id },\n              }),\n          },\n          {\n            label: item.enabled ? \"Disable user\" : \"Enable user\",\n            icon: item.enabled ? IconUserOff : IconUserPlus,\n            color: item.enabled ? \"red\" : \"green\",\n            onClick: () => handleToggleEnabled(item),\n          },\n          {\n            label: \"Delete user\",\n            icon: IconTrash,\n            color: \"red\",\n            onClick: () => handleDelete(item),\n          },\n        ]}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminUsers;\n"],"mappings":"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"}