@alepha/ui 0.14.1 → 0.14.2

package/src/json/components/JsonViewer.tsx

@@ -0,0 +1,526 @@
+import {
+  ActionIcon,
+  Group,
+  getTreeExpandedState,
+  type MantineSize,
+  Text,
+  Tree,
+  useTree,
+} from "@mantine/core";
+import {
+  IconCheck,
+  IconChevronDown,
+  IconChevronRight,
+  IconCopy,
+} from "@tabler/icons-react";
+import {
+  type CSSProperties,
+  type ReactNode,
+  useCallback,
+  useMemo,
+  useState,
+} from "react";
+
+// =============================================================================
+// TYPES
+// =============================================================================
+
+interface JsonViewerProps {
+  data: any;
+  /**
+   * Depth level to expand by default (0 = collapsed, Infinity = all expanded)
+   */
+  defaultExpandedDepth?: number;
+  /**
+   * Maximum nesting depth to render
+   */
+  maxDepth?: number;
+  /**
+   * Size variant
+   */
+  size?: MantineSize;
+  /**
+   * Whether to show quotes around keys and strings
+   */
+  showQuotes?: boolean;
+  /**
+   * Show copy button on row hover
+   */
+  showCopyButton?: boolean;
+  /**
+   * Custom value formatter. Return formatted string or undefined to use default.
+   */
+  formatValue?: (
+    key: string | undefined,
+    value: any,
+    path: string[],
+  ) => string | number | undefined;
+}
+
+interface JsonTreeNode {
+  value: string;
+  label: string;
+  children?: JsonTreeNode[];
+  // Custom properties
+  nodeValue: any;
+  nodeKey: string | undefined;
+  path: string[];
+  isArrayItem: boolean;
+  isRoot?: boolean;
+}
+
+// =============================================================================
+// CONSTANTS
+// =============================================================================
+
+const SIZE_CONFIG: Record<MantineSize, { icon: number; levelOffset: number }> =
+  {
+    xs: { icon: 14, levelOffset: 16 },
+    sm: { icon: 16, levelOffset: 20 },
+    md: { icon: 18, levelOffset: 24 },
+    lg: { icon: 20, levelOffset: 28 },
+    xl: { icon: 22, levelOffset: 32 },
+  };
+
+const STYLES = {
+  root: {
+    fontFamily: "var(--mantine-font-family-monospace)",
+  } satisfies CSSProperties,
+  chevron: {
+    flexShrink: 0,
+    color: "var(--mantine-color-dimmed)",
+  } satisfies CSSProperties,
+  key: {
+    color: "var(--mantine-color-cyan-text)",
+    fontWeight: 500,
+  } satisfies CSSProperties,
+  colon: {
+    color: "var(--mantine-color-dimmed)",
+  } satisfies CSSProperties,
+  string: {
+    color: "var(--mantine-color-teal-text)",
+  } satisfies CSSProperties,
+  number: {
+    color: "var(--mantine-color-blue-text)",
+  } satisfies CSSProperties,
+  boolean: {
+    color: "var(--mantine-color-violet-text)",
+  } satisfies CSSProperties,
+  null: {
+    color: "var(--mantine-color-dimmed)",
+    fontStyle: "italic",
+  } satisfies CSSProperties,
+  preview: {
+    color: "var(--mantine-color-dimmed)",
+  } satisfies CSSProperties,
+};
+
+// =============================================================================
+// HELPERS
+// =============================================================================
+
+const getValueType = (val: any): string => {
+  if (val === null) return "null";
+  if (val === undefined) return "undefined";
+  if (Array.isArray(val)) return "array";
+  return typeof val;
+};
+
+// Convert JSON to tree data structure
+function buildTreeNodes(
+  data: any,
+  path: string[] = [],
+  key?: string,
+  isArrayItem = false,
+  maxDepth = 10,
+): JsonTreeNode | null {
+  const currentPath = key !== undefined ? [...path, key] : path;
+  const nodeId = currentPath.length > 0 ? currentPath.join(".") : "root";
+
+  if (currentPath.length > maxDepth) {
+    return {
+      value: nodeId,
+      label: key ?? "",
+      nodeValue: data,
+      nodeKey: key,
+      path: currentPath,
+      isArrayItem,
+    };
+  }
+
+  const type = getValueType(data);
+
+  if (type === "object" || type === "array") {
+    const entries =
+      type === "array"
+        ? (data as any[]).map((v, i) => [String(i), v] as const)
+        : Object.entries(data);
+
+    const children = entries
+      .map(([k, v]) =>
+        buildTreeNodes(v, currentPath, k, type === "array", maxDepth),
+      )
+      .filter((n): n is JsonTreeNode => n !== null);
+
+    return {
+      value: nodeId,
+      label: key ?? "",
+      nodeValue: data,
+      nodeKey: key,
+      path: currentPath,
+      isArrayItem,
+      children: children.length > 0 ? children : undefined,
+    };
+  }
+
+  return {
+    value: nodeId,
+    label: key ?? "",
+    nodeValue: data,
+    nodeKey: key,
+    path: currentPath,
+    isArrayItem,
+  };
+}
+
+// Get all expandable node IDs up to a certain depth
+function getExpandedIds(
+  nodes: JsonTreeNode[],
+  targetDepth: number,
+  currentDepth = 0,
+): string[] {
+  if (currentDepth >= targetDepth) return [];
+  const ids: string[] = [];
+  for (const node of nodes) {
+    if (node.children) {
+      ids.push(node.value);
+      ids.push(...getExpandedIds(node.children, targetDepth, currentDepth + 1));
+    }
+  }
+  return ids;
+}
+
+// =============================================================================
+// COPY BUTTON COMPONENT
+// =============================================================================
+
+const CopyButton = ({
+  value,
+  iconSize,
+}: {
+  value: string;
+  iconSize: number;
+}) => {
+  const [copied, setCopied] = useState(false);
+
+  const handleCopy = useCallback(
+    (e: React.MouseEvent) => {
+      e.stopPropagation();
+      navigator.clipboard.writeText(value);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    },
+    [value],
+  );
+
+  return (
+    <ActionIcon
+      size={iconSize + 4}
+      variant="transparent"
+      c={copied ? "green" : "dimmed"}
+      onClick={handleCopy}
+      className="alepha-json-viewer-copy"
+    >
+      {copied ? <IconCheck size={iconSize} /> : <IconCopy size={iconSize} />}
+    </ActionIcon>
+  );
+};
+
+// =============================================================================
+// ROW NODE COMPONENT
+// =============================================================================
+
+interface RowNodeProps {
+  node: JsonTreeNode;
+  expanded: boolean;
+  hasChildren: boolean;
+  elementProps: any;
+  size: MantineSize;
+  config: { icon: number; levelOffset: number };
+  showQuotes: boolean;
+  showCopyButton: boolean;
+  renderValue: (val: any, key: string | undefined, path: string[]) => ReactNode;
+}
+
+const RowNode = ({
+  node,
+  expanded,
+  hasChildren,
+  elementProps,
+  size,
+  config,
+  showQuotes,
+  showCopyButton,
+  renderValue,
+}: RowNodeProps) => {
+  const { nodeValue, nodeKey, path, isArrayItem, isRoot } = node;
+  const type = getValueType(nodeValue);
+  const isExpandable = type === "object" || type === "array";
+
+  const getPreview = () => {
+    if (!isExpandable) return null;
+    const entries = type === "array" ? nodeValue : Object.keys(nodeValue);
+    const count = entries.length;
+    const label = type === "array" ? "item" : "key";
+
+    // For root node or collapsed nodes, show the count
+    if (!expanded) {
+      return (
+        <Text fs={"italic"} component="span" size={size} style={STYLES.preview}>
+          {count === 0
+            ? type === "array"
+              ? "[]"
+              : "{}"
+            : type === "array"
+              ? `[ ${count} ${count === 1 ? label : `${label}s`} ]`
+              : `{ ${count} ${count === 1 ? label : `${label}s`} }`}
+        </Text>
+      );
+    }
+
+    return null;
+  };
+
+  const getCopyValue = () =>
+    isExpandable ? JSON.stringify(nodeValue, null, 2) : String(nodeValue ?? "");
+
+  return (
+    <Group
+      gap={6}
+      wrap="nowrap"
+      {...elementProps}
+      className={`alepha-json-viewer-row ${elementProps.className || ""}`}
+    >
+      {hasChildren ? (
+        expanded ? (
+          <IconChevronDown size={config.icon} style={STYLES.chevron} />
+        ) : (
+          <IconChevronRight size={config.icon} style={STYLES.chevron} />
+        )
+      ) : (
+        <span style={{ width: config.icon, flexShrink: 0 }} />
+      )}
+
+      {nodeKey !== undefined && !isArrayItem && (
+        <Text component="span" size={size}>
+          <span style={STYLES.key}>
+            {showQuotes ? `"${nodeKey}"` : nodeKey}
+          </span>
+          <span style={STYLES.colon}>:</span>
+        </Text>
+      )}
+
+      {nodeKey !== undefined && isArrayItem && (
+        <Text component="span" size={size}>
+          <span style={STYLES.key}>{nodeKey}</span>
+          <span style={STYLES.colon}>:</span>
+        </Text>
+      )}
+
+      {hasChildren ? (
+        getPreview()
+      ) : isExpandable ? (
+        type === "array" ? (
+          <Text component="span" size={size} style={STYLES.preview}>
+            []
+          </Text>
+        ) : (
+          <Text component="span" size={size} style={STYLES.preview}>
+            {"{}"}
+          </Text>
+        )
+      ) : (
+        renderValue(nodeValue, nodeKey, path)
+      )}
+
+      {showCopyButton && (
+        <CopyButton value={getCopyValue()} iconSize={config.icon} />
+      )}
+    </Group>
+  );
+};
+
+// =============================================================================
+// MAIN COMPONENT
+// =============================================================================
+
+export const JsonViewer = ({
+  data,
+  defaultExpandedDepth = 2,
+  maxDepth = 10,
+  size = "sm",
+  showQuotes = false,
+  showCopyButton = true,
+  formatValue,
+}: JsonViewerProps) => {
+  const config = SIZE_CONFIG[size] || SIZE_CONFIG.sm;
+
+  // Build tree data from JSON with root wrapper
+  const treeData = useMemo(() => {
+    const type = getValueType(data);
+
+    // For objects and arrays, create a root node wrapper
+    if (type === "object" || type === "array") {
+      const entries =
+        type === "array"
+          ? (data as any[]).map((v, i) => [String(i), v] as const)
+          : Object.entries(data);
+      const children = entries
+        .map(([k, v]) => buildTreeNodes(v, [], k, type === "array", maxDepth))
+        .filter((n): n is JsonTreeNode => n !== null);
+
+      const rootNode: JsonTreeNode = {
+        value: "root",
+        label: "",
+        nodeValue: data,
+        nodeKey: undefined,
+        path: [],
+        isArrayItem: false,
+        isRoot: true,
+        children: children.length > 0 ? children : undefined,
+      };
+      return [rootNode];
+    }
+
+    // For primitives, just show the value directly
+    const node = buildTreeNodes(data, [], undefined, false, maxDepth);
+    return node ? [node] : [];
+  }, [data, maxDepth]);
+
+  // Compute initial expanded state (root is always expanded by default unless depth is 0)
+  const initialExpandedState = useMemo(() => {
+    if (defaultExpandedDepth === 0) return {};
+    if (defaultExpandedDepth === Infinity) {
+      return getTreeExpandedState(treeData, "*");
+    }
+    // Add 1 to depth to account for root node
+    const ids = getExpandedIds(treeData, defaultExpandedDepth + 1);
+    return getTreeExpandedState(treeData, ids);
+  }, [treeData, defaultExpandedDepth]);
+
+  const tree = useTree({ initialExpandedState });
+
+  // Render value based on type
+  const renderValue = useCallback(
+    (val: any, key: string | undefined, path: string[]): ReactNode => {
+      const custom = formatValue?.(key, val, path);
+      if (custom !== undefined) {
+        return (
+          <Text
+            component="span"
+            size={size}
+            style={STYLES.string}
+            className="alepha-json-viewer-value"
+            title={String(val)}
+          >
+            {custom}
+          </Text>
+        );
+      }
+
+      const type = getValueType(val);
+      switch (type) {
+        case "string": {
+          return (
+            <Text
+              style={STYLES.string}
+              component="span"
+              size={size}
+              className="alepha-json-viewer-value"
+              title={val}
+            >
+              "{val}"
+            </Text>
+          );
+        }
+        case "number":
+          return (
+            <Text component="span" size={size} style={STYLES.number}>
+              {val}
+            </Text>
+          );
+        case "boolean":
+          return (
+            <Text component="span" size={size} style={STYLES.boolean}>
+              {String(val)}
+            </Text>
+          );
+        case "null":
+        case "undefined":
+          return (
+            <Text component="span" size={size} style={STYLES.null}>
+              {type}
+            </Text>
+          );
+        default:
+          return (
+            <Text component="span" size={size}>
+              {String(val)}
+            </Text>
+          );
+      }
+    },
+    [formatValue, showQuotes, size],
+  );
+
+  // Render tree node
+  const renderNode = useCallback(
+    ({
+      node,
+      expanded,
+      hasChildren,
+      elementProps,
+    }: {
+      node: JsonTreeNode;
+      expanded: boolean;
+      hasChildren: boolean;
+      elementProps: any;
+    }): ReactNode => {
+      return (
+        <RowNode
+          node={node}
+          expanded={expanded}
+          hasChildren={hasChildren}
+          elementProps={elementProps}
+          size={size}
+          config={config}
+          showQuotes={showQuotes}
+          showCopyButton={showCopyButton}
+          renderValue={renderValue}
+        />
+      );
+    },
+    [config, renderValue, showCopyButton, showQuotes, size],
+  );
+
+  if (treeData.length === 0) {
+    return (
+      <Text size={size} style={STYLES.null}>
+        {data === null ? "null" : data === undefined ? "undefined" : "{}"}
+      </Text>
+    );
+  }
+
+  return (
+    <Tree
+      data={treeData}
+      tree={tree}
+      levelOffset={config.levelOffset}
+      expandOnClick
+      renderNode={renderNode as any}
+      styles={{ root: STYLES.root }}
+    />
+  );
+};
+
+export default JsonViewer;

package/src/json/extensions/DialogService.tsx

@@ -0,0 +1,31 @@
+import { type BaseDialogOptions, DialogService, ui } from "@alepha/ui";
+import { Flex } from "@mantine/core";
+import { JsonViewer } from "../components/JsonViewer.tsx";
+
+declare module "@alepha/ui" {
+  interface DialogService {
+    /**
+     * Opens a JSON viewer dialog.
+     *
+     * @param data - The JSON data to display.
+     * @param options - Additional dialog options.
+     */
+    json(data?: any, options?: BaseDialogOptions): void;
+  }
+}
+
+DialogService.prototype.json = function (
+  data?: any,
+  options?: BaseDialogOptions,
+) {
+  this.open({
+    size: "lg",
+    title: options?.title || "Json Viewer",
+    ...options,
+    content: (
+      <Flex bdrs={"md"} w={"100%"} flex={1} p={"sm"} bg={ui.colors.surface}>
+        <JsonViewer size={"xs"} data={data} />
+      </Flex>
+    ),
+  });
+};

package/src/json/index.ts

@@ -0,0 +1,5 @@
+import "./extensions/DialogService.tsx";
+
+// ---------------------------------------------------------------------------------------------------------------------
+
+export { JsonViewer } from "./components/JsonViewer.tsx";

package/src/json/styles.css

@@ -0,0 +1 @@
+@import "./components/JsonViewer.css";

package/dist/admin/AdminAudits-CwvH8e8c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminAudits-CwvH8e8c.js","names":[],"sources":["../../src/admin/components/audits/AdminAudits.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group, Stack, Tooltip } from \"@mantine/core\";\nimport {\n  IconAlertTriangle,\n  IconCheck,\n  IconInfoCircle,\n  IconUser,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AuditController, AuditEntity } from \"alepha/api/audits\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminAuditsProps {\n  userRealmName?: string;\n}\n\nconst getSeverityColor = (severity: string) => {\n  switch (severity) {\n    case \"critical\":\n      return \"red\";\n    case \"warning\":\n      return \"yellow\";\n    default:\n      return \"blue\";\n  }\n};\n\nconst getSeverityIcon = (severity: string) => {\n  switch (severity) {\n    case \"critical\":\n      return <IconAlertTriangle size={12} />;\n    case \"warning\":\n      return <IconAlertTriangle size={12} />;\n    default:\n      return <IconInfoCircle size={12} />;\n  }\n};\n\nconst getTypeColor = (type: string) => {\n  switch (type) {\n    case \"auth\":\n      return \"blue\";\n    case \"user\":\n      return \"grape\";\n    case \"security\":\n      return \"red\";\n    case \"system\":\n      return \"orange\";\n    case \"access\":\n      return \"cyan\";\n    case \"payment\":\n      return \"green\";\n    case \"order\":\n      return \"teal\";\n    default:\n      return \"gray\";\n  }\n};\n\nconst AdminAudits = (props: AdminAuditsProps) => {\n  const client = useClient<AuditController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    type: t.optional(t.text()),\n    action: t.optional(t.text()),\n    severity: t.optional(t.enum([\"info\", \"warning\", \"critical\"])),\n    success: t.optional(t.boolean()),\n    resourceType: t.optional(t.text()),\n    search: t.optional(t.text()),\n    from: t.optional(t.datetime()),\n    to: t.optional(t.datetime()),\n  });\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<AuditEntity, typeof filters>\n        submitOnInit\n        defaultSize={20}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 4,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n          striped: false,\n          highlightOnHover: true,\n        }}\n        filters={filters}\n        tableTrProps={(item) => ({\n          style: {\n            cursor: item.userId ? \"pointer\" : \"default\",\n            opacity: item.success ? 1 : 0.85,\n          },\n          onClick: () => {\n            if (item.userId) {\n              router.go(\"adminUserDetails\", {\n                params: { userId: item.userId },\n              });\n            }\n          },\n        })}\n        items={async (query) => {\n          const response = await client.findAudits({\n            query: {\n              ...query,\n              userRealm: props.userRealmName,\n            },\n          });\n          return response as Page<AuditEntity>;\n        }}\n        columns={{\n          type: {\n            label: \"Type\",\n            fit: true,\n            value: (item) => (\n              <Badge size=\"sm\" variant=\"light\" color={getTypeColor(item.type)}>\n                {item.type}\n              </Badge>\n            ),\n          },\n          action: {\n            label: \"Action\",\n            fit: true,\n            value: (item) => (\n              <Badge size=\"sm\" variant=\"outline\">\n                {item.action}\n              </Badge>\n            ),\n          },\n          severity: {\n            label: \"Severity\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"xs\"\n                variant=\"light\"\n                color={getSeverityColor(item.severity)}\n                leftSection={getSeverityIcon(item.severity)}\n              >\n                {item.severity}\n              </Badge>\n            ),\n          },\n          user: {\n            label: \"User\",\n            fit: true,\n            value: (item) =>\n              item.userId ? (\n                <Tooltip\n                  label={\n                    <Stack gap={2}>\n                      <Text size=\"xs\">{item.userEmail || \"No email\"}</Text>\n                      <Text size=\"xs\" c=\"dimmed\">\n                        {item.userRealm || \"default\"}\n                      </Text>\n                    </Stack>\n                  }\n                >\n                  <Group gap={4}>\n                    <IconUser size={12} />\n                    <Text size=\"xs\" lineClamp={1} maw={100}>\n                      {item.userEmail?.split(\"@\")[0] || item.userId.slice(0, 8)}\n                    </Text>\n                  </Group>\n                </Tooltip>\n              ) : (\n                <Text size=\"xs\" c=\"dimmed\">\n                  System\n                </Text>\n              ),\n          },\n          description: {\n            label: \"Description\",\n            value: (item) => (\n              <Text size=\"sm\" lineClamp={1}>\n                {item.description || \"-\"}\n              </Text>\n            ),\n          },\n          resource: {\n            label: \"Resource\",\n            fit: true,\n            value: (item) =>\n              item.resourceType ? (\n                <Tooltip label={`${item.resourceType}: ${item.resourceId}`}>\n                  <Badge size=\"xs\" variant=\"dot\" color=\"gray\">\n                    {item.resourceType}\n                  </Badge>\n                </Tooltip>\n              ) : (\n                <Text size=\"xs\" c=\"dimmed\">\n                  -\n                </Text>\n              ),\n          },\n          success: {\n            label: \"Status\",\n            fit: true,\n            value: (item) =>\n              item.success ? (\n                <IconCheck size={14} color=\"var(--mantine-color-green-6)\" />\n              ) : (\n                <Tooltip label={item.errorMessage || \"Failed\"}>\n                  <IconX size={14} color=\"var(--mantine-color-red-6)\" />\n                </Tooltip>\n              ),\n          },\n          ipAddress: {\n            label: \"IP\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n                {item.ipAddress || \"-\"}\n              </Text>\n            ),\n          },\n          createdAt: {\n            label: \"Time\",\n            fit: true,\n            value: (item) => (\n              <Tooltip label={l(item.createdAt, { date: \"medium\" })}>\n                <Text size=\"xs\" c=\"dimmed\">\n                  {l(item.createdAt, { date: \"fromNow\" })}\n                </Text>\n              </Tooltip>\n            ),\n          },\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminAudits;\n"],"mappings":"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"}

package/dist/admin/AdminAudits-Dv8Vk_6r.js

@@ -1,3 +0,0 @@
-import { t as AdminAudits_default } from "./AdminAudits-CwvH8e8c.js";
-
-export { AdminAudits_default as default };

package/dist/admin/AdminFiles-5CPA3lQk.js

@@ -1,3 +0,0 @@
-import { t as AdminFiles_default } from "./AdminFiles-C_w1tb_x.js";
-
-export { AdminFiles_default as default };

package/dist/admin/AdminNotifications-DLjmZWtf.js

@@ -1,3 +0,0 @@
-import { t as AdminNotifications_default } from "./AdminNotifications-DuYy74AN.js";
-
-export { AdminNotifications_default as default };

package/dist/admin/AdminSessions-BCjgJ-93.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminSessions-BCjgJ-93.js","names":["filters"],"sources":["../../src/admin/components/sessions/AdminSessions.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group } from \"@mantine/core\";\nimport {\n  IconDeviceDesktop,\n  IconDeviceMobile,\n  IconDeviceTablet,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n  type SessionController,\n  type SessionEntity,\n  sessions,\n} from \"alepha/api/users\";\nimport { useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminSessionsProps {\n  userRealmName?: string;\n}\n\nconst AdminSessions = (props: AdminSessionsProps) => {\n  const client = useClient<SessionController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const filters = t.object({\n    userId: t.optional(\n      t.uuid({\n        $control: {\n          query: t.pick(sessions.schema, [\"userId\"]),\n        },\n      }),\n    ),\n  });\n\n  const getDeviceIcon = (device?: string) => {\n    switch (device) {\n      case \"MOBILE\":\n        return <IconDeviceMobile size={14} />;\n      case \"TABLET\":\n        return <IconDeviceTablet size={14} />;\n      default:\n        return <IconDeviceDesktop size={14} />;\n    }\n  };\n\n  const isExpired = (expiresAt: Date | string) => {\n    return new Date(expiresAt) < new Date();\n  };\n\n  const handleDelete = async (sessionId: string) => {\n    await client.deleteSession({\n      params: { id: sessionId },\n      query: { userRealmName: props.userRealmName },\n    });\n    setRefreshKey((k) => k + 1);\n  };\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<SessionEntity, typeof filters>\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(key, _value, form) => {\n          if (key === \"userId\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        tableTrProps={(item) => {\n          if (isExpired(item.expiresAt)) {\n            return {\n              opacity: 0.5,\n            };\n          }\n          return {};\n        }}\n        items={async (filters) => {\n          const response = await client.findSessions({\n            query: {\n              ...filters,\n              userRealmName: props.userRealmName,\n            },\n          });\n\n          return response as Page<SessionEntity>;\n        }}\n        columns={{\n          userId: {\n            label: \"User\",\n            value: (item) => (\n              <ActionButton\n                variant=\"subtle\"\n                size=\"xs\"\n                href={router.path(\"adminUserDetails\", {\n                  params: { userId: item.userId },\n                })}\n              >\n                <Text size=\"xs\" ff=\"monospace\">\n                  {item.userId.slice(0, 8)}...\n                </Text>\n              </ActionButton>\n            ),\n          },\n          userAgent: {\n            label: \"Device\",\n            fit: true,\n            value: (item) => (\n              <Group gap={4}>\n                {item.userAgent ? (\n                  <>\n                    <Badge\n                      size=\"xs\"\n                      variant=\"light\"\n                      leftSection={getDeviceIcon(item.userAgent.device)}\n                    >\n                      {item.userAgent.device}\n                    </Badge>\n                    <Text size=\"xs\" c=\"dimmed\">\n                      {item.userAgent.browser} / {item.userAgent.os}\n                    </Text>\n                  </>\n                ) : (\n                  <Text size=\"xs\" c=\"dimmed\">\n                    -\n                  </Text>\n                )}\n              </Group>\n            ),\n          },\n          ip: {\n            label: \"IP\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" ff=\"monospace\" c=\"dimmed\">\n                {item.ip || \"-\"}\n              </Text>\n            ),\n          },\n          expiresAt: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={isExpired(item.expiresAt) ? \"red\" : \"green\"}\n              >\n                {isExpired(item.expiresAt) ? \"Expired\" : \"Active\"}\n              </Badge>\n            ),\n          },\n          createdAt: {\n            label: \"Created\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {l(item.createdAt, { date: \"fromNow\" })}\n              </Text>\n            ),\n          },\n          actions: {\n            label: \"\",\n            fit: true,\n            value: (item) => (\n              <ActionButton\n                size=\"xs\"\n                variant=\"subtle\"\n                color=\"red\"\n                onClick={() => handleDelete(item.id)}\n              >\n                <IconTrash size={14} />\n              </ActionButton>\n            ),\n          },\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminSessions;\n"],"mappings":"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"}

package/dist/admin/AdminSessions-DEh2uN-4.js

@@ -1,3 +0,0 @@
-import { t as AdminSessions_default } from "./AdminSessions-BCjgJ-93.js";
-
-export { AdminSessions_default as default };

package/dist/admin/AdminUserAudits-B_PUXCKC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUserAudits-B_PUXCKC.js","names":[],"sources":["../../src/admin/components/users/AdminUserAudits.tsx"],"sourcesContent":["import { useClient, useRouterState } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group, Tooltip } from \"@mantine/core\";\nimport {\n  IconAlertTriangle,\n  IconCheck,\n  IconInfoCircle,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AuditController, AuditEntity } from \"alepha/api/audits\";\n\nexport interface AdminUserAuditsProps {\n  userRealmName?: string;\n}\n\nconst getSeverityColor = (severity: string) => {\n  switch (severity) {\n    case \"critical\":\n      return \"red\";\n    case \"warning\":\n      return \"yellow\";\n    default:\n      return \"blue\";\n  }\n};\n\nconst getSeverityIcon = (severity: string) => {\n  switch (severity) {\n    case \"critical\":\n      return <IconAlertTriangle size={12} />;\n    case \"warning\":\n      return <IconAlertTriangle size={12} />;\n    default:\n      return <IconInfoCircle size={12} />;\n  }\n};\n\nconst AdminUserAudits = (_props: AdminUserAuditsProps) => {\n  const state = useRouterState();\n  const client = useClient<AuditController>();\n  const { l } = useI18n();\n  const userId = state.params.userId as string;\n\n  const filters = t.object({\n    type: t.optional(t.text()),\n    action: t.optional(t.text()),\n    severity: t.optional(t.enum([\"info\", \"warning\", \"critical\"])),\n    success: t.optional(t.boolean()),\n    from: t.optional(t.datetime()),\n    to: t.optional(t.datetime()),\n  });\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<AuditEntity, typeof filters>\n        submitOnInit\n        defaultSize={15}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 4,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n          striped: false,\n          highlightOnHover: true,\n        }}\n        filters={filters}\n        items={async (query) => {\n          const response = await client.findByUser({\n            params: { userId },\n            query,\n          });\n          return response as Page<AuditEntity>;\n        }}\n        columns={{\n          type: {\n            label: \"Type\",\n            fit: true,\n            value: (item) => (\n              <Badge size=\"sm\" variant=\"light\" color=\"grape\">\n                {item.type}\n              </Badge>\n            ),\n          },\n          action: {\n            label: \"Action\",\n            fit: true,\n            value: (item) => (\n              <Badge size=\"sm\" variant=\"outline\">\n                {item.action}\n              </Badge>\n            ),\n          },\n          severity: {\n            label: \"Severity\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={getSeverityColor(item.severity)}\n                leftSection={getSeverityIcon(item.severity)}\n              >\n                {item.severity}\n              </Badge>\n            ),\n          },\n          description: {\n            label: \"Description\",\n            value: (item) => (\n              <Text size=\"sm\" lineClamp={1}>\n                {item.description || \"-\"}\n              </Text>\n            ),\n          },\n          resource: {\n            label: \"Resource\",\n            fit: true,\n            value: (item) =>\n              item.resourceType ? (\n                <Tooltip label={item.resourceId || \"N/A\"}>\n                  <Badge size=\"xs\" variant=\"dot\" color=\"gray\">\n                    {item.resourceType}\n                  </Badge>\n                </Tooltip>\n              ) : (\n                <Text size=\"xs\" c=\"dimmed\">\n                  -\n                </Text>\n              ),\n          },\n          success: {\n            label: \"Status\",\n            fit: true,\n            value: (item) =>\n              item.success ? (\n                <Group gap={4}>\n                  <IconCheck size={14} color=\"var(--mantine-color-green-6)\" />\n                  <Text size=\"xs\" c=\"green\">\n                    Success\n                  </Text>\n                </Group>\n              ) : (\n                <Tooltip label={item.errorMessage || \"Failed\"}>\n                  <Group gap={4}>\n                    <IconX size={14} color=\"var(--mantine-color-red-6)\" />\n                    <Text size=\"xs\" c=\"red\">\n                      Failed\n                    </Text>\n                  </Group>\n                </Tooltip>\n              ),\n          },\n          ipAddress: {\n            label: \"IP\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n                {item.ipAddress || \"-\"}\n              </Text>\n            ),\n          },\n          createdAt: {\n            label: \"Time\",\n            fit: true,\n            value: (item) => (\n              <Tooltip label={l(item.createdAt, { date: \"medium\" })}>\n                <Text size=\"xs\" c=\"dimmed\">\n                  {l(item.createdAt, { date: \"fromNow\" })}\n                </Text>\n              </Tooltip>\n            ),\n          },\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminUserAudits;\n"],"mappings":"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"}

package/dist/admin/AdminUserCreate-DzfRbGZ4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUserCreate-DzfRbGZ4.js","names":["Text"],"sources":["../../src/admin/components/users/AdminUserCreate.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useForm } from \"@alepha/react/form\";\nimport { ActionButton, Control, Flex } from \"@alepha/ui\";\nimport { Card, Stack, Text } from \"@mantine/core\";\nimport { t } from \"alepha\";\nimport type { UserController } from \"alepha/api/users\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminUserCreateProps {\n  userRealmName?: string;\n}\n\nconst AdminUserCreate = (props: AdminUserCreateProps) => {\n  const client = useClient<UserController>();\n  const router = useRouter<AdminRouter>();\n\n  const form = useForm({\n    schema: t.object({\n      username: t.optional(\n        t.shortText({\n          minLength: 3,\n          maxLength: 50,\n          pattern: \"^[a-zA-Z0-9._-]+$\",\n        }),\n      ),\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      password: t.optional(t.string({ minLength: 8 })),\n    }),\n    handler: async (data) => {\n      const user = await client.createUser({\n        query: {\n          userRealmName: props.userRealmName,\n        },\n        body: {\n          ...data,\n          enabled: data.enabled ?? true,\n        },\n      });\n\n      await router.go(\"adminUserDetails\", {\n        params: { userId: user.id },\n      });\n    },\n  });\n\n  return (\n    <Flex flex={1} p=\"md\">\n      <Card withBorder p=\"lg\" maw={600} w=\"100%\">\n        <form {...form.props}>\n          <Stack gap=\"md\">\n            <Text size=\"lg\" fw={500}>\n              Create New User\n            </Text>\n\n            <Control title=\"Username\" input={form.input.username} />\n\n            <Control title=\"Email\" input={form.input.email} />\n\n            <Control title=\"Phone Number\" input={form.input.phoneNumber} />\n\n            <Control title=\"First Name\" input={form.input.firstName} />\n\n            <Control title=\"Last Name\" input={form.input.lastName} />\n\n            <Control title=\"Password\" input={form.input.password} password />\n\n            <Control title=\"Roles\" input={form.input.roles} />\n\n            <Control title=\"Enabled\" input={form.input.enabled} />\n\n            <ActionButton form={form}>Create User</ActionButton>\n          </Stack>\n        </form>\n      </Card>\n    </Flex>\n  );\n};\n\nexport default AdminUserCreate;\n"],"mappings":";;;;;;;;AAYA,MAAM,mBAAmB,UAAgC;CACvD,MAAM,SAAS,WAA2B;CAC1C,MAAM,SAAS,WAAwB;CAEvC,MAAM,OAAO,QAAQ;EACnB,QAAQ,EAAE,OAAO;GACf,UAAU,EAAE,SACV,EAAE,UAAU;IACV,WAAW;IACX,WAAW;IACX,SAAS;IACV,CAAC,CACH;GACD,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC;GAC5B,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC;GACjC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC;GACjC,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC;GAChC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;GACtC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;GAChC,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,GAAG,CAAC,CAAC;GACjD,CAAC;EACF,SAAS,OAAO,SAAS;GACvB,MAAM,OAAO,MAAM,OAAO,WAAW;IACnC,OAAO,EACL,eAAe,MAAM,eACtB;IACD,MAAM;KACJ,GAAG;KACH,SAAS,KAAK,WAAW;KAC1B;IACF,CAAC;AAEF,SAAM,OAAO,GAAG,oBAAoB,EAClC,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC5B,CAAC;;EAEL,CAAC;AAEF,QACE,oBAAC;EAAK,MAAM;EAAG,GAAE;YACf,oBAAC;GAAK;GAAW,GAAE;GAAK,KAAK;GAAK,GAAE;aAClC,oBAAC;IAAK,GAAI,KAAK;cACb,qBAAC;KAAM,KAAI;;MACT,oBAACA;OAAK,MAAK;OAAK,IAAI;iBAAK;QAElB;MAEP,oBAAC;OAAQ,OAAM;OAAW,OAAO,KAAK,MAAM;QAAY;MAExD,oBAAC;OAAQ,OAAM;OAAQ,OAAO,KAAK,MAAM;QAAS;MAElD,oBAAC;OAAQ,OAAM;OAAe,OAAO,KAAK,MAAM;QAAe;MAE/D,oBAAC;OAAQ,OAAM;OAAa,OAAO,KAAK,MAAM;QAAa;MAE3D,oBAAC;OAAQ,OAAM;OAAY,OAAO,KAAK,MAAM;QAAY;MAEzD,oBAAC;OAAQ,OAAM;OAAW,OAAO,KAAK,MAAM;OAAU;QAAW;MAEjE,oBAAC;OAAQ,OAAM;OAAQ,OAAO,KAAK,MAAM;QAAS;MAElD,oBAAC;OAAQ,OAAM;OAAU,OAAO,KAAK,MAAM;QAAW;MAEtD,oBAAC;OAAmB;iBAAM;QAA0B;;MAC9C;KACH;IACF;GACF;;AAIX,8BAAe"}