@alepha/ui 0.16.1 → 0.16.2

package/dist/admin/AdminParameters-B_83Vie9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminParameters-B_83Vie9.js","names":["Flex","Flex"],"sources":["../../src/admin/components/parameters/types.ts","../../src/admin/components/parameters/ParameterDetails.tsx","../../src/admin/components/parameters/ParameterEmptyState.tsx","../../src/admin/components/parameters/ParameterHistory.tsx","../../src/admin/components/parameters/ParameterTree.tsx","../../src/admin/components/parameters/AdminParameters.tsx"],"sourcesContent":["import type { Parameter } from \"alepha/api/parameters\";\n\nexport interface ParameterValue {\n  current?: Parameter;\n  next?: Parameter;\n  /**\n   * Default value from the registered $parameter primitive.\n   */\n  defaultValue?: unknown;\n  /**\n   * Current in-memory value (may be default if never saved).\n   */\n  currentValue?: unknown;\n  /**\n   * TypeBox/JSON schema for the parameter (as JSON from API).\n   */\n  schema?: Record<string, unknown>;\n}\n\nexport const getStatusColor = (status: string) => {\n  switch (status) {\n    case \"current\":\n      return \"green\";\n    case \"next\":\n      return \"blue\";\n    case \"future\":\n      return \"cyan\";\n    case \"expired\":\n      return \"gray\";\n    default:\n      return \"gray\";\n  }\n};\n\nexport const formatJson = (obj: unknown): string => {\n  try {\n    return JSON.stringify(obj, null, 2);\n  } catch {\n    return String(obj);\n  }\n};\n","import { ActionButton, Flex, Text, TypeForm } from \"@alepha/ui\";\nimport { Box, Card, Code, Group, Loader, Stack } from \"@mantine/core\";\nimport { IconClock } from \"@tabler/icons-react\";\nimport { jsonSchemaToTypeBox, type TObject, t } from \"alepha\";\nimport { useForm } from \"alepha/react/form\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useMemo } from \"react\";\nimport { formatJson, type ParameterValue } from \"./types.ts\";\n\nexport interface ParameterDetailsProps {\n  selectedConfig: string | null;\n  configValue: ParameterValue | null;\n  loading: boolean;\n  saving: boolean;\n  onSave: (values: Record<string, unknown>) => Promise<void>;\n}\n\n/**\n * Loading state.\n */\nconst LoadingState = () => (\n  <Box\n    flex={1}\n    h=\"100%\"\n    p=\"md\"\n    style={{\n      overflow: \"hidden\",\n      minWidth: 0,\n      display: \"flex\",\n    }}\n  >\n    <Flex flex={1} justify=\"center\" align=\"center\" h=\"100%\">\n      <Loader size=\"sm\" />\n    </Flex>\n  </Box>\n);\n\ninterface ConfigFormProps {\n  selectedConfig: string;\n  configValue: ParameterValue | null;\n  saving: boolean;\n  onSave: (values: Record<string, unknown>) => Promise<void>;\n}\n\n/**\n * The actual form component - only rendered when a config is selected.\n */\nconst ConfigForm = ({\n  selectedConfig,\n  configValue,\n  saving,\n  onSave,\n}: ConfigFormProps) => {\n  const { l } = useI18n();\n\n  // Get the current value to display (from saved version or default)\n  const currentContent = useMemo(() => {\n    if (configValue?.current?.content) {\n      return configValue.current.content;\n    }\n    if (configValue?.currentValue !== undefined) {\n      return configValue.currentValue;\n    }\n    return null;\n  }, [configValue]);\n\n  // Convert JSON Schema from API to TypeBox schema\n  const schemaForForm = useMemo(() => {\n    if (!configValue?.schema) {\n      return t.object({});\n    }\n    try {\n      return jsonSchemaToTypeBox(configValue.schema) as TObject;\n    } catch {\n      return t.object({});\n    }\n  }, [configValue?.schema]);\n\n  const form = useForm(\n    {\n      schema: schemaForForm,\n      initialValues: (currentContent ?? {}) as Record<string, unknown>,\n      handler: async (values) => {\n        await onSave(values as Record<string, unknown>);\n      },\n    },\n    [selectedConfig, schemaForForm, currentContent],\n  );\n\n  // Check if we have a valid schema with properties\n  const hasValidSchema = useMemo(() => {\n    const schema = configValue?.schema;\n    return (\n      schema &&\n      typeof schema === \"object\" &&\n      \"properties\" in schema &&\n      Object.keys(schema.properties as object).length > 0\n    );\n  }, [configValue?.schema]);\n\n  // Count the number of fields to determine column layout\n  const fieldCount = useMemo(() => {\n    const schema = configValue?.schema;\n    if (\n      schema &&\n      typeof schema === \"object\" &&\n      \"properties\" in schema &&\n      schema.properties\n    ) {\n      return Object.keys(schema.properties as object).length;\n    }\n    return 0;\n  }, [configValue?.schema]);\n\n  // Determine optimal column count based on field count\n  const columns = useMemo(() => {\n    if (fieldCount <= 2) return 1;\n    if (fieldCount <= 6) return 2;\n    return 3;\n  }, [fieldCount]);\n\n  return (\n    <Box\n      flex={1}\n      h=\"100%\"\n      style={{\n        overflow: \"hidden\",\n        minWidth: 0,\n        display: \"flex\",\n      }}\n    >\n      <Flex direction=\"column\" h=\"100%\" w=\"100%\" style={{ minHeight: 0 }}>\n        {/* Content */}\n        <Box flex={1} p=\"md\" className=\"overflow-auto\" style={{ minHeight: 0 }}>\n          {currentContent !== null ? (\n            <Stack gap=\"lg\">\n              {/* Form or JSON view */}\n              <Box>\n                {hasValidSchema ? (\n                  <TypeForm\n                    form={form}\n                    columns={columns}\n                    skipSubmitButton\n                    fill={false}\n                  />\n                ) : (\n                  <Box>\n                    <Text size=\"xs\" c=\"dimmed\" mb={4}>\n                      Current Value\n                    </Text>\n                    <Code block style={{ whiteSpace: \"pre-wrap\" }}>\n                      {formatJson(currentContent)}\n                    </Code>\n                  </Box>\n                )}\n              </Box>\n\n              {/* Metadata */}\n              {configValue?.current?.changeDescription && (\n                <Box>\n                  <Text size=\"xs\" c=\"dimmed\" mb={4}>\n                    Change Description\n                  </Text>\n                  <Text size=\"sm\">{configValue.current.changeDescription}</Text>\n                </Box>\n              )}\n\n              {configValue?.current && (\n                <Group gap=\"xl\">\n                  <Box>\n                    <Text size=\"xs\" c=\"dimmed\" mb={2}>\n                      Updated\n                    </Text>\n                    <Text size=\"sm\">\n                      {l(configValue.current.updatedAt, { date: \"fromNow\" })}\n                    </Text>\n                  </Box>\n                  {configValue.current.creatorName && (\n                    <Box>\n                      <Text size=\"xs\" c=\"dimmed\" mb={2}>\n                        Updated By\n                      </Text>\n                      <Text size=\"sm\">{configValue.current.creatorName}</Text>\n                    </Box>\n                  )}\n                </Group>\n              )}\n\n              {!configValue?.current &&\n                configValue?.currentValue !== undefined && (\n                  <Text size=\"xs\" c=\"dimmed\">\n                    This configuration is using its default value. No versions\n                    have been saved to the database yet.\n                  </Text>\n                )}\n\n              {/* Scheduled update preview */}\n              {configValue?.next && (\n                <Card withBorder p=\"sm\" bg=\"var(--mantine-color-blue-light)\">\n                  <Stack gap=\"xs\">\n                    <Group gap=\"xs\">\n                      <IconClock\n                        size={14}\n                        color=\"var(--mantine-color-blue-6)\"\n                      />\n                      <Text size=\"xs\" fw={500} c=\"blue\">\n                        Scheduled Update (v{configValue.next.version})\n                      </Text>\n                    </Group>\n                    <Text size=\"xs\" c=\"dimmed\">\n                      Activates{\" \"}\n                      {l(configValue.next.activationDate, {\n                        date: \"fromNow\",\n                      })}\n                    </Text>\n                    <Code block style={{ whiteSpace: \"pre-wrap\" }} fz=\"xs\">\n                      {formatJson(configValue.next.content)}\n                    </Code>\n                  </Stack>\n                </Card>\n              )}\n            </Stack>\n          ) : (\n            <Flex justify=\"center\" align=\"center\" h={200}>\n              <Text c=\"dimmed\" size=\"sm\">\n                No current value\n              </Text>\n            </Flex>\n          )}\n        </Box>\n\n        {/* Footer with actions */}\n        {hasValidSchema && currentContent !== null && (\n          <Box\n            p=\"md\"\n            style={{\n              flexShrink: 0,\n              borderTop: \"1px solid var(--mantine-color-default-border)\",\n            }}\n          >\n            <Group justify=\"flex-end\" gap=\"sm\">\n              <ActionButton\n                variant=\"subtle\"\n                onClick={() => form.reset({} as any)}\n                disabled={saving}\n              >\n                Reset\n              </ActionButton>\n              <ActionButton intent=\"primary\" form={form} loading={saving}>\n                Save Changes\n              </ActionButton>\n            </Group>\n          </Box>\n        )}\n      </Flex>\n    </Box>\n  );\n};\n\n/**\n * Parameter details panel.\n * Shows loading state or the config form.\n * Note: Empty state is handled by parent (AdminParameters).\n */\nconst ParameterDetails = ({\n  selectedConfig,\n  configValue,\n  loading,\n  saving,\n  onSave,\n}: ParameterDetailsProps) => {\n  // Loading state\n  if (loading) {\n    return <LoadingState />;\n  }\n\n  // Config form (selectedConfig is guaranteed to be non-null by parent)\n  return (\n    <ConfigForm\n      selectedConfig={selectedConfig!}\n      configValue={configValue}\n      saving={saving}\n      onSave={onSave}\n    />\n  );\n};\n\nexport default ParameterDetails;\n","import { Text } from \"@alepha/ui\";\nimport { Flex, Stack } from \"@mantine/core\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\n\n/**\n * Empty state displayed when no parameter is selected.\n * Invites user to select a parameter from the tree.\n */\nconst ParameterEmptyState = () => {\n  return (\n    <Flex flex={1} p={\"xl\"} align=\"center\">\n      <Stack align=\"center\" gap=\"md\">\n        <IconArrowLeft size={32} color=\"var(--mantine-color-dimmed)\" />\n        <Stack align=\"center\" gap={4}>\n          <Text fw={500} c=\"dimmed\">\n            No Parameter Selected\n          </Text>\n          <Text size=\"xs\" c=\"dimmed\" ta=\"center\" maw={240}>\n            Choose a parameter from the tree to view and edit its configuration\n          </Text>\n        </Stack>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default ParameterEmptyState;\n","import { ActionButton, Flex, Text } from \"@alepha/ui\";\nimport {\n  Badge,\n  Box,\n  Group,\n  Loader,\n  ScrollArea,\n  Stack,\n  Timeline,\n} from \"@mantine/core\";\nimport { IconHistory } from \"@tabler/icons-react\";\nimport type { Parameter } from \"alepha/api/parameters\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { getStatusColor } from \"./types.ts\";\n\nexport interface ParameterHistoryProps {\n  selectedConfig: string | null;\n  history: Parameter[];\n  loading: boolean;\n  onRollback: (version: number) => void;\n}\n\nconst ParameterHistory = ({\n  history,\n  loading,\n  onRollback,\n}: ParameterHistoryProps) => {\n  const { l } = useI18n();\n\n  const renderContent = () => {\n    if (loading) {\n      return (\n        <Flex flex={1} justify=\"center\" align=\"center\">\n          <Loader size=\"sm\" />\n        </Flex>\n      );\n    }\n\n    if (history.length === 0) {\n      return (\n        <Flex flex={1} justify=\"center\" align=\"center\">\n          <Text c=\"dimmed\" size=\"xs\">\n            Empty\n          </Text>\n        </Flex>\n      );\n    }\n\n    return (\n      <ScrollArea flex={1} offsetScrollbars>\n        <Timeline\n          active={history.findIndex((h) => h.status === \"current\")}\n          bulletSize={24}\n          lineWidth={2}\n        >\n          {history.map((version) => (\n            <Timeline.Item\n              key={version.id}\n              bullet={\n                <Text size=\"xs\" fw={500}>\n                  {version.version}\n                </Text>\n              }\n              title={\n                <Group gap=\"xs\">\n                  <Text size=\"xs\" fw={500}>\n                    Version {version.version}\n                  </Text>\n                  <Badge\n                    size=\"xs\"\n                    variant=\"light\"\n                    color={getStatusColor(version.status)}\n                  >\n                    {version.status}\n                  </Badge>\n                </Group>\n              }\n            >\n              <Stack gap={4} mt={4}>\n                <Text size=\"xs\" c=\"dimmed\">\n                  {l(version.createdAt, { date: \"fromNow\" })}\n                </Text>\n                {version.changeDescription && (\n                  <Text size=\"xs\" lineClamp={2}>\n                    {version.changeDescription}\n                  </Text>\n                )}\n                {version.creatorName && (\n                  <Text size=\"xs\" c=\"dimmed\">\n                    by {version.creatorName}\n                  </Text>\n                )}\n                {version.migrationLog && (\n                  <Badge size=\"xs\" variant=\"outline\" color=\"orange\">\n                    Schema Changed\n                  </Badge>\n                )}\n                {version.status === \"expired\" && (\n                  <ActionButton\n                    size=\"compact-xs\"\n                    variant=\"subtle\"\n                    onClick={() => onRollback(version.version)}\n                  >\n                    Rollback to this version\n                  </ActionButton>\n                )}\n              </Stack>\n            </Timeline.Item>\n          ))}\n        </Timeline>\n      </ScrollArea>\n    );\n  };\n\n  return (\n    <Box\n      w={160}\n      h=\"100%\"\n      p=\"xs\"\n      style={{\n        flexShrink: 0,\n        overflow: \"hidden\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        borderLeft: \"1px solid var(--mantine-color-default-border)\",\n      }}\n    >\n      <Stack gap=\"xs\" h=\"100%\" style={{ minHeight: 0 }}>\n        <Group gap=\"xs\">\n          <IconHistory size={16} color=\"var(--mantine-color-dimmed)\" />\n          <Text size=\"sm\" fw={500}>\n            History\n          </Text>\n        </Group>\n        {renderContent()}\n      </Stack>\n    </Box>\n  );\n};\n\nexport default ParameterHistory;\n","import { ActionButton, Text } from \"@alepha/ui\";\nimport {\n  Box,\n  Collapse,\n  Group,\n  ScrollArea,\n  Stack,\n  TextInput,\n  UnstyledButton,\n} from \"@mantine/core\";\nimport {\n  IconChevronDown,\n  IconChevronRight,\n  IconFolder,\n  IconFolderOpen,\n  IconRefresh,\n  IconSearch,\n  IconSettings,\n} from \"@tabler/icons-react\";\nimport type { ParameterTreeNode } from \"alepha/api/parameters\";\nimport { memo, useCallback, useMemo, useState } from \"react\";\n\nexport interface ParameterTreeProps {\n  treeData: ParameterTreeNode[];\n  selectedConfig: string | null;\n  onSelect: (name: string) => void;\n  onRefresh: () => void;\n}\n\n/**\n * Filters tree nodes by search query.\n */\nconst filterTree = (\n  nodes: ParameterTreeNode[],\n  query: string,\n): ParameterTreeNode[] => {\n  if (!query.trim()) return nodes;\n\n  const lowerQuery = query.toLowerCase();\n\n  return nodes\n    .map((node) => {\n      const filteredChildren = filterTree(node.children, query);\n      const nameMatches = node.name.toLowerCase().includes(lowerQuery);\n      const pathMatches = node.path.toLowerCase().includes(lowerQuery);\n\n      if (nameMatches || pathMatches || filteredChildren.length > 0) {\n        return {\n          ...node,\n          children: filteredChildren,\n        };\n      }\n\n      return null;\n    })\n    .filter((node): node is ParameterTreeNode => node !== null);\n};\n\ninterface TreeNodeProps {\n  node: ParameterTreeNode;\n  level: number;\n  selectedConfig: string | null;\n  onSelect: (name: string) => void;\n  expandedNodes: Set<string>;\n  onToggle: (path: string) => void;\n}\n\n/**\n * Memoized tree node to prevent unnecessary re-renders.\n */\nconst TreeNode = memo(\n  ({\n    node,\n    level,\n    selectedConfig,\n    onSelect,\n    expandedNodes,\n    onToggle,\n  }: TreeNodeProps) => {\n    const [isHovered, setIsHovered] = useState(false);\n    const hasChildren = node.children.length > 0;\n    const isExpanded = expandedNodes.has(node.path);\n    const isSelected = selectedConfig === node.path;\n    const isLeaf = !hasChildren;\n\n    const handleClick = useCallback(() => {\n      if (hasChildren) {\n        onToggle(node.path);\n      } else {\n        onSelect(node.path);\n      }\n    }, [hasChildren, node.path, onToggle, onSelect]);\n\n    const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n    const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n\n    return (\n      <Box>\n        <UnstyledButton\n          onClick={handleClick}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          w=\"100%\"\n          style={{ display: \"block\" }}\n        >\n          <Group\n            gap={6}\n            wrap=\"nowrap\"\n            p=\"4px 8px\"\n            pl={8 + level * 16}\n            style={{\n              borderRadius: \"var(--mantine-radius-sm)\",\n              backgroundColor:\n                isSelected || isHovered\n                  ? \"var(--mantine-color-default-hover)\"\n                  : undefined,\n            }}\n          >\n            {hasChildren ? (\n              <>\n                <Box\n                  style={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    width: 16,\n                  }}\n                >\n                  {isExpanded ? (\n                    <IconChevronDown\n                      size={14}\n                      color=\"var(--mantine-color-dimmed)\"\n                    />\n                  ) : (\n                    <IconChevronRight\n                      size={14}\n                      color=\"var(--mantine-color-dimmed)\"\n                    />\n                  )}\n                </Box>\n                {isExpanded ? (\n                  <IconFolderOpen\n                    size={16}\n                    color=\"var(--mantine-color-dimmed)\"\n                    style={{ flexShrink: 0 }}\n                  />\n                ) : (\n                  <IconFolder\n                    size={16}\n                    color=\"var(--mantine-color-dimmed)\"\n                    style={{ flexShrink: 0 }}\n                  />\n                )}\n              </>\n            ) : (\n              <>\n                <Box w={16} />\n                <IconSettings\n                  size={16}\n                  color={\n                    isSelected\n                      ? \"var(--mantine-color-blue-6)\"\n                      : \"var(--mantine-color-dimmed)\"\n                  }\n                  style={{ flexShrink: 0 }}\n                />\n              </>\n            )}\n            <Text\n              size=\"sm\"\n              fw={isSelected ? 600 : 400}\n              c={isSelected ? undefined : isLeaf ? undefined : \"dimmed\"}\n              style={{\n                whiteSpace: \"nowrap\",\n                overflow: \"hidden\",\n                textOverflow: \"ellipsis\",\n              }}\n            >\n              {node.name}\n            </Text>\n          </Group>\n        </UnstyledButton>\n\n        {hasChildren && (\n          <Collapse in={isExpanded}>\n            {node.children.map((child: ParameterTreeNode) => (\n              <TreeNode\n                key={child.path}\n                node={child}\n                level={level + 1}\n                selectedConfig={selectedConfig}\n                onSelect={onSelect}\n                expandedNodes={expandedNodes}\n                onToggle={onToggle}\n              />\n            ))}\n          </Collapse>\n        )}\n      </Box>\n    );\n  },\n);\n\nTreeNode.displayName = \"TreeNode\";\n\n/**\n * Collects all folder paths to expand by default.\n */\nconst collectAllFolderPaths = (nodes: ParameterTreeNode[]): Set<string> => {\n  const paths = new Set<string>();\n\n  const traverse = (nodeList: ParameterTreeNode[]) => {\n    for (const node of nodeList) {\n      if (node.children.length > 0) {\n        paths.add(node.path);\n        traverse(node.children);\n      }\n    }\n  };\n\n  traverse(nodes);\n  return paths;\n};\n\nconst ParameterTree = ({\n  treeData,\n  selectedConfig,\n  onSelect,\n  onRefresh,\n}: ParameterTreeProps) => {\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [expandedNodes, setExpandedNodes] = useState<Set<string>>(() =>\n    collectAllFolderPaths(treeData),\n  );\n\n  // Filter tree by search query\n  const filteredTreeData = useMemo(\n    () => filterTree(treeData, searchQuery),\n    [treeData, searchQuery],\n  );\n\n  const handleToggle = useCallback((path: string) => {\n    setExpandedNodes((prev) => {\n      const next = new Set(prev);\n      if (next.has(path)) {\n        next.delete(path);\n      } else {\n        next.add(path);\n      }\n      return next;\n    });\n  }, []);\n\n  const handleSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchQuery(e.currentTarget.value);\n    },\n    [],\n  );\n\n  return (\n    <Box\n      w={280}\n      h=\"100%\"\n      p=\"sm\"\n      style={{\n        flexShrink: 0,\n        display: \"flex\",\n        flexDirection: \"column\",\n        borderRight: \"1px solid var(--mantine-color-default-border)\",\n      }}\n    >\n      <Stack gap=\"sm\" h=\"100%\" style={{ minHeight: 0 }}>\n        <Group justify=\"space-between\" gap=\"xs\">\n          <Text size=\"sm\" fw={600}>\n            Parameters\n          </Text>\n          <ActionButton\n            variant=\"subtle\"\n            size=\"compact-xs\"\n            onClick={onRefresh}\n            tooltip=\"Refresh\"\n          >\n            <IconRefresh size={14} />\n          </ActionButton>\n        </Group>\n\n        <TextInput\n          placeholder=\"Search...\"\n          size=\"xs\"\n          leftSection={<IconSearch size={14} />}\n          value={searchQuery}\n          onChange={handleSearchChange}\n        />\n\n        <ScrollArea flex={1} offsetScrollbars style={{ minHeight: 0 }}>\n          {filteredTreeData.length === 0 ? (\n            <Text size=\"xs\" c=\"dimmed\" ta=\"center\" py=\"md\">\n              {searchQuery ? \"No matching parameters\" : \"No parameters\"}\n            </Text>\n          ) : (\n            <Stack gap={0} style={{ gap: 1 }}>\n              {filteredTreeData.map((node) => (\n                <TreeNode\n                  key={node.path}\n                  node={node}\n                  level={0}\n                  selectedConfig={selectedConfig}\n                  onSelect={onSelect}\n                  expandedNodes={expandedNodes}\n                  onToggle={handleToggle}\n                />\n              ))}\n            </Stack>\n          )}\n        </ScrollArea>\n      </Stack>\n    </Box>\n  );\n};\n\nexport default ParameterTree;\n","import { Text, useToast } from \"@alepha/ui\";\nimport { Card, Flex, Stack } from \"@mantine/core\";\nimport { IconSettings } from \"@tabler/icons-react\";\nimport type {\n  AdminParameterController,\n  Parameter,\n  ParameterTreeNode,\n} from \"alepha/api/parameters\";\nimport { useClient } from \"alepha/react\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport ParameterDetails from \"./ParameterDetails.tsx\";\nimport ParameterEmptyState from \"./ParameterEmptyState.tsx\";\nimport ParameterHistory from \"./ParameterHistory.tsx\";\nimport ParameterTree from \"./ParameterTree.tsx\";\nimport type { ParameterValue } from \"./types.ts\";\n\nexport interface AdminParametersProps {\n  treeData: ParameterTreeNode[];\n}\n\nconst AdminParameters = ({\n  treeData: initialTreeData,\n}: AdminParametersProps) => {\n  const client = useClient<AdminParameterController>();\n  const toast = useToast();\n\n  // State\n  const [treeData, setTreeData] =\n    useState<ParameterTreeNode[]>(initialTreeData);\n  const [selectedConfig, setSelectedConfig] = useState<string | null>(null);\n  const [configValue, setConfigValue] = useState<ParameterValue | null>(null);\n  const [history, setHistory] = useState<Parameter[]>([]);\n  const [loadingConfig, setLoadingConfig] = useState(false);\n  const [loadingHistory, setLoadingHistory] = useState(false);\n  const [saving, setSaving] = useState(false);\n\n  // Refresh tree data\n  const handleRefresh = useCallback(async () => {\n    try {\n      const tree = await client.getParameterTree({});\n      setTreeData(tree as ParameterTreeNode[]);\n    } catch (error) {\n      toast.danger({\n        title: \"Failed to refresh parameters\",\n        message: error instanceof Error ? error.message : \"Unknown error\",\n      });\n    }\n  }, [client, toast]);\n\n  // Load config value and history when selection changes\n  const loadConfigDetails = useCallback(\n    async (name: string) => {\n      setLoadingConfig(true);\n      setLoadingHistory(true);\n\n      try {\n        const [currentResponse, historyResponse] = await Promise.all([\n          client.getCurrent({ params: { name } }),\n          client.getHistory({ params: { name } }),\n        ]);\n        setConfigValue(currentResponse);\n        setHistory(historyResponse.versions);\n      } catch (error) {\n        toast.danger({\n          title: \"Failed to load configuration\",\n          message: error instanceof Error ? error.message : \"Unknown error\",\n        });\n        setConfigValue(null);\n        setHistory([]);\n      } finally {\n        setLoadingConfig(false);\n        setLoadingHistory(false);\n      }\n    },\n    [client, toast],\n  );\n\n  // Handle save\n  const handleSave = useCallback(\n    async (values: Record<string, unknown>) => {\n      if (!selectedConfig || !configValue) return;\n\n      setSaving(true);\n      try {\n        await client.createVersion({\n          params: { name: selectedConfig },\n          body: {\n            content: values,\n            schemaHash: \"\", // Schema hash is computed server-side when empty\n            changeDescription: \"Updated via admin UI\",\n          },\n        });\n\n        toast.success({\n          title: \"Configuration saved\",\n          message: `${selectedConfig} has been updated`,\n        });\n\n        // Reload details\n        await loadConfigDetails(selectedConfig);\n      } catch (error) {\n        toast.danger({\n          title: \"Failed to save configuration\",\n          message: error instanceof Error ? error.message : \"Unknown error\",\n        });\n        throw error;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [client, selectedConfig, configValue, loadConfigDetails, toast],\n  );\n\n  // Load details when selection changes\n  useEffect(() => {\n    if (selectedConfig) {\n      loadConfigDetails(selectedConfig);\n    } else {\n      setConfigValue(null);\n      setHistory([]);\n    }\n  }, [selectedConfig, loadConfigDetails]);\n\n  // Handle rollback\n  const handleRollback = useCallback(\n    async (version: number) => {\n      if (!selectedConfig) return;\n\n      try {\n        await client.rollback({\n          params: { name: selectedConfig },\n          body: { targetVersion: version },\n        });\n\n        toast.success({\n          title: \"Rollback successful\",\n          message: `${selectedConfig} rolled back to version ${version}`,\n        });\n\n        // Reload details\n        await loadConfigDetails(selectedConfig);\n      } catch (error) {\n        toast.danger({\n          title: \"Rollback failed\",\n          message: error instanceof Error ? error.message : \"Unknown error\",\n        });\n      }\n    },\n    [client, selectedConfig, loadConfigDetails, toast],\n  );\n\n  // Empty state when no configs exist\n  if (treeData.length === 0) {\n    return (\n      <Flex flex={1} justify=\"center\" align=\"center\">\n        <Stack align=\"center\" gap=\"xs\">\n          <IconSettings\n            size={48}\n            stroke={1.5}\n            color=\"var(--mantine-color-dimmed)\"\n          />\n          <Text c=\"dimmed\">No Parameters Found</Text>\n          <Text size=\"xs\" c=\"dimmed\" ta=\"center\" maw={400}>\n            Define parameters using the $parameter primitive to manage dynamic\n            application settings. Parameters will appear here once created.\n          </Text>\n        </Stack>\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex flex={1} p=\"md\">\n      <Card\n        withBorder\n        p={0}\n        w={\"100%\"}\n        style={{\n          flexDirection: \"row\",\n        }}\n      >\n        <ParameterTree\n          treeData={treeData}\n          selectedConfig={selectedConfig}\n          onSelect={setSelectedConfig}\n          onRefresh={handleRefresh}\n        />\n\n        {selectedConfig ? (\n          <>\n            <ParameterDetails\n              selectedConfig={selectedConfig}\n              configValue={configValue}\n              loading={loadingConfig}\n              saving={saving}\n              onSave={handleSave}\n            />\n\n            <ParameterHistory\n              selectedConfig={selectedConfig}\n              history={history}\n              loading={loadingHistory}\n              onRollback={handleRollback}\n            />\n          </>\n        ) : (\n          <ParameterEmptyState />\n        )}\n      </Card>\n    </Flex>\n  );\n};\n\nexport default AdminParameters;\n"],"mappings":"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"}

package/dist/admin/{AdminSessions-DzIOxM3b.js → AdminSessions-CWnPosdd.js}

@@ -1,3 +1,4 @@
+import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
 import { ActionButton, DataTable, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
 import { IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet, IconTrash } from "@tabler/icons-react";
@@ -10,6 +11,7 @@ import { useState } from "react";
 import { sessions } from "alepha/api/users";
 
 //#region ../../src/admin/components/sessions/AdminSessions.tsx
+var AdminSessions_exports = /* @__PURE__ */ __exportAll({ default: () => AdminSessions });
 const AdminSessions = (props) => {
 	const client = useClient();
 	const router = useRouter();
@@ -144,8 +146,7 @@ const AdminSessions = (props) => {
 		}, refreshKey)
 	});
 };
-var AdminSessions_default = AdminSessions;
 
 //#endregion
-export { AdminSessions_default as t };
-//# sourceMappingURL=AdminSessions-DzIOxM3b.js.map
+export { AdminSessions_exports as n, AdminSessions as t };
+//# sourceMappingURL=AdminSessions-CWnPosdd.js.map

package/dist/admin/{AdminSessions-DzIOxM3b.js.map → AdminSessions-CWnPosdd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminSessions-DzIOxM3b.js","names":[],"sources":["../../src/admin/components/sessions/AdminSessions.tsx"],"sourcesContent":["import { 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 AdminSessionController,\n  type SessionEntity,\n  sessions,\n} 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.ts\";\n\nexport interface AdminSessionsProps {\n  userRealmName?: string;\n}\n\nconst AdminSessions = (props: AdminSessionsProps) => {\n  const client = useClient<AdminSessionController>();\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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"}
+{"version":3,"file":"AdminSessions-CWnPosdd.js","names":[],"sources":["../../src/admin/components/sessions/AdminSessions.tsx"],"sourcesContent":["import { 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 AdminSessionController,\n  type SessionEntity,\n  sessions,\n} 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.ts\";\n\nexport interface AdminSessionsProps {\n  userRealmName?: string;\n}\n\nconst AdminSessions = (props: AdminSessionsProps) => {\n  const client = useClient<AdminSessionController>();\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/{AdminUserAudits-CiUPN2BC.js → AdminUserAudits-nHv636E_.js}

@@ -1,3 +1,4 @@
+import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
 import { DataTable, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
 import { IconAlertTriangle, IconCheck, IconInfoCircle, IconX } from "@tabler/icons-react";
@@ -8,6 +9,7 @@ import { useI18n } from "alepha/react/i18n";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region ../../src/admin/components/users/AdminUserAudits.tsx
+var AdminUserAudits_exports = /* @__PURE__ */ __exportAll({ default: () => AdminUserAudits });
 const getSeverityColor = (severity) => {
 	switch (severity) {
 		case "critical": return "red";
@@ -171,8 +173,7 @@ const AdminUserAudits = (_props) => {
 		})
 	});
 };
-var AdminUserAudits_default = AdminUserAudits;
 
 //#endregion
-export { AdminUserAudits_default as t };
-//# sourceMappingURL=AdminUserAudits-CiUPN2BC.js.map
+export { AdminUserAudits_exports as n, AdminUserAudits as t };
+//# sourceMappingURL=AdminUserAudits-nHv636E_.js.map

package/dist/admin/{AdminUserAudits-CiUPN2BC.js.map → AdminUserAudits-nHv636E_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminUserAudits-CiUPN2BC.js","names":[],"sources":["../../src/admin/components/users/AdminUserAudits.tsx"],"sourcesContent":["import { 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 { AdminAuditController, AuditEntity } from \"alepha/api/audits\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouterState } from \"alepha/react/router\";\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<AdminAuditController>();\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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"}
+{"version":3,"file":"AdminUserAudits-nHv636E_.js","names":[],"sources":["../../src/admin/components/users/AdminUserAudits.tsx"],"sourcesContent":["import { 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 { AdminAuditController, AuditEntity } from \"alepha/api/audits\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouterState } from \"alepha/react/router\";\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<AdminAuditController>();\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-BwQKr4xE.js → AdminUserCreate-CjYD3Kjc.js}

@@ -1,3 +1,4 @@
+import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
 import { ActionButton, Control, Flex } from "@alepha/ui";
 import { t } from "alepha";
 import { useRouter } from "alepha/react/router";
@@ -7,6 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useForm } from "alepha/react/form";
 
 //#region ../../src/admin/components/users/AdminUserCreate.tsx
+var AdminUserCreate_exports = /* @__PURE__ */ __exportAll({ default: () => AdminUserCreate });
 const AdminUserCreate = (props) => {
 	const client = useClient();
 	const router = useRouter();
@@ -97,8 +99,7 @@ const AdminUserCreate = (props) => {
 		})
 	});
 };
-var AdminUserCreate_default = AdminUserCreate;
 
 //#endregion
-export { AdminUserCreate_default as t };
-//# sourceMappingURL=AdminUserCreate-BwQKr4xE.js.map
+export { AdminUserCreate_exports as n, AdminUserCreate as t };
+//# sourceMappingURL=AdminUserCreate-CjYD3Kjc.js.map

package/dist/admin/{AdminUserCreate-BwQKr4xE.js.map → AdminUserCreate-CjYD3Kjc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminUserCreate-BwQKr4xE.js","names":["Text"],"sources":["../../src/admin/components/users/AdminUserCreate.tsx"],"sourcesContent":["import { ActionButton, Control, Flex } from \"@alepha/ui\";\nimport { Card, Stack, Text } from \"@mantine/core\";\nimport { t } from \"alepha\";\nimport type { AdminUserController } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useForm } from \"alepha/react/form\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminUserCreateProps {\n  userRealmName?: string;\n}\n\nconst AdminUserCreate = (props: AdminUserCreateProps) => {\n  const client = useClient<AdminUserController>();\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.push(\"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":";;;;;;;;;AAaA,MAAM,mBAAmB,UAAgC;CACvD,MAAM,SAAS,WAAgC;CAC/C,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,KAAK,oBAAoB,EACpC,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"}
+{"version":3,"file":"AdminUserCreate-CjYD3Kjc.js","names":["Text"],"sources":["../../src/admin/components/users/AdminUserCreate.tsx"],"sourcesContent":["import { ActionButton, Control, Flex } from \"@alepha/ui\";\nimport { Card, Stack, Text } from \"@mantine/core\";\nimport { t } from \"alepha\";\nimport type { AdminUserController } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useForm } from \"alepha/react/form\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminUserCreateProps {\n  userRealmName?: string;\n}\n\nconst AdminUserCreate = (props: AdminUserCreateProps) => {\n  const client = useClient<AdminUserController>();\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.push(\"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":";;;;;;;;;;;AAaA,MAAM,mBAAmB,UAAgC;CACvD,MAAM,SAAS,WAAgC;CAC/C,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,KAAK,oBAAoB,EACpC,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"}

package/dist/admin/{AdminUserDetails-uqtC5aJ1.js → AdminUserDetails-Ccq-LsZ0.js}

@@ -1,3 +1,4 @@
+import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
 import { ActionButton, ClipboardButton, Control } from "@alepha/ui";
 import { t } from "alepha";
 import { IconActivity, IconCalendar, IconCheck, IconDevices, IconKey, IconShieldCheck, IconUser, IconX } from "@tabler/icons-react";
@@ -10,6 +11,7 @@ import { useEffect, useState } from "react";
 import { useForm } from "alepha/react/form";
 
 //#region ../../src/admin/components/users/AdminUserDetails.tsx
+var AdminUserDetails_exports = /* @__PURE__ */ __exportAll({ default: () => AdminUserDetails });
 const DataRow = ({ label, value, copyValue }) => /* @__PURE__ */ jsxs(Group, {
 	justify: "space-between",
 	py: 8,
@@ -468,8 +470,7 @@ const AdminUserDetails = (props) => {
 		]
 	});
 };
-var AdminUserDetails_default = AdminUserDetails;
 
 //#endregion
-export { AdminUserDetails_default as t };
-//# sourceMappingURL=AdminUserDetails-uqtC5aJ1.js.map
+export { AdminUserDetails_exports as n, AdminUserDetails as t };
+//# sourceMappingURL=AdminUserDetails-Ccq-LsZ0.js.map

package/dist/admin/{AdminUserDetails-uqtC5aJ1.js.map → AdminUserDetails-Ccq-LsZ0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminUserDetails-uqtC5aJ1.js","names":["Text"],"sources":["../../src/admin/components/users/AdminUserDetails.tsx"],"sourcesContent":["import { ActionButton, ClipboardButton, Control } from \"@alepha/ui\";\nimport {\n  Badge,\n  Box,\n  Card,\n  Center,\n  Divider,\n  Grid,\n  Group,\n  Loader,\n  Paper,\n  SimpleGrid,\n  Stack,\n  Text,\n  ThemeIcon,\n} from \"@mantine/core\";\nimport {\n  IconActivity,\n  IconCalendar,\n  IconCheck,\n  IconDevices,\n  IconKey,\n  IconShieldCheck,\n  IconUser,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type { AdminUserController, UserEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useForm } from \"alepha/react/form\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouterState } from \"alepha/react/router\";\nimport { type ReactNode, useEffect, useState } from \"react\";\n\nexport interface AdminUserDetailsProps {\n  userRealmName?: string;\n}\n\ninterface DataRowProps {\n  label: string;\n  value: ReactNode;\n  copyValue?: string;\n}\n\nconst DataRow = ({ label, value, copyValue }: DataRowProps) => (\n  <Group\n    justify=\"space-between\"\n    py={8}\n    wrap=\"nowrap\"\n    style={{ borderBottom: \"1px solid var(--mantine-color-default-border)\" }}\n  >\n    <Text size=\"sm\" c=\"dimmed\" style={{ flexShrink: 0 }}>\n      {label}\n    </Text>\n    <Group gap={6} wrap=\"nowrap\" style={{ minWidth: 0 }}>\n      {typeof value === \"string\" ? (\n        <Text size=\"sm\" fw={500} truncate style={{ maxWidth: 220 }}>\n          {value || \"—\"}\n        </Text>\n      ) : (\n        value\n      )}\n      {copyValue && (\n        <ClipboardButton\n          value={copyValue}\n          size=\"xs\"\n          variant=\"subtle\"\n          c=\"dimmed\"\n        />\n      )}\n    </Group>\n  </Group>\n);\n\ninterface StatCardProps {\n  icon: ReactNode;\n  label: string;\n  value: string | number;\n  color: string;\n}\n\nconst StatCard = ({ icon, label, value, color }: StatCardProps) => (\n  <Paper p=\"md\" radius=\"md\" withBorder>\n    <Group gap=\"sm\">\n      <ThemeIcon size=\"lg\" radius=\"md\" variant=\"light\" color={color}>\n        {icon}\n      </ThemeIcon>\n      <Box>\n        <Text size=\"xl\" fw={700} lh={1}>\n          {value}\n        </Text>\n        <Text size=\"xs\" c=\"dimmed\">\n          {label}\n        </Text>\n      </Box>\n    </Group>\n  </Paper>\n);\n\nconst AdminUserDetails = (props: AdminUserDetailsProps) => {\n  const state = useRouterState();\n  const client = useClient<AdminUserController>();\n  const { l } = useI18n();\n  const userId = state.params.userId as string;\n\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [editing, setEditing] = useState(false);\n\n  useEffect(() => {\n    const loadUser = async () => {\n      try {\n        const data = await client.getUser({\n          params: { id: userId },\n          query: { userRealmName: props.userRealmName },\n        });\n        setUser(data);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    loadUser();\n  }, [userId]);\n\n  const form = useForm({\n    schema: 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    handler: async (data) => {\n      const updated = await client.updateUser({\n        params: { id: userId },\n        query: { userRealmName: props.userRealmName },\n        body: data,\n      });\n      setUser(updated);\n      setEditing(false);\n    },\n  });\n\n  useEffect(() => {\n    if (user) {\n      form.input.email?.set(user.email ?? \"\");\n      form.input.phoneNumber?.set(user.phoneNumber ?? \"\");\n      form.input.firstName?.set(user.firstName ?? \"\");\n      form.input.lastName?.set(user.lastName ?? \"\");\n      form.input.roles?.set(user.roles ?? []);\n      form.input.enabled?.set(user.enabled);\n    }\n  }, [user]);\n\n  if (loading) {\n    return (\n      <Center flex={1} py=\"xl\">\n        <Loader />\n      </Center>\n    );\n  }\n\n  if (!user) {\n    return (\n      <Center flex={1} py=\"xl\">\n        <Stack align=\"center\" gap=\"xs\">\n          <IconUser size={48} opacity={0.3} />\n          <Text c=\"dimmed\">User not found</Text>\n        </Stack>\n      </Center>\n    );\n  }\n\n  const displayName =\n    user.firstName && user.lastName\n      ? `${user.firstName} ${user.lastName}`\n      : user.firstName || user.lastName || null;\n\n  return (\n    <Stack gap=\"md\">\n      {/* Stats Overview */}\n      <SimpleGrid cols={{ base: 2, sm: 4 }}>\n        <StatCard\n          icon={<IconDevices size={18} />}\n          label=\"Sessions\"\n          value={0}\n          color=\"blue\"\n        />\n        <StatCard\n          icon={<IconActivity size={18} />}\n          label=\"API Calls\"\n          value={0}\n          color=\"green\"\n        />\n        <StatCard\n          icon={<IconKey size={18} />}\n          label=\"Failed Logins\"\n          value={0}\n          color=\"orange\"\n        />\n        <StatCard\n          icon={<IconShieldCheck size={18} />}\n          label=\"Roles\"\n          value={user.roles.length}\n          color=\"violet\"\n        />\n      </SimpleGrid>\n\n      <Grid>\n        {/* Left Column - Account Details */}\n        <Grid.Col span={{ base: 12, md: 6 }}>\n          <Card padding={0} radius=\"md\" withBorder h=\"100%\">\n            <Group justify=\"space-between\" p=\"md\" pb={0}>\n              <Text fw={600} size=\"sm\">\n                Account Details\n              </Text>\n            </Group>\n            <Box px=\"md\" pb=\"md\">\n              <DataRow label=\"User ID\" value={user.id} copyValue={user.id} />\n              <DataRow\n                label=\"Username\"\n                value={user.username || \"—\"}\n                copyValue={user.username}\n              />\n              <DataRow\n                label=\"Email\"\n                value={\n                  <Group gap={6}>\n                    <Text size=\"sm\" fw={500}>\n                      {user.email || \"—\"}\n                    </Text>\n                    {user.email && (\n                      <Badge\n                        size=\"xs\"\n                        variant=\"light\"\n                        color={user.emailVerified ? \"green\" : \"orange\"}\n                      >\n                        {user.emailVerified ? \"verified\" : \"unverified\"}\n                      </Badge>\n                    )}\n                  </Group>\n                }\n                copyValue={user.email}\n              />\n              <DataRow\n                label=\"Phone\"\n                value={user.phoneNumber || \"—\"}\n                copyValue={user.phoneNumber}\n              />\n              <DataRow label=\"Realm\" value={user.realm} />\n              <DataRow\n                label=\"Status\"\n                value={\n                  <Group gap={4}>\n                    <ThemeIcon\n                      size={16}\n                      radius=\"xl\"\n                      color={user.enabled ? \"green\" : \"red\"}\n                      variant=\"filled\"\n                    >\n                      {user.enabled ? (\n                        <IconCheck size={10} />\n                      ) : (\n                        <IconX size={10} />\n                      )}\n                    </ThemeIcon>\n                    <Text size=\"sm\" fw={500}>\n                      {user.enabled ? \"Active\" : \"Disabled\"}\n                    </Text>\n                  </Group>\n                }\n              />\n            </Box>\n          </Card>\n        </Grid.Col>\n\n        {/* Right Column - Personal Info */}\n        <Grid.Col span={{ base: 12, md: 6 }}>\n          <Card padding={0} radius=\"md\" withBorder h=\"100%\">\n            <Group justify=\"space-between\" p=\"md\" pb={0}>\n              <Text fw={600} size=\"sm\">\n                Personal Information\n              </Text>\n              {!editing && (\n                <ActionButton\n                  variant=\"subtle\"\n                  size=\"xs\"\n                  onClick={() => setEditing(true)}\n                >\n                  Edit\n                </ActionButton>\n              )}\n            </Group>\n\n            {editing ? (\n              <Box p=\"md\">\n                <form {...form.props}>\n                  <Stack gap=\"sm\">\n                    <SimpleGrid cols={2}>\n                      <Control\n                        title=\"First Name\"\n                        input={form.input.firstName}\n                      />\n                      <Control title=\"Last Name\" input={form.input.lastName} />\n                    </SimpleGrid>\n                    <SimpleGrid cols={2}>\n                      <Control title=\"Email\" input={form.input.email} />\n                      <Control title=\"Phone\" input={form.input.phoneNumber} />\n                    </SimpleGrid>\n                    <Control title=\"Roles\" input={form.input.roles} />\n                    <Divider />\n                    <Group justify=\"flex-end\" gap=\"xs\">\n                      <ActionButton\n                        variant=\"subtle\"\n                        size=\"xs\"\n                        onClick={() => setEditing(false)}\n                      >\n                        Cancel\n                      </ActionButton>\n                      <ActionButton size=\"xs\" form={form}>\n                        Save\n                      </ActionButton>\n                    </Group>\n                  </Stack>\n                </form>\n              </Box>\n            ) : (\n              <Box px=\"md\" pb=\"md\">\n                <DataRow label=\"First Name\" value={user.firstName || \"—\"} />\n                <DataRow label=\"Last Name\" value={user.lastName || \"—\"} />\n                <DataRow label=\"Display Name\" value={displayName || \"—\"} />\n                <DataRow\n                  label=\"Roles\"\n                  value={\n                    user.roles.length > 0 ? (\n                      <Group gap={4}>\n                        {user.roles.map((role) => (\n                          <Badge key={role} size=\"xs\" variant=\"light\">\n                            {role}\n                          </Badge>\n                        ))}\n                      </Group>\n                    ) : (\n                      <Text size=\"sm\" c=\"dimmed\">\n                        No roles\n                      </Text>\n                    )\n                  }\n                />\n              </Box>\n            )}\n          </Card>\n        </Grid.Col>\n      </Grid>\n\n      {/* Timeline */}\n      <Card padding={0} radius=\"md\" withBorder>\n        <Group justify=\"space-between\" p=\"md\" pb={0}>\n          <Text fw={600} size=\"sm\">\n            Activity Timeline\n          </Text>\n        </Group>\n        <SimpleGrid cols={{ base: 2, sm: 4 }} p=\"md\">\n          <Box>\n            <Group gap={6} mb={4}>\n              <IconCalendar size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Created\n              </Text>\n            </Group>\n            <Text size=\"sm\" fw={500}>\n              {l(user.createdAt, { date: \"ll\" })}\n            </Text>\n            <Text size=\"xs\" c=\"dimmed\">\n              {l(user.createdAt, { date: \"fromNow\" })}\n            </Text>\n          </Box>\n          <Box>\n            <Group gap={6} mb={4}>\n              <IconCalendar size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Updated\n              </Text>\n            </Group>\n            <Text size=\"sm\" fw={500}>\n              {l(user.updatedAt, { date: \"ll\" })}\n            </Text>\n            <Text size=\"xs\" c=\"dimmed\">\n              {l(user.updatedAt, { date: \"fromNow\" })}\n            </Text>\n          </Box>\n          <Box>\n            <Group gap={6} mb={4}>\n              <IconDevices size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Last Login\n              </Text>\n            </Group>\n            <Text size=\"sm\" c=\"dimmed\">\n              —\n            </Text>\n          </Box>\n          <Box>\n            <Group gap={6} mb={4}>\n              <IconCheck size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Email Verified\n              </Text>\n            </Group>\n            {user.emailVerified ? (\n              <>\n                <Text size=\"sm\" fw={500}>\n                  {l(user.updatedAt, { date: \"ll\" })}\n                </Text>\n                <Text size=\"xs\" c=\"dimmed\">\n                  {l(user.updatedAt, { date: \"fromNow\" })}\n                </Text>\n              </>\n            ) : (\n              <Text size=\"sm\" c=\"dimmed\">\n                Not verified\n              </Text>\n            )}\n          </Box>\n        </SimpleGrid>\n      </Card>\n    </Stack>\n  );\n};\n\nexport default AdminUserDetails;\n"],"mappings":"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"}
+{"version":3,"file":"AdminUserDetails-Ccq-LsZ0.js","names":["Text"],"sources":["../../src/admin/components/users/AdminUserDetails.tsx"],"sourcesContent":["import { ActionButton, ClipboardButton, Control } from \"@alepha/ui\";\nimport {\n  Badge,\n  Box,\n  Card,\n  Center,\n  Divider,\n  Grid,\n  Group,\n  Loader,\n  Paper,\n  SimpleGrid,\n  Stack,\n  Text,\n  ThemeIcon,\n} from \"@mantine/core\";\nimport {\n  IconActivity,\n  IconCalendar,\n  IconCheck,\n  IconDevices,\n  IconKey,\n  IconShieldCheck,\n  IconUser,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type { AdminUserController, UserEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useForm } from \"alepha/react/form\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouterState } from \"alepha/react/router\";\nimport { type ReactNode, useEffect, useState } from \"react\";\n\nexport interface AdminUserDetailsProps {\n  userRealmName?: string;\n}\n\ninterface DataRowProps {\n  label: string;\n  value: ReactNode;\n  copyValue?: string;\n}\n\nconst DataRow = ({ label, value, copyValue }: DataRowProps) => (\n  <Group\n    justify=\"space-between\"\n    py={8}\n    wrap=\"nowrap\"\n    style={{ borderBottom: \"1px solid var(--mantine-color-default-border)\" }}\n  >\n    <Text size=\"sm\" c=\"dimmed\" style={{ flexShrink: 0 }}>\n      {label}\n    </Text>\n    <Group gap={6} wrap=\"nowrap\" style={{ minWidth: 0 }}>\n      {typeof value === \"string\" ? (\n        <Text size=\"sm\" fw={500} truncate style={{ maxWidth: 220 }}>\n          {value || \"—\"}\n        </Text>\n      ) : (\n        value\n      )}\n      {copyValue && (\n        <ClipboardButton\n          value={copyValue}\n          size=\"xs\"\n          variant=\"subtle\"\n          c=\"dimmed\"\n        />\n      )}\n    </Group>\n  </Group>\n);\n\ninterface StatCardProps {\n  icon: ReactNode;\n  label: string;\n  value: string | number;\n  color: string;\n}\n\nconst StatCard = ({ icon, label, value, color }: StatCardProps) => (\n  <Paper p=\"md\" radius=\"md\" withBorder>\n    <Group gap=\"sm\">\n      <ThemeIcon size=\"lg\" radius=\"md\" variant=\"light\" color={color}>\n        {icon}\n      </ThemeIcon>\n      <Box>\n        <Text size=\"xl\" fw={700} lh={1}>\n          {value}\n        </Text>\n        <Text size=\"xs\" c=\"dimmed\">\n          {label}\n        </Text>\n      </Box>\n    </Group>\n  </Paper>\n);\n\nconst AdminUserDetails = (props: AdminUserDetailsProps) => {\n  const state = useRouterState();\n  const client = useClient<AdminUserController>();\n  const { l } = useI18n();\n  const userId = state.params.userId as string;\n\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [editing, setEditing] = useState(false);\n\n  useEffect(() => {\n    const loadUser = async () => {\n      try {\n        const data = await client.getUser({\n          params: { id: userId },\n          query: { userRealmName: props.userRealmName },\n        });\n        setUser(data);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    loadUser();\n  }, [userId]);\n\n  const form = useForm({\n    schema: 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    handler: async (data) => {\n      const updated = await client.updateUser({\n        params: { id: userId },\n        query: { userRealmName: props.userRealmName },\n        body: data,\n      });\n      setUser(updated);\n      setEditing(false);\n    },\n  });\n\n  useEffect(() => {\n    if (user) {\n      form.input.email?.set(user.email ?? \"\");\n      form.input.phoneNumber?.set(user.phoneNumber ?? \"\");\n      form.input.firstName?.set(user.firstName ?? \"\");\n      form.input.lastName?.set(user.lastName ?? \"\");\n      form.input.roles?.set(user.roles ?? []);\n      form.input.enabled?.set(user.enabled);\n    }\n  }, [user]);\n\n  if (loading) {\n    return (\n      <Center flex={1} py=\"xl\">\n        <Loader />\n      </Center>\n    );\n  }\n\n  if (!user) {\n    return (\n      <Center flex={1} py=\"xl\">\n        <Stack align=\"center\" gap=\"xs\">\n          <IconUser size={48} opacity={0.3} />\n          <Text c=\"dimmed\">User not found</Text>\n        </Stack>\n      </Center>\n    );\n  }\n\n  const displayName =\n    user.firstName && user.lastName\n      ? `${user.firstName} ${user.lastName}`\n      : user.firstName || user.lastName || null;\n\n  return (\n    <Stack gap=\"md\">\n      {/* Stats Overview */}\n      <SimpleGrid cols={{ base: 2, sm: 4 }}>\n        <StatCard\n          icon={<IconDevices size={18} />}\n          label=\"Sessions\"\n          value={0}\n          color=\"blue\"\n        />\n        <StatCard\n          icon={<IconActivity size={18} />}\n          label=\"API Calls\"\n          value={0}\n          color=\"green\"\n        />\n        <StatCard\n          icon={<IconKey size={18} />}\n          label=\"Failed Logins\"\n          value={0}\n          color=\"orange\"\n        />\n        <StatCard\n          icon={<IconShieldCheck size={18} />}\n          label=\"Roles\"\n          value={user.roles.length}\n          color=\"violet\"\n        />\n      </SimpleGrid>\n\n      <Grid>\n        {/* Left Column - Account Details */}\n        <Grid.Col span={{ base: 12, md: 6 }}>\n          <Card padding={0} radius=\"md\" withBorder h=\"100%\">\n            <Group justify=\"space-between\" p=\"md\" pb={0}>\n              <Text fw={600} size=\"sm\">\n                Account Details\n              </Text>\n            </Group>\n            <Box px=\"md\" pb=\"md\">\n              <DataRow label=\"User ID\" value={user.id} copyValue={user.id} />\n              <DataRow\n                label=\"Username\"\n                value={user.username || \"—\"}\n                copyValue={user.username}\n              />\n              <DataRow\n                label=\"Email\"\n                value={\n                  <Group gap={6}>\n                    <Text size=\"sm\" fw={500}>\n                      {user.email || \"—\"}\n                    </Text>\n                    {user.email && (\n                      <Badge\n                        size=\"xs\"\n                        variant=\"light\"\n                        color={user.emailVerified ? \"green\" : \"orange\"}\n                      >\n                        {user.emailVerified ? \"verified\" : \"unverified\"}\n                      </Badge>\n                    )}\n                  </Group>\n                }\n                copyValue={user.email}\n              />\n              <DataRow\n                label=\"Phone\"\n                value={user.phoneNumber || \"—\"}\n                copyValue={user.phoneNumber}\n              />\n              <DataRow label=\"Realm\" value={user.realm} />\n              <DataRow\n                label=\"Status\"\n                value={\n                  <Group gap={4}>\n                    <ThemeIcon\n                      size={16}\n                      radius=\"xl\"\n                      color={user.enabled ? \"green\" : \"red\"}\n                      variant=\"filled\"\n                    >\n                      {user.enabled ? (\n                        <IconCheck size={10} />\n                      ) : (\n                        <IconX size={10} />\n                      )}\n                    </ThemeIcon>\n                    <Text size=\"sm\" fw={500}>\n                      {user.enabled ? \"Active\" : \"Disabled\"}\n                    </Text>\n                  </Group>\n                }\n              />\n            </Box>\n          </Card>\n        </Grid.Col>\n\n        {/* Right Column - Personal Info */}\n        <Grid.Col span={{ base: 12, md: 6 }}>\n          <Card padding={0} radius=\"md\" withBorder h=\"100%\">\n            <Group justify=\"space-between\" p=\"md\" pb={0}>\n              <Text fw={600} size=\"sm\">\n                Personal Information\n              </Text>\n              {!editing && (\n                <ActionButton\n                  variant=\"subtle\"\n                  size=\"xs\"\n                  onClick={() => setEditing(true)}\n                >\n                  Edit\n                </ActionButton>\n              )}\n            </Group>\n\n            {editing ? (\n              <Box p=\"md\">\n                <form {...form.props}>\n                  <Stack gap=\"sm\">\n                    <SimpleGrid cols={2}>\n                      <Control\n                        title=\"First Name\"\n                        input={form.input.firstName}\n                      />\n                      <Control title=\"Last Name\" input={form.input.lastName} />\n                    </SimpleGrid>\n                    <SimpleGrid cols={2}>\n                      <Control title=\"Email\" input={form.input.email} />\n                      <Control title=\"Phone\" input={form.input.phoneNumber} />\n                    </SimpleGrid>\n                    <Control title=\"Roles\" input={form.input.roles} />\n                    <Divider />\n                    <Group justify=\"flex-end\" gap=\"xs\">\n                      <ActionButton\n                        variant=\"subtle\"\n                        size=\"xs\"\n                        onClick={() => setEditing(false)}\n                      >\n                        Cancel\n                      </ActionButton>\n                      <ActionButton size=\"xs\" form={form}>\n                        Save\n                      </ActionButton>\n                    </Group>\n                  </Stack>\n                </form>\n              </Box>\n            ) : (\n              <Box px=\"md\" pb=\"md\">\n                <DataRow label=\"First Name\" value={user.firstName || \"—\"} />\n                <DataRow label=\"Last Name\" value={user.lastName || \"—\"} />\n                <DataRow label=\"Display Name\" value={displayName || \"—\"} />\n                <DataRow\n                  label=\"Roles\"\n                  value={\n                    user.roles.length > 0 ? (\n                      <Group gap={4}>\n                        {user.roles.map((role) => (\n                          <Badge key={role} size=\"xs\" variant=\"light\">\n                            {role}\n                          </Badge>\n                        ))}\n                      </Group>\n                    ) : (\n                      <Text size=\"sm\" c=\"dimmed\">\n                        No roles\n                      </Text>\n                    )\n                  }\n                />\n              </Box>\n            )}\n          </Card>\n        </Grid.Col>\n      </Grid>\n\n      {/* Timeline */}\n      <Card padding={0} radius=\"md\" withBorder>\n        <Group justify=\"space-between\" p=\"md\" pb={0}>\n          <Text fw={600} size=\"sm\">\n            Activity Timeline\n          </Text>\n        </Group>\n        <SimpleGrid cols={{ base: 2, sm: 4 }} p=\"md\">\n          <Box>\n            <Group gap={6} mb={4}>\n              <IconCalendar size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Created\n              </Text>\n            </Group>\n            <Text size=\"sm\" fw={500}>\n              {l(user.createdAt, { date: \"ll\" })}\n            </Text>\n            <Text size=\"xs\" c=\"dimmed\">\n              {l(user.createdAt, { date: \"fromNow\" })}\n            </Text>\n          </Box>\n          <Box>\n            <Group gap={6} mb={4}>\n              <IconCalendar size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Updated\n              </Text>\n            </Group>\n            <Text size=\"sm\" fw={500}>\n              {l(user.updatedAt, { date: \"ll\" })}\n            </Text>\n            <Text size=\"xs\" c=\"dimmed\">\n              {l(user.updatedAt, { date: \"fromNow\" })}\n            </Text>\n          </Box>\n          <Box>\n            <Group gap={6} mb={4}>\n              <IconDevices size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Last Login\n              </Text>\n            </Group>\n            <Text size=\"sm\" c=\"dimmed\">\n              —\n            </Text>\n          </Box>\n          <Box>\n            <Group gap={6} mb={4}>\n              <IconCheck size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Email Verified\n              </Text>\n            </Group>\n            {user.emailVerified ? (\n              <>\n                <Text size=\"sm\" fw={500}>\n                  {l(user.updatedAt, { date: \"ll\" })}\n                </Text>\n                <Text size=\"xs\" c=\"dimmed\">\n                  {l(user.updatedAt, { date: \"fromNow\" })}\n                </Text>\n              </>\n            ) : (\n              <Text size=\"sm\" c=\"dimmed\">\n                Not verified\n              </Text>\n            )}\n          </Box>\n        </SimpleGrid>\n      </Card>\n    </Stack>\n  );\n};\n\nexport default AdminUserDetails;\n"],"mappings":"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"}

package/dist/admin/{AdminUserLayout-CiPay35T.js → AdminUserLayout-7s41DiF_.js}

@@ -1,3 +1,4 @@
+import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
 import { ActionButton } from "@alepha/ui";
 import { IconBan, IconChevronDown, IconChevronLeft, IconDevices, IconExternalLink, IconHistory, IconLock, IconMail, IconPencil, IconSettings, IconShieldCheck, IconTrash, IconUser } from "@tabler/icons-react";
 import { NestedView, useActive, useRouter, useRouterState } from "alepha/react/router";
@@ -127,7 +128,6 @@ const AdminResourceHeader = (props) => {
 		})]
 	});
 };
-var AdminResourceHeader_default = AdminResourceHeader;
 
 //#endregion
 //#region ../../src/admin/components/shared/AdminResourceTabs.tsx
@@ -155,10 +155,10 @@ const AdminResourceTabs = (props) => {
 		children: [/* @__PURE__ */ jsx(Tabs.List, { children: tabs.map((tab) => /* @__PURE__ */ jsx(TabItem, { tab }, tab.value)) }), children]
 	});
 };
-var AdminResourceTabs_default = AdminResourceTabs;
 
 //#endregion
 //#region ../../src/admin/components/users/AdminUserLayout.tsx
+var AdminUserLayout_exports = /* @__PURE__ */ __exportAll({ default: () => AdminUserLayout });
 const AdminUserLayout = (props) => {
 	const router = useRouter();
 	const state = useRouterState();
@@ -248,7 +248,7 @@ const AdminUserLayout = (props) => {
 		children: /* @__PURE__ */ jsxs(Stack, {
 			gap: "lg",
 			children: [
-				/* @__PURE__ */ jsx(AdminResourceHeader_default, {
+				/* @__PURE__ */ jsx(AdminResourceHeader, {
 					backHref: router.path("adminUsers"),
 					backLabel: "Users",
 					avatar: user.picture || displayName.charAt(0).toUpperCase(),
@@ -293,7 +293,7 @@ const AdminUserLayout = (props) => {
 						}
 					]
 				}),
-				/* @__PURE__ */ jsx(AdminResourceTabs_default, {
+				/* @__PURE__ */ jsx(AdminResourceTabs, {
 					activeTab: getActiveTab(),
 					tabs: [
 						{
@@ -327,8 +327,7 @@ const AdminUserLayout = (props) => {
 		})
 	});
 };
-var AdminUserLayout_default = AdminUserLayout;
 
 //#endregion
-export { AdminUserLayout_default as t };
-//# sourceMappingURL=AdminUserLayout-CiPay35T.js.map
+export { AdminUserLayout_exports as n, AdminUserLayout as t };
+//# sourceMappingURL=AdminUserLayout-7s41DiF_.js.map

package/dist/admin/AdminUserLayout-7s41DiF_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUserLayout-7s41DiF_.js","names":["Text","Text"],"sources":["../../src/admin/components/shared/AdminResourceHeader.tsx","../../src/admin/components/shared/AdminResourceTabs.tsx","../../src/admin/components/users/AdminUserLayout.tsx"],"sourcesContent":["import { ActionButton } from \"@alepha/ui\";\nimport {\n  ActionIcon,\n  Avatar,\n  Badge,\n  Button,\n  Group,\n  Menu,\n  Stack,\n  Text,\n  Tooltip,\n} from \"@mantine/core\";\nimport {\n  IconChevronDown,\n  IconChevronLeft,\n  IconExternalLink,\n} from \"@tabler/icons-react\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { ComponentType, ReactNode } from \"react\";\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 ActionMenuItem = (props: { action: AdminResourceAction }) => {\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\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    <Stack gap=\"xs\">\n      {/* Breadcrumb / Back navigation */}\n      {backHref && (\n        <Group>\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        </Group>\n      )}\n\n      {/* Main header */}\n      <Group justify=\"space-between\" align=\"flex-start\" wrap=\"nowrap\">\n        {/* Left: Avatar + Info */}\n        <Group gap=\"md\" wrap=\"nowrap\">\n          {renderAvatar()}\n\n          <Stack gap={2} justify=\"center\" style={{ minHeight: 56 }}>\n            {/* Title row */}\n            <Group 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            </Group>\n\n            {/* Subtitle */}\n            {subtitle && (\n              <Text size=\"xs\" c=\"dimmed\">\n                {subtitle}\n              </Text>\n            )}\n          </Stack>\n        </Group>\n\n        {/* Right: Actions */}\n        <Group 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                  <ActionMenuItem key={index} action={action} />\n                ))}\n              </Menu.Dropdown>\n            </Menu>\n          )}\n        </Group>\n      </Group>\n    </Stack>\n  );\n};\n\nexport default AdminResourceHeader;\n","import { Tabs } from \"@mantine/core\";\nimport { useActive, useRouter } from \"alepha/react/router\";\nimport type { ComponentType, ReactNode } from \"react\";\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 TabItem = (props: { tab: AdminResourceTab }) => {\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\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          <TabItem key={tab.value} tab={tab} />\n        ))}\n      </Tabs.List>\n\n      {children}\n    </Tabs>\n  );\n};\n\nexport default AdminResourceTabs;\n","import { Box, Center, Loader, Stack, Text } from \"@mantine/core\";\nimport {\n  IconBan,\n  IconDevices,\n  IconHistory,\n  IconLock,\n  IconMail,\n  IconPencil,\n  IconSettings,\n  IconShieldCheck,\n  IconTrash,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport type { AdminUserController, UserEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { NestedView, useRouter, useRouterState } from \"alepha/react/router\";\nimport { useEffect, useState } 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\nconst AdminUserLayout = (props: AdminUserLayoutProps) => {\n  const router = useRouter<AdminRouter>();\n  const state = useRouterState();\n  const client = useClient<AdminUserController>();\n  const userId = state.params.userId as string;\n\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [actionLoading, setActionLoading] = useState<string | null>(null);\n\n  useEffect(() => {\n    const loadUser = async () => {\n      try {\n        const data = await client.getUser({\n          params: { id: userId },\n          query: { userRealmName: props.userRealmName },\n        });\n        setUser(data);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    loadUser();\n  }, [userId]);\n\n  if (loading) {\n    return (\n      <Center flex={1}>\n        <Loader />\n      </Center>\n    );\n  }\n\n  if (!user) {\n    return (\n      <Center flex={1}>\n        <Stack align=\"center\" gap=\"xs\">\n          <IconUser size={48} opacity={0.3} />\n          <Text c=\"dimmed\">User not found</Text>\n        </Stack>\n      </Center>\n    );\n  }\n\n  const displayName =\n    user.firstName || user.lastName\n      ? `${user.firstName ?? \"\"} ${user.lastName ?? \"\"}`.trim()\n      : user.username || user.email || \"User\";\n\n  const currentPath = state.url.pathname;\n  const getActiveTab = () => {\n    if (currentPath.endsWith(\"/sessions\")) return \"sessions\";\n    if (currentPath.endsWith(\"/settings\")) return \"settings\";\n    if (currentPath.endsWith(\"/audits\")) return \"audits\";\n    return \"profile\";\n  };\n\n  const handleBlockUser = async () => {\n    setActionLoading(\"block\");\n    try {\n      const updated = await client.updateUser({\n        params: { id: userId },\n        query: { userRealmName: props.userRealmName },\n        body: { enabled: !user.enabled },\n      });\n      setUser(updated);\n    } finally {\n      setActionLoading(null);\n    }\n  };\n\n  const handleSendVerification = async () => {\n    setActionLoading(\"verify\");\n    // TODO: Implement send verification\n    await new Promise((resolve) => setTimeout(resolve, 1000));\n    setActionLoading(null);\n  };\n\n  const handleResetPassword = async () => {\n    setActionLoading(\"reset\");\n    // TODO: Implement reset password\n    await new Promise((resolve) => setTimeout(resolve, 1000));\n    setActionLoading(null);\n  };\n\n  const handleDeleteUser = async () => {\n    if (\n      !confirm(\n        \"Are you sure you want to delete this user? This action cannot be undone.\",\n      )\n    ) {\n      return;\n    }\n    setActionLoading(\"delete\");\n    try {\n      await client.deleteUser({\n        params: { id: userId },\n        query: { userRealmName: props.userRealmName },\n      });\n      await router.push(\"adminUsers\");\n    } finally {\n      setActionLoading(null);\n    }\n  };\n\n  return (\n    <Box py=\"xl\" px=\"xl\" flex={1}>\n      <Stack gap=\"lg\">\n        <AdminResourceHeader\n          backHref={router.path(\"adminUsers\")}\n          backLabel=\"Users\"\n          avatar={user.picture || displayName.charAt(0).toUpperCase()}\n          avatarColor={user.enabled ? \"blue\" : \"gray\"}\n          title={displayName}\n          subtitle={user.email || user.username || undefined}\n          status={{\n            label: user.enabled ? \"Active\" : \"Disabled\",\n            color: user.enabled ? \"green\" : \"red\",\n          }}\n          menuActions={[\n            {\n              label: \"Edit Profile\",\n              icon: IconPencil,\n              href: router.path(\"adminUserDetails\", { params: { userId } }),\n            },\n            {\n              label: user.enabled ? \"Disable User\" : \"Enable User\",\n              icon: user.enabled ? IconBan : IconShieldCheck,\n              color: user.enabled ? \"orange\" : \"green\",\n              onClick: handleBlockUser,\n              loading: actionLoading === \"block\",\n            },\n            ...(user.email && !user.emailVerified\n              ? [\n                  {\n                    label: \"Send Verification Email\",\n                    icon: IconMail,\n                    onClick: handleSendVerification,\n                    loading: actionLoading === \"verify\",\n                  },\n                ]\n              : []),\n            {\n              label: \"Reset Password\",\n              icon: IconLock,\n              onClick: handleResetPassword,\n              loading: actionLoading === \"reset\",\n            },\n            {\n              label: \"Delete User\",\n              icon: IconTrash,\n              color: \"red\",\n              onClick: handleDeleteUser,\n              loading: actionLoading === \"delete\",\n            },\n          ]}\n        />\n\n        <AdminResourceTabs\n          activeTab={getActiveTab()}\n          tabs={[\n            {\n              value: \"profile\",\n              label: \"Profile\",\n              icon: IconUser,\n              href: router.path(\"adminUserDetails\", { params: { userId } }),\n            },\n            {\n              value: \"sessions\",\n              label: \"Sessions\",\n              icon: IconDevices,\n              href: router.path(\"adminUserSessions\", { params: { userId } }),\n            },\n            {\n              value: \"audits\",\n              label: \"Activity\",\n              icon: IconHistory,\n              href: router.path(\"adminUserAudits\", { params: { userId } }),\n            },\n            {\n              value: \"settings\",\n              label: \"Settings\",\n              icon: IconSettings,\n              href: router.path(\"adminUserSettings\", { params: { userId } }),\n            },\n          ]}\n        />\n\n        <NestedView />\n      </Stack>\n    </Box>\n  );\n};\n\nexport default AdminUserLayout;\n"],"mappings":";;;;;;;;;;AA8GA,MAAM,kBAAkB,UAA2C;CACjE,MAAM,EAAE,WAAW;CACnB,MAAM,SAAS,WAAW;CAE1B,MAAM,gBAAyC,EAAE;AACjD,KAAI,OAAO,KACT,QAAO,OAAO,eAAe,OAAO,OAAO,OAAO,KAAK,CAAC;UAC/C,OAAO,QAChB,eAAc,UAAU,OAAO;AAGjC,QACE,oBAAC,KAAK;EACJ,aAAa,OAAO,OAAO,oBAAC,OAAO,QAAK,MAAM,KAAM,GAAG;EACvD,OAAO,OAAO;EACd,UAAU,OAAO;EACjB,GAAI;YAEH,OAAO;GACE;;AAIhB,MAAM,uBAAuB,UAAoC;CAC/D,MAAM,EACJ,UACA,YAAY,QACZ,QACA,cAAc,QACd,OACA,UACA,YACA,kBAAkB,MAClB,QACA,SAAS,EAAE,EACX,eACA,cAAc,EAAE,EAChB,gBACE;CAEJ,MAAM,qBAAqB;AACzB,MAAI,OAAO,WAAW,UAAU;AAC9B,OAAI,OAAO,WAAW,OAAO,IAAI,OAAO,WAAW,IAAI,CACrD,QACE,oBAAC;IAAO,KAAK;IAAQ,MAAM;IAAI,QAAO;IAAK,OAAO;KAAe;AAGrE,UACE,oBAAC;IAAO,MAAM;IAAI,QAAO;IAAK,OAAO;cAClC;KACM;;AAGb,MAAI,OACF,QAAO;AAET,SACE,oBAAC;GAAO,MAAM;GAAI,QAAO;GAAK,OAAO;aAClC,MAAM,OAAO,EAAE,CAAC,aAAa;IACvB;;AAIb,QACE,qBAAC;EAAM,KAAI;aAER,YACC,oBAAC,mBACC,oBAAC;GACC,SAAQ;GACR,MAAK;GACL,MAAM;GACN,aAAa,oBAAC,mBAAgB,MAAM,KAAM;GAC1C,GAAE;aAED;IACY,GACT,EAIV,qBAAC;GAAM,SAAQ;GAAgB,OAAM;GAAa,MAAK;cAErD,qBAAC;IAAM,KAAI;IAAK,MAAK;eAClB,cAAc,EAEf,qBAAC;KAAM,KAAK;KAAG,SAAQ;KAAS,OAAO,EAAE,WAAW,IAAI;gBAEtD,qBAAC;MAAM,KAAI;MAAK,OAAM;iBACpB,oBAACA;OAAK,MAAK;OAAK,IAAI;OAAK,IAAI;iBAC1B;QACI,EACN,UACC,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,OAAO,OAAO;OACd,IAAG;iBAEF,OAAO;QACF;OAEJ,EAGP,YACC,oBAACA;MAAK,MAAK;MAAK,GAAE;gBACf;OACI;MAEH;KACF,EAGR,qBAAC;IAAM,KAAI;;KACR,eACC,oBAAC;MAAQ,OAAM;MAAkB,WAAW;gBAC1C,oBAAC;OACC,SAAQ;OACR,OAAM;OACN,WAAU;OACV,MAAM;OACN,QAAO;iBAEP,oBAAC,oBAAiB,MAAM,KAAM;QACnB;OACL;KAGX,iBACC,oBAAC;MACC,SAAS,cAAc,WAAW;MAClC,OAAO,cAAc;MACrB,SAAS,cAAc;MACvB,MAAM,cAAc;MACpB,SAAS,cAAc;MACvB,UAAU,cAAc;MACxB,aACE,cAAc,OACZ,oBAAC,cAAc,QAAK,MAAM,KAAM,GAC9B;gBAGL,cAAc;OACF;KAGhB,YAAY,SAAS,KACpB,qBAAC;MAAK,UAAS;MAAa,QAAO;MAAK,OAAO;iBAC7C,oBAAC,KAAK,oBACJ,oBAAC;OACC,SAAQ;OACR,cAAc,oBAAC,mBAAgB,MAAM,KAAM;iBAC5C;QAEQ,GACG,EACd,oBAAC,KAAK,sBACH,YAAY,KAAK,QAAQ,UACxB,oBAAC,kBAAmC,UAAf,MAAyB,CAC9C,GACY;OACX;;KAEH;IACF;GACF;;;;;AC/NZ,MAAM,WAAW,UAAqC;CACpD,MAAM,EAAE,QAAQ;CAChB,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,UAAU,cAAc,UAAU,EAAE,MAAM,IAAI,MAAM,CAAC;CAC7D,MAAM,cAAc,OAAO,OAAO,IAAI,KAAK;AAE3C,QACE,qBAAC,KAAK;EACJ,OAAO,IAAI;EACX,WAAU;EACV,aAAa,IAAI,OAAO,oBAAC,IAAI,QAAK,MAAM,KAAM,GAAG;EACjD,UAAU,IAAI;EACd,eAAa,YAAY;EACzB,OAAO,EACL,SAAS,YAAY,KAAM,GAC5B;EACD,GAAI;aAEH,IAAI,OACJ,IAAI,UAAU,UAAa,IAAI,QAAQ,KAAK,KAAK,IAAI,MAAM;GACnD;;AAIf,MAAM,qBAAqB,UAAkC;CAC3D,MAAM,EAAE,MAAM,WAAW,aAAa;AAEtC,QACE,qBAAC;EAAK,OAAO;EAAW,SAAQ;aAC9B,oBAAC,KAAK,kBACH,KAAK,KAAK,QACT,oBAAC,WAA6B,OAAhB,IAAI,MAAmB,CACrC,GACQ,EAEX;GACI;;;;;;AChEX,MAAM,mBAAmB,UAAgC;CACvD,MAAM,SAAS,WAAwB;CACvC,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,SAAS,WAAgC;CAC/C,MAAM,SAAS,MAAM,OAAO;CAE5B,MAAM,CAAC,MAAM,WAAW,SAA4B,KAAK;CACzD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,eAAe,oBAAoB,SAAwB,KAAK;AAEvE,iBAAgB;EACd,MAAM,WAAW,YAAY;AAC3B,OAAI;AAKF,YAJa,MAAM,OAAO,QAAQ;KAChC,QAAQ,EAAE,IAAI,QAAQ;KACtB,OAAO,EAAE,eAAe,MAAM,eAAe;KAC9C,CAAC,CACW;aACL;AACR,eAAW,MAAM;;;AAIrB,YAAU;IACT,CAAC,OAAO,CAAC;AAEZ,KAAI,QACF,QACE,oBAAC;EAAO,MAAM;YACZ,oBAAC,WAAS;GACH;AAIb,KAAI,CAAC,KACH,QACE,oBAAC;EAAO,MAAM;YACZ,qBAAC;GAAM,OAAM;GAAS,KAAI;cACxB,oBAAC;IAAS,MAAM;IAAI,SAAS;KAAO,EACpC,oBAACC;IAAK,GAAE;cAAS;KAAqB;IAChC;GACD;CAIb,MAAM,cACJ,KAAK,aAAa,KAAK,WACnB,GAAG,KAAK,aAAa,GAAG,GAAG,KAAK,YAAY,KAAK,MAAM,GACvD,KAAK,YAAY,KAAK,SAAS;CAErC,MAAM,cAAc,MAAM,IAAI;CAC9B,MAAM,qBAAqB;AACzB,MAAI,YAAY,SAAS,YAAY,CAAE,QAAO;AAC9C,MAAI,YAAY,SAAS,YAAY,CAAE,QAAO;AAC9C,MAAI,YAAY,SAAS,UAAU,CAAE,QAAO;AAC5C,SAAO;;CAGT,MAAM,kBAAkB,YAAY;AAClC,mBAAiB,QAAQ;AACzB,MAAI;AAMF,WALgB,MAAM,OAAO,WAAW;IACtC,QAAQ,EAAE,IAAI,QAAQ;IACtB,OAAO,EAAE,eAAe,MAAM,eAAe;IAC7C,MAAM,EAAE,SAAS,CAAC,KAAK,SAAS;IACjC,CAAC,CACc;YACR;AACR,oBAAiB,KAAK;;;CAI1B,MAAM,yBAAyB,YAAY;AACzC,mBAAiB,SAAS;AAE1B,QAAM,IAAI,SAAS,YAAY,WAAW,SAAS,IAAK,CAAC;AACzD,mBAAiB,KAAK;;CAGxB,MAAM,sBAAsB,YAAY;AACtC,mBAAiB,QAAQ;AAEzB,QAAM,IAAI,SAAS,YAAY,WAAW,SAAS,IAAK,CAAC;AACzD,mBAAiB,KAAK;;CAGxB,MAAM,mBAAmB,YAAY;AACnC,MACE,CAAC,QACC,2EACD,CAED;AAEF,mBAAiB,SAAS;AAC1B,MAAI;AACF,SAAM,OAAO,WAAW;IACtB,QAAQ,EAAE,IAAI,QAAQ;IACtB,OAAO,EAAE,eAAe,MAAM,eAAe;IAC9C,CAAC;AACF,SAAM,OAAO,KAAK,aAAa;YACvB;AACR,oBAAiB,KAAK;;;AAI1B,QACE,oBAAC;EAAI,IAAG;EAAK,IAAG;EAAK,MAAM;YACzB,qBAAC;GAAM,KAAI;;IACT,oBAAC;KACC,UAAU,OAAO,KAAK,aAAa;KACnC,WAAU;KACV,QAAQ,KAAK,WAAW,YAAY,OAAO,EAAE,CAAC,aAAa;KAC3D,aAAa,KAAK,UAAU,SAAS;KACrC,OAAO;KACP,UAAU,KAAK,SAAS,KAAK,YAAY;KACzC,QAAQ;MACN,OAAO,KAAK,UAAU,WAAW;MACjC,OAAO,KAAK,UAAU,UAAU;MACjC;KACD,aAAa;MACX;OACE,OAAO;OACP,MAAM;OACN,MAAM,OAAO,KAAK,oBAAoB,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;OAC9D;MACD;OACE,OAAO,KAAK,UAAU,iBAAiB;OACvC,MAAM,KAAK,UAAU,UAAU;OAC/B,OAAO,KAAK,UAAU,WAAW;OACjC,SAAS;OACT,SAAS,kBAAkB;OAC5B;MACD,GAAI,KAAK,SAAS,CAAC,KAAK,gBACpB,CACE;OACE,OAAO;OACP,MAAM;OACN,SAAS;OACT,SAAS,kBAAkB;OAC5B,CACF,GACD,EAAE;MACN;OACE,OAAO;OACP,MAAM;OACN,SAAS;OACT,SAAS,kBAAkB;OAC5B;MACD;OACE,OAAO;OACP,MAAM;OACN,OAAO;OACP,SAAS;OACT,SAAS,kBAAkB;OAC5B;MACF;MACD;IAEF,oBAAC;KACC,WAAW,cAAc;KACzB,MAAM;MACJ;OACE,OAAO;OACP,OAAO;OACP,MAAM;OACN,MAAM,OAAO,KAAK,oBAAoB,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;OAC9D;MACD;OACE,OAAO;OACP,OAAO;OACP,MAAM;OACN,MAAM,OAAO,KAAK,qBAAqB,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;OAC/D;MACD;OACE,OAAO;OACP,OAAO;OACP,MAAM;OACN,MAAM,OAAO,KAAK,mBAAmB,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;OAC7D;MACD;OACE,OAAO;OACP,OAAO;OACP,MAAM;OACN,MAAM,OAAO,KAAK,qBAAqB,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;OAC/D;MACF;MACD;IAEF,oBAAC,eAAa;;IACR;GACJ"}

package/dist/admin/{AdminUserSessions-DAE8Nf1F.js → AdminUserSessions-Ds3ODq_d.js}

@@ -1,3 +1,4 @@
+import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
 import { ActionButton, DataTable, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
 import { IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet, IconTrash } from "@tabler/icons-react";
@@ -9,6 +10,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 
 //#region ../../src/admin/components/users/AdminUserSessions.tsx
+var AdminUserSessions_exports = /* @__PURE__ */ __exportAll({ default: () => AdminUserSessions });
 const AdminUserSessions = (props) => {
 	const state = useRouterState();
 	const client = useClient();
@@ -123,8 +125,7 @@ const AdminUserSessions = (props) => {
 		}, refreshKey)
 	});
 };
-var AdminUserSessions_default = AdminUserSessions;
 
 //#endregion
-export { AdminUserSessions_default as t };
-//# sourceMappingURL=AdminUserSessions-DAE8Nf1F.js.map
+export { AdminUserSessions_exports as n, AdminUserSessions as t };
+//# sourceMappingURL=AdminUserSessions-Ds3ODq_d.js.map

package/dist/admin/{AdminUserSessions-DAE8Nf1F.js.map → AdminUserSessions-Ds3ODq_d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminUserSessions-DAE8Nf1F.js","names":[],"sources":["../../src/admin/components/users/AdminUserSessions.tsx"],"sourcesContent":["import { 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 type { AdminSessionController, SessionEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouterState } from \"alepha/react/router\";\nimport { useState } from \"react\";\n\nexport interface AdminUserSessionsProps {\n  userRealmName?: string;\n}\n\nconst AdminUserSessions = (props: AdminUserSessionsProps) => {\n  const state = useRouterState();\n  const client = useClient<AdminSessionController>();\n  const { l } = useI18n();\n  const userId = state.params.userId as string;\n  const [refreshKey, setRefreshKey] = useState(0);\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  const filters = t.object({});\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<SessionEntity, typeof filters>\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        filters={filters}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\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              userId,\n              userRealmName: props.userRealmName,\n            },\n          });\n\n          return response as Page<SessionEntity>;\n        }}\n        columns={{\n          userAgent: {\n            label: \"Device\",\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 Address\",\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 AdminUserSessions;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAM,qBAAqB,UAAkC;CAC3D,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,SAAS,WAAmC;CAClD,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,SAAS,MAAM,OAAO;CAC5B,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAE/C,MAAM,iBAAiB,WAAoB;AACzC,UAAQ,QAAR;GACE,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;GACvC,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;GACvC,QACE,QAAO,oBAAC,qBAAkB,MAAM,KAAM;;;CAI5C,MAAM,aAAa,cAA6B;AAC9C,SAAO,IAAI,KAAK,UAAU,mBAAG,IAAI,MAAM;;CAGzC,MAAM,eAAe,OAAO,cAAsB;AAChD,QAAM,OAAO,cAAc;GACzB,QAAQ,EAAE,IAAI,WAAW;GACzB,OAAO,EAAE,eAAe,MAAM,eAAe;GAC9C,CAAC;AACF,iBAAe,MAAM,IAAI,EAAE;;AAK7B,QACE,oBAAC;EAAK,MAAM;EAAG,WAAU;YACvB,oBAAC;GAEC;GACA,aAAa;GACb,SARU,EAAE,OAAO,EAAE,CAAC;GAStB,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,eAAe,SAAS;AACtB,QAAI,UAAU,KAAK,UAAU,CAC3B,QAAO,EACL,SAAS,IACV;AAEH,WAAO,EAAE;;GAEX,OAAO,OAAO,YAAY;AASxB,WARiB,MAAM,OAAO,aAAa,EACzC,OAAO;KACL,GAAG;KACH;KACA,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,WAAW;KACT,OAAO;KACP,QAAQ,SACN,oBAAC;MAAM,KAAK;gBACT,KAAK,YACJ,4CACE,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,aAAa,cAAc,KAAK,UAAU,OAAO;iBAEhD,KAAK,UAAU;QACV,EACR,qBAAC;OAAK,MAAK;OAAK,GAAE;;QACf,KAAK,UAAU;QAAQ;QAAI,KAAK,UAAU;;QACtC,IACN,GAEH,oBAAC;OAAK,MAAK;OAAK,GAAE;iBAAS;QAEpB;OAEH;KAEX;IACD,IAAI;KACF,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAG;MAAY,GAAE;gBAC9B,KAAK,MAAM;OACP;KAEV;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAO,UAAU,KAAK,UAAU,GAAG,QAAQ;gBAE1C,UAAU,KAAK,UAAU,GAAG,YAAY;OACnC;KAEX;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAM;MACN,eAAe,aAAa,KAAK,GAAG;gBAEpC,oBAAC,aAAU,MAAM,KAAM;OACV;KAElB;IACF;KAlGI,WAmGL;GACG;;AAIX,gCAAe"}
+{"version":3,"file":"AdminUserSessions-Ds3ODq_d.js","names":[],"sources":["../../src/admin/components/users/AdminUserSessions.tsx"],"sourcesContent":["import { 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 type { AdminSessionController, SessionEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouterState } from \"alepha/react/router\";\nimport { useState } from \"react\";\n\nexport interface AdminUserSessionsProps {\n  userRealmName?: string;\n}\n\nconst AdminUserSessions = (props: AdminUserSessionsProps) => {\n  const state = useRouterState();\n  const client = useClient<AdminSessionController>();\n  const { l } = useI18n();\n  const userId = state.params.userId as string;\n  const [refreshKey, setRefreshKey] = useState(0);\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  const filters = t.object({});\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<SessionEntity, typeof filters>\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        filters={filters}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\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              userId,\n              userRealmName: props.userRealmName,\n            },\n          });\n\n          return response as Page<SessionEntity>;\n        }}\n        columns={{\n          userAgent: {\n            label: \"Device\",\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 Address\",\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 AdminUserSessions;\n"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,qBAAqB,UAAkC;CAC3D,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,SAAS,WAAmC;CAClD,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,SAAS,MAAM,OAAO;CAC5B,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAE/C,MAAM,iBAAiB,WAAoB;AACzC,UAAQ,QAAR;GACE,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;GACvC,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;GACvC,QACE,QAAO,oBAAC,qBAAkB,MAAM,KAAM;;;CAI5C,MAAM,aAAa,cAA6B;AAC9C,SAAO,IAAI,KAAK,UAAU,mBAAG,IAAI,MAAM;;CAGzC,MAAM,eAAe,OAAO,cAAsB;AAChD,QAAM,OAAO,cAAc;GACzB,QAAQ,EAAE,IAAI,WAAW;GACzB,OAAO,EAAE,eAAe,MAAM,eAAe;GAC9C,CAAC;AACF,iBAAe,MAAM,IAAI,EAAE;;AAK7B,QACE,oBAAC;EAAK,MAAM;EAAG,WAAU;YACvB,oBAAC;GAEC;GACA,aAAa;GACb,SARU,EAAE,OAAO,EAAE,CAAC;GAStB,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,eAAe,SAAS;AACtB,QAAI,UAAU,KAAK,UAAU,CAC3B,QAAO,EACL,SAAS,IACV;AAEH,WAAO,EAAE;;GAEX,OAAO,OAAO,YAAY;AASxB,WARiB,MAAM,OAAO,aAAa,EACzC,OAAO;KACL,GAAG;KACH;KACA,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,WAAW;KACT,OAAO;KACP,QAAQ,SACN,oBAAC;MAAM,KAAK;gBACT,KAAK,YACJ,4CACE,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,aAAa,cAAc,KAAK,UAAU,OAAO;iBAEhD,KAAK,UAAU;QACV,EACR,qBAAC;OAAK,MAAK;OAAK,GAAE;;QACf,KAAK,UAAU;QAAQ;QAAI,KAAK,UAAU;;QACtC,IACN,GAEH,oBAAC;OAAK,MAAK;OAAK,GAAE;iBAAS;QAEpB;OAEH;KAEX;IACD,IAAI;KACF,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAG;MAAY,GAAE;gBAC9B,KAAK,MAAM;OACP;KAEV;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAO,UAAU,KAAK,UAAU,GAAG,QAAQ;gBAE1C,UAAU,KAAK,UAAU,GAAG,YAAY;OACnC;KAEX;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAM;MACN,eAAe,aAAa,KAAK,GAAG;gBAEpC,oBAAC,aAAU,MAAM,KAAM;OACV;KAElB;IACF;KAlGI,WAmGL;GACG"}