npm - @alepha/ui - Versions diffs - 0.18.3 → 0.19.1 - Mend

@alepha/ui 0.18.3 → 0.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (181) hide show

package/dist/admin/{AdminApiKeys-Dy_k-4Vd.js → AdminApiKeys-C2ze85eD.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { _ as ActionButton, b as useToast, g as ClipboardButton, l as Flex$1, m as useDialog, r as DataTable, s as Text$1, u as StatCards } from "./core-CYaRQ8O-.js";
+import { _ as ClipboardButton, c as Text$1, d as StatCards, h as useDialog, r as DataTable, u as Flex$1, v as ActionButton, x as useToast } from "./core-CJCEx18C.js";
 import { t } from "alepha";
 import { useI18n } from "alepha/react/i18n";
 import { Badge, Code, Tooltip } from "@mantine/core";
@@ -7,7 +7,6 @@ import { useCallback, useState } from "react";
 import { IconCheck, IconClock, IconKey, IconNetwork, IconTrash, IconUser } from "@tabler/icons-react";
 import { useRouter } from "alepha/react/router";
 import { useClient } from "alepha/react";
 //#region ../../src/admin/components/keys/AdminApiKeys.tsx
 const getKeyStatus = (key) => {
 	if (key.revokedAt) return "revoked";
@@ -280,7 +279,7 @@ const AdminApiKeys = () => {
 		}, refreshKey)]
 	});
 };
 //#endregion
 export { AdminApiKeys as default };
-//# sourceMappingURL=AdminApiKeys-Dy_k-4Vd.js.map
+//# sourceMappingURL=AdminApiKeys-C2ze85eD.js.map

package/dist/admin/{AdminApiKeys-Dy_k-4Vd.js.map → AdminApiKeys-C2ze85eD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdminApiKeys-Dy_k-4Vd.js","names":["Flex","Text"],"sources":["../../src/admin/components/keys/AdminApiKeys.tsx"],"sourcesContent":["import {\n ActionButton,\n ClipboardButton,\n DataTable,\n Flex,\n StatCards,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport { Badge, Code, Tooltip } from \"@mantine/core\";\nimport {\n IconCheck,\n IconClock,\n IconKey,\n IconNetwork,\n IconTrash,\n IconUser,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminApiKeyController } from \"alepha/api/keys\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useCallback, useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface ApiKeyResource {\n id: string;\n userId: string;\n name: string;\n description?: string;\n tokenPrefix: string;\n tokenSuffix: string;\n roles: string[];\n createdAt: string;\n lastUsedAt?: string;\n lastUsedIp?: string;\n expiresAt?: string;\n revokedAt?: string;\n usageCount: number;\n}\n\ninterface KeyStats {\n total: number;\n active: number;\n revoked: number;\n expired: number;\n neverUsed: number;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst getKeyStatus = (\n key: ApiKeyResource,\n): \"active\" \| \"revoked\" \| \"expired\" => {\n if (key.revokedAt) return \"revoked\";\n if (key.expiresAt && new Date(key.expiresAt) < new Date()) return \"expired\";\n return \"active\";\n};\n\nconst formatKeyPreview = (prefix: string, suffix: string) => {\n return `${prefix}...${suffix}`;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Main Component\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminApiKeys = () => {\n const client = useClient<AdminApiKeyController>();\n const router = useRouter<AdminRouter>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n\n const [stats, setStats] = useState<KeyStats>({\n total: 0,\n active: 0,\n revoked: 0,\n expired: 0,\n neverUsed: 0,\n });\n const [refreshKey, setRefreshKey] = useState(0);\n const [loading, setLoading] = useState(true);\n\n const filters = t.object({\n userId: t.optional(t.uuid()),\n includeRevoked: t.optional(t.boolean()),\n });\n\n const handleRevoke = useCallback(\n async (key: ApiKeyResource) => {\n const confirmed = await dialog.confirm({\n title: \"Revoke API Key\",\n message: `Are you sure you want to revoke \"${key.name}\"? This action cannot be undone and will immediately invalidate the key.`,\n confirmLabel: \"Revoke Key\",\n confirmColor: \"red\",\n });\n\n if (!confirmed) return;\n\n try {\n await client.revokeApiKey({ params: { id: key.id } });\n toast.success(`API key \"${key.name}\" has been revoked`);\n setRefreshKey((k) => k + 1);\n } catch (error) {\n toast.danger(`Failed to revoke API key`);\n }\n },\n [client, dialog, toast],\n );\n\n const updateStats = useCallback((keys: ApiKeyResource[]) => {\n const now = new Date();\n const newStats: KeyStats = {\n total: keys.length,\n active: 0,\n revoked: 0,\n expired: 0,\n neverUsed: 0,\n };\n\n for (const key of keys) {\n if (key.revokedAt) {\n newStats.revoked++;\n } else if (key.expiresAt && new Date(key.expiresAt) < now) {\n newStats.expired++;\n } else {\n newStats.active++;\n }\n\n if (!key.lastUsedAt) {\n newStats.neverUsed++;\n }\n }\n\n setStats(newStats);\n setLoading(false);\n }, []);\n\n return (\n <Flex p=\"md\" flex={1} direction=\"column\" gap=\"md\">\n <StatCards\n items={[\n { label: \"Total Keys\", value: stats.total, icon: IconKey },\n { label: \"Active\", value: stats.active, icon: IconCheck },\n { label: \"Revoked\", value: stats.revoked, icon: IconTrash },\n { label: \"Never Used\", value: stats.neverUsed, icon: IconClock },\n ]}\n />\n\n <DataTable<ApiKeyResource, typeof filters>\n key={refreshKey}\n submitOnInit\n defaultSize={15}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 2,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={filters}\n tableTrProps={(item) => {\n const status = getKeyStatus(item);\n if (status === \"revoked\") {\n return { opacity: 0.6 };\n }\n if (status === \"expired\") {\n return { opacity: 0.7 };\n }\n return {};\n }}\n items={async (filters) => {\n const response = await client.findApiKeys({\n query: {\n ...filters,\n includeRevoked: filters.includeRevoked ?? true,\n },\n });\n\n const allKeys = await client.findApiKeys({\n query: { includeRevoked: true, size: 100 },\n });\n updateStats(allKeys.content as ApiKeyResource[]);\n\n return response as Page<ApiKeyResource>;\n }}\n columns={{\n name: {\n label: \"Name\",\n value: (item) => (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"sm\" fw={600}>\n {item.name}\n </Text>\n {item.description && (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {item.description}\n </Text>\n )}\n </Flex>\n ),\n },\n token: {\n label: \"Key\",\n value: (item) => (\n <Flex gap={4}>\n <Code\n ff=\"monospace\"\n style={{\n fontSize: 11,\n letterSpacing: \"0.5px\",\n }}\n >\n {formatKeyPreview(item.tokenPrefix, item.tokenSuffix)}\n </Code>\n <ClipboardButton\n size=\"xs\"\n variant=\"subtle\"\n value={formatKeyPreview(item.tokenPrefix, item.tokenSuffix)}\n />\n </Flex>\n ),\n },\n status: {\n label: \"Status\",\n value: (item) => {\n const status = getKeyStatus(item);\n return (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={\n status === \"active\"\n ? \"green\"\n : status === \"expired\"\n ? \"yellow\"\n : \"red\"\n }\n >\n {status}\n </Badge>\n );\n },\n },\n roles: {\n label: \"Roles\",\n value: (item) => (\n <Flex gap={4} wrap=\"wrap\">\n {item.roles.length > 0 ? (\n item.roles.slice(0, 3).map((role) => (\n <Badge key={role} size=\"xs\" variant=\"outline\" color=\"gray\">\n {role}\n </Badge>\n ))\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n No roles\n </Text>\n )}\n {item.roles.length > 3 && (\n <Tooltip label={item.roles.slice(3).join(\", \")}>\n <Badge size=\"xs\" variant=\"light\" color=\"gray\">\n +{item.roles.length - 3}\n </Badge>\n </Tooltip>\n )}\n </Flex>\n ),\n },\n usage: {\n label: \"Usage\",\n value: (item) => (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" ff=\"monospace\" fw={500}>\n {item.usageCount.toLocaleString()} calls\n </Text>\n {item.lastUsedAt ? (\n <Flex gap={4}>\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.lastUsedAt, { date: \"fromNow\" })}\n </Text>\n {item.lastUsedIp && (\n <Tooltip label={`Last IP: ${item.lastUsedIp}`}>\n <IconNetwork\n size={12}\n color=\"var(--mantine-color-dimmed)\"\n />\n </Tooltip>\n )}\n </Flex>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n Never used\n </Text>\n )}\n </Flex>\n ),\n },\n userId: {\n label: \"Owner\",\n value: (item) => (\n <ActionButton\n variant=\"subtle\"\n size=\"xs\"\n href={router.path(\"adminUserProfile\", {\n params: { userId: item.userId },\n })}\n leftSection={<IconUser size={12} />}\n >\n <Text size=\"xs\" ff=\"monospace\">\n {item.userId.slice(0, 8)}\n </Text>\n </ActionButton>\n ),\n },\n createdAt: {\n label: \"Created\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n expiresAt: {\n label: \"Expires\",\n value: (item) => {\n if (!item.expiresAt) {\n return (\n <Text size=\"xs\" c=\"dimmed\">\n Never\n </Text>\n );\n }\n\n return (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.expiresAt, { date: \"fromNow\" })}\n </Text>\n );\n },\n },\n }}\n rowActions={(item) => [\n {\n label: \"Revoke key\",\n icon: IconTrash,\n color: \"red\",\n onClick: () => handleRevoke(item),\n visible: getKeyStatus(item) === \"active\",\n },\n ]}\n />\n </Flex>\n );\n};\n\nexport default AdminApiKeys;\n"],"mappings":"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"}
1	+ {"version":3,"file":"AdminApiKeys-C2ze85eD.js","names":["Flex","Text"],"sources":["../../src/admin/components/keys/AdminApiKeys.tsx"],"sourcesContent":["import {\n ActionButton,\n ClipboardButton,\n DataTable,\n Flex,\n StatCards,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport { Badge, Code, Tooltip } from \"@mantine/core\";\nimport {\n IconCheck,\n IconClock,\n IconKey,\n IconNetwork,\n IconTrash,\n IconUser,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminApiKeyController } from \"alepha/api/keys\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useCallback, useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface ApiKeyResource {\n id: string;\n userId: string;\n name: string;\n description?: string;\n tokenPrefix: string;\n tokenSuffix: string;\n roles: string[];\n createdAt: string;\n lastUsedAt?: string;\n lastUsedIp?: string;\n expiresAt?: string;\n revokedAt?: string;\n usageCount: number;\n}\n\ninterface KeyStats {\n total: number;\n active: number;\n revoked: number;\n expired: number;\n neverUsed: number;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst getKeyStatus = (\n key: ApiKeyResource,\n): \"active\" \| \"revoked\" \| \"expired\" => {\n if (key.revokedAt) return \"revoked\";\n if (key.expiresAt && new Date(key.expiresAt) < new Date()) return \"expired\";\n return \"active\";\n};\n\nconst formatKeyPreview = (prefix: string, suffix: string) => {\n return `${prefix}...${suffix}`;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Main Component\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminApiKeys = () => {\n const client = useClient<AdminApiKeyController>();\n const router = useRouter<AdminRouter>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n\n const [stats, setStats] = useState<KeyStats>({\n total: 0,\n active: 0,\n revoked: 0,\n expired: 0,\n neverUsed: 0,\n });\n const [refreshKey, setRefreshKey] = useState(0);\n const [loading, setLoading] = useState(true);\n\n const filters = t.object({\n userId: t.optional(t.uuid()),\n includeRevoked: t.optional(t.boolean()),\n });\n\n const handleRevoke = useCallback(\n async (key: ApiKeyResource) => {\n const confirmed = await dialog.confirm({\n title: \"Revoke API Key\",\n message: `Are you sure you want to revoke \"${key.name}\"? This action cannot be undone and will immediately invalidate the key.`,\n confirmLabel: \"Revoke Key\",\n confirmColor: \"red\",\n });\n\n if (!confirmed) return;\n\n try {\n await client.revokeApiKey({ params: { id: key.id } });\n toast.success(`API key \"${key.name}\" has been revoked`);\n setRefreshKey((k) => k + 1);\n } catch (error) {\n toast.danger(`Failed to revoke API key`);\n }\n },\n [client, dialog, toast],\n );\n\n const updateStats = useCallback((keys: ApiKeyResource[]) => {\n const now = new Date();\n const newStats: KeyStats = {\n total: keys.length,\n active: 0,\n revoked: 0,\n expired: 0,\n neverUsed: 0,\n };\n\n for (const key of keys) {\n if (key.revokedAt) {\n newStats.revoked++;\n } else if (key.expiresAt && new Date(key.expiresAt) < now) {\n newStats.expired++;\n } else {\n newStats.active++;\n }\n\n if (!key.lastUsedAt) {\n newStats.neverUsed++;\n }\n }\n\n setStats(newStats);\n setLoading(false);\n }, []);\n\n return (\n <Flex p=\"md\" flex={1} direction=\"column\" gap=\"md\">\n <StatCards\n items={[\n { label: \"Total Keys\", value: stats.total, icon: IconKey },\n { label: \"Active\", value: stats.active, icon: IconCheck },\n { label: \"Revoked\", value: stats.revoked, icon: IconTrash },\n { label: \"Never Used\", value: stats.neverUsed, icon: IconClock },\n ]}\n />\n\n <DataTable<ApiKeyResource, typeof filters>\n key={refreshKey}\n submitOnInit\n defaultSize={15}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 2,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={filters}\n tableTrProps={(item) => {\n const status = getKeyStatus(item);\n if (status === \"revoked\") {\n return { opacity: 0.6 };\n }\n if (status === \"expired\") {\n return { opacity: 0.7 };\n }\n return {};\n }}\n items={async (filters) => {\n const response = await client.findApiKeys({\n query: {\n ...filters,\n includeRevoked: filters.includeRevoked ?? true,\n },\n });\n\n const allKeys = await client.findApiKeys({\n query: { includeRevoked: true, size: 100 },\n });\n updateStats(allKeys.content as ApiKeyResource[]);\n\n return response as Page<ApiKeyResource>;\n }}\n columns={{\n name: {\n label: \"Name\",\n value: (item) => (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"sm\" fw={600}>\n {item.name}\n </Text>\n {item.description && (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {item.description}\n </Text>\n )}\n </Flex>\n ),\n },\n token: {\n label: \"Key\",\n value: (item) => (\n <Flex gap={4}>\n <Code\n ff=\"monospace\"\n style={{\n fontSize: 11,\n letterSpacing: \"0.5px\",\n }}\n >\n {formatKeyPreview(item.tokenPrefix, item.tokenSuffix)}\n </Code>\n <ClipboardButton\n size=\"xs\"\n variant=\"subtle\"\n value={formatKeyPreview(item.tokenPrefix, item.tokenSuffix)}\n />\n </Flex>\n ),\n },\n status: {\n label: \"Status\",\n value: (item) => {\n const status = getKeyStatus(item);\n return (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={\n status === \"active\"\n ? \"green\"\n : status === \"expired\"\n ? \"yellow\"\n : \"red\"\n }\n >\n {status}\n </Badge>\n );\n },\n },\n roles: {\n label: \"Roles\",\n value: (item) => (\n <Flex gap={4} wrap=\"wrap\">\n {item.roles.length > 0 ? (\n item.roles.slice(0, 3).map((role) => (\n <Badge key={role} size=\"xs\" variant=\"outline\" color=\"gray\">\n {role}\n </Badge>\n ))\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n No roles\n </Text>\n )}\n {item.roles.length > 3 && (\n <Tooltip label={item.roles.slice(3).join(\", \")}>\n <Badge size=\"xs\" variant=\"light\" color=\"gray\">\n +{item.roles.length - 3}\n </Badge>\n </Tooltip>\n )}\n </Flex>\n ),\n },\n usage: {\n label: \"Usage\",\n value: (item) => (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" ff=\"monospace\" fw={500}>\n {item.usageCount.toLocaleString()} calls\n </Text>\n {item.lastUsedAt ? (\n <Flex gap={4}>\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.lastUsedAt, { date: \"fromNow\" })}\n </Text>\n {item.lastUsedIp && (\n <Tooltip label={`Last IP: ${item.lastUsedIp}`}>\n <IconNetwork\n size={12}\n color=\"var(--mantine-color-dimmed)\"\n />\n </Tooltip>\n )}\n </Flex>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n Never used\n </Text>\n )}\n </Flex>\n ),\n },\n userId: {\n label: \"Owner\",\n value: (item) => (\n <ActionButton\n variant=\"subtle\"\n size=\"xs\"\n href={router.path(\"adminUserProfile\", {\n params: { userId: item.userId },\n })}\n leftSection={<IconUser size={12} />}\n >\n <Text size=\"xs\" ff=\"monospace\">\n {item.userId.slice(0, 8)}\n </Text>\n </ActionButton>\n ),\n },\n createdAt: {\n label: \"Created\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n expiresAt: {\n label: \"Expires\",\n value: (item) => {\n if (!item.expiresAt) {\n return (\n <Text size=\"xs\" c=\"dimmed\">\n Never\n </Text>\n );\n }\n\n return (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.expiresAt, { date: \"fromNow\" })}\n </Text>\n );\n },\n },\n }}\n rowActions={(item) => [\n {\n label: \"Revoke key\",\n icon: IconTrash,\n color: \"red\",\n onClick: () => handleRevoke(item),\n visible: getKeyStatus(item) === \"active\",\n },\n ]}\n />\n </Flex>\n );\n};\n\nexport default AdminApiKeys;\n"],"mappings":"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"}

package/dist/admin/{AdminAudits-CKiFMSSU.js → AdminAudits-BIj81e4k.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { l as Flex$1, r as DataTable, s as Text$1 } from "./core-CYaRQ8O-.js";
+import { c as Text$1, r as DataTable, u as Flex$1 } from "./core-CJCEx18C.js";
 import { t } from "alepha";
 import { useI18n } from "alepha/react/i18n";
 import { Badge, Tooltip } from "@mantine/core";
@@ -6,7 +6,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { IconUser } from "@tabler/icons-react";
 import { useRouter } from "alepha/react/router";
 import { useClient } from "alepha/react";
 //#region ../../src/admin/components/audits/AdminAudits.tsx
 const AdminAudits = (props) => {
 	const client = useClient();
@@ -178,7 +177,7 @@ const AdminAudits = (props) => {
 		})
 	});
 };
 //#endregion
 export { AdminAudits as default };
-//# sourceMappingURL=AdminAudits-CKiFMSSU.js.map
+//# sourceMappingURL=AdminAudits-BIj81e4k.js.map

package/dist/admin/{AdminAudits-CKiFMSSU.js.map → AdminAudits-BIj81e4k.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdminAudits-~~CKiFMSSU~~.js","names":["Flex","Text"],"sources":["../../src/admin/components/audits/AdminAudits.tsx"],"sourcesContent":["import { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Tooltip } from \"@mantine/core\";\nimport { IconUser } 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 { useRouter } from \"alepha/react/router\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminAuditsProps {\n userRealmName?: string;\n}\n\nconst AdminAudits = (props: AdminAuditsProps) => {\n const client = useClient<AdminAuditController>();\n const router = useRouter<AdminRouter>();\n const { l } = useI18n();\n\n const filters = t.object({\n type: t.optional(t.text()),\n action: t.optional(t.text()),\n severity: t.optional(t.enum([\"info\", \"warning\", \"critical\"])),\n success: t.optional(t.boolean()),\n resourceType: t.optional(t.text()),\n search: t.optional(t.text()),\n from: t.optional(t.datetime()),\n to: t.optional(t.datetime()),\n });\n\n return (\n <Flex p=\"md\" flex={1} direction=\"column\">\n <DataTable<AuditEntity, typeof filters>\n submitOnInit\n defaultSize={20}\n defaultFilters={[\"search\", \"severity\"]}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 4,\n }}\n tableProps={{\n horizontalSpacing: \"xs\",\n verticalSpacing: \"xs\",\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={filters}\n tableTrProps={(item) => ({\n style: {\n cursor: item.userId ? \"pointer\" : \"default\",\n opacity: item.success ? 1 : 0.85,\n },\n onClick: () => {\n if (item.userId) {\n router.push(\"adminUserProfile\", {\n params: { userId: item.userId },\n });\n }\n },\n })}\n items={async (query) => {\n const response = await client.findAudits({\n query: {\n ...query,\n userRealm: props.userRealmName,\n },\n });\n return response as Page<AuditEntity>;\n }}\n columns={{\n type: {\n label: \"Type\",\n value: (item) => (\n <Badge size=\"sm\" variant=\"default\">\n {item.type}\n </Badge>\n ),\n },\n action: {\n label: \"Action\",\n value: (item) => (\n <Badge size=\"sm\" variant=\"default\">\n {item.action}\n </Badge>\n ),\n },\n severity: {\n label: \"Severity\",\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={\n item.severity === \"critical\"\n ? \"red\"\n : item.severity === \"warning\"\n ? \"yellow\"\n : \"gray\"\n }\n >\n {item.severity}\n </Badge>\n ),\n },\n user: {\n label: \"User\",\n value: (item) =>\n item.userId ? (\n <Tooltip\n label={\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\">{item.userEmail \|\| \"No email\"}</Text>\n <Text size=\"xs\" c=\"dimmed\">\n {item.userRealm \|\| \"default\"}\n </Text>\n </Flex>\n }\n >\n <Flex gap={4}>\n <IconUser size={12} />\n <Text size=\"xs\" lineClamp={1} maw={100}>\n {item.userEmail?.split(\"@\")[0] \|\| item.userId.slice(0, 8)}\n </Text>\n </Flex>\n </Tooltip>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n System\n </Text>\n ),\n },\n description: {\n label: \"Description\",\n value: (item) => (\n <Text size=\"sm\" lineClamp={1}>\n {item.description \|\| \"-\"}\n </Text>\n ),\n },\n resource: {\n label: \"Resource\",\n value: (item) =>\n item.resourceType ? (\n <Tooltip label={`${item.resourceType}: ${item.resourceId}`}>\n <Text size=\"xs\" ff=\"monospace\">\n {item.resourceType}\n </Text>\n </Tooltip>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n -\n </Text>\n ),\n },\n success: {\n label: \"Status\",\n value: (item) =>\n item.success ? (\n <Badge size=\"sm\" variant=\"light\" color=\"green\">\n OK\n </Badge>\n ) : (\n <Tooltip label={item.errorMessage \|\| \"Failed\"}>\n <Badge size=\"sm\" variant=\"light\" color=\"red\">\n Failed\n </Badge>\n </Tooltip>\n ),\n },\n ipAddress: {\n label: \"IP\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {item.ipAddress \|\| \"-\"}\n </Text>\n ),\n },\n createdAt: {\n label: \"Time\",\n value: (item) => (\n <Tooltip label={l(item.createdAt, { date: \"medium\" })}>\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n </Tooltip>\n ),\n },\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminAudits;\n"],"mappings":"~~;;;;;;;;;;~~AAcA,MAAM,eAAe,UAA4B;CAC/C,MAAM,SAAS,WAAiC;CAChD,MAAM,SAAS,WAAwB;CACvC,MAAM,EAAE,MAAM,SAAS;AAavB,QACE,oBAACA;~~EAAK~~,GAAE;EAAK,MAAM;EAAG,WAAU;YAC9B,oBAAC;~~GACC~~;GACA,aAAa;GACb,gBAAgB,CAAC,UAAU,WAAW;GACtC,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,iBAAiB,MAAM,QAAQ,SAAS,KAAK,QAAQ;GACrD,SA1BU,EAAE,OAAO;IACvB,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,SAAS,EAAE,KAAK;KAAC;KAAQ;KAAW;KAAW,CAAC,CAAC;IAC7D,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAChC,cAAc,EAAE,SAAS,EAAE,MAAM,CAAC;IAClC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;IAC5B,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC;IAC9B,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC;IAC7B,CAAC;GAkBI,eAAe,UAAU;IACvB,OAAO;KACL,QAAQ,KAAK,SAAS,YAAY;KAClC,SAAS,KAAK,UAAU,IAAI;KAC7B;IACD,eAAe;AACb,SAAI,KAAK,OACP,QAAO,KAAK,oBAAoB,EAC9B,QAAQ,EAAE,QAAQ,KAAK,QAAQ,EAChC,CAAC;;IAGP;GACD,OAAO,OAAO,UAAU;AAOtB,WANiB,MAAM,OAAO,WAAW,EACvC,OAAO;KACL,GAAG;KACH,WAAW,MAAM;KAClB,EACF,CAAC;;GAGJ,SAAS;IACP,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,oBAAC;~~MAAM~~,MAAK;MAAK,SAAQ;gBACtB,KAAK;~~OACA~~;KAEX;IACD,QAAQ;KACN,OAAO;KACP,QAAQ,SACN,oBAAC;~~MAAM~~,MAAK;MAAK,SAAQ;gBACtB,KAAK;~~OACA~~;KAEX;IACD,UAAU;KACR,OAAO;KACP,QAAQ,SACN,oBAAC;~~MACC~~,MAAK;MACL,SAAQ;MACR,OACE,KAAK,aAAa,aACd,QACA,KAAK,aAAa,YAChB,WACA;gBAGP,KAAK;~~OACA~~;KAEX;IACD,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,KAAK,SACH,oBAAC;~~MACC~~,OACE,qBAACA;~~OAAK~~,WAAU;OAAS,KAAK;~~kBAC5B~~,oBAACC;~~QAAK~~,MAAK;kBAAM,KAAK,aAAa;~~SAAkB~~,EACrD,oBAACA;~~QAAK~~,MAAK;QAAK,GAAE;kBACf,KAAK,aAAa;~~SACd;QACF;~~gBAGT,qBAACD;~~OAAK~~,KAAK;~~kBACT~~,oBAAC,~~YAAS~~,MAAM,~~KAAM~~,EACtB,oBAACC;~~QAAK~~,MAAK;QAAK,WAAW;QAAG,KAAK;kBAChC,KAAK,WAAW,MAAM,IAAI,CAAC,MAAM,KAAK,OAAO,MAAM,GAAG,EAAE;~~SACpD;QACF;OACC~~,GAEV,oBAACA;~~MAAK~~,MAAK;MAAK,GAAE;gBAAS;~~OAEpB~~;KAEZ;IACD,aAAa;KACX,OAAO;KACP,QAAQ,SACN,oBAACA;~~MAAK~~,MAAK;MAAK,WAAW;gBACxB,KAAK,eAAe;~~OAChB~~;KAEV;IACD,UAAU;KACR,OAAO;KACP,QAAQ,SACN,KAAK,eACH,oBAAC;~~MAAQ~~,OAAO,GAAG,KAAK,aAAa,IAAI,KAAK;gBAC5C,oBAACA;~~OAAK~~,MAAK;OAAK,IAAG;iBAChB,KAAK;~~QACD~~;~~OACC~~,GAEV,oBAACA;~~MAAK~~,MAAK;MAAK,GAAE;gBAAS;~~OAEpB~~;KAEZ;IACD,SAAS;KACP,OAAO;KACP,QAAQ,SACN,KAAK,UACH,oBAAC;~~MAAM~~,MAAK;MAAK,SAAQ;MAAQ,OAAM;gBAAQ;~~OAEvC~~,GAER,oBAAC;~~MAAQ~~,OAAO,KAAK,gBAAgB;gBACnC,oBAAC;~~OAAM~~,MAAK;OAAK,SAAQ;OAAQ,OAAM;iBAAM;~~QAErC~~;~~OACA~~;KAEf;IACD,WAAW;KACT,OAAO;KACP,QAAQ,SACN,oBAACA;~~MAAK~~,MAAK;MAAK,GAAE;MAAS,IAAG;gBAC3B,KAAK,aAAa;~~OACd~~;KAEV;IACD,WAAW;KACT,OAAO;KACP,QAAQ,SACN,oBAAC;~~MAAQ~~,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;gBACnD,oBAACA;~~OAAK~~,MAAK;OAAK,GAAE;iBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;~~QAClC~~;~~OACC~~;KAEb;IACF;~~IACD~~;~~GACG~~"}
1	+ {"version":3,"file":"AdminAudits-BIj81e4k.js","names":["Flex","Text"],"sources":["../../src/admin/components/audits/AdminAudits.tsx"],"sourcesContent":["import { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Tooltip } from \"@mantine/core\";\nimport { IconUser } 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 { useRouter } from \"alepha/react/router\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminAuditsProps {\n userRealmName?: string;\n}\n\nconst AdminAudits = (props: AdminAuditsProps) => {\n const client = useClient<AdminAuditController>();\n const router = useRouter<AdminRouter>();\n const { l } = useI18n();\n\n const filters = t.object({\n type: t.optional(t.text()),\n action: t.optional(t.text()),\n severity: t.optional(t.enum([\"info\", \"warning\", \"critical\"])),\n success: t.optional(t.boolean()),\n resourceType: t.optional(t.text()),\n search: t.optional(t.text()),\n from: t.optional(t.datetime()),\n to: t.optional(t.datetime()),\n });\n\n return (\n <Flex p=\"md\" flex={1} direction=\"column\">\n <DataTable<AuditEntity, typeof filters>\n submitOnInit\n defaultSize={20}\n defaultFilters={[\"search\", \"severity\"]}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 4,\n }}\n tableProps={{\n horizontalSpacing: \"xs\",\n verticalSpacing: \"xs\",\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={filters}\n tableTrProps={(item) => ({\n style: {\n cursor: item.userId ? \"pointer\" : \"default\",\n opacity: item.success ? 1 : 0.85,\n },\n onClick: () => {\n if (item.userId) {\n router.push(\"adminUserProfile\", {\n params: { userId: item.userId },\n });\n }\n },\n })}\n items={async (query) => {\n const response = await client.findAudits({\n query: {\n ...query,\n userRealm: props.userRealmName,\n },\n });\n return response as Page<AuditEntity>;\n }}\n columns={{\n type: {\n label: \"Type\",\n value: (item) => (\n <Badge size=\"sm\" variant=\"default\">\n {item.type}\n </Badge>\n ),\n },\n action: {\n label: \"Action\",\n value: (item) => (\n <Badge size=\"sm\" variant=\"default\">\n {item.action}\n </Badge>\n ),\n },\n severity: {\n label: \"Severity\",\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={\n item.severity === \"critical\"\n ? \"red\"\n : item.severity === \"warning\"\n ? \"yellow\"\n : \"gray\"\n }\n >\n {item.severity}\n </Badge>\n ),\n },\n user: {\n label: \"User\",\n value: (item) =>\n item.userId ? (\n <Tooltip\n label={\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\">{item.userEmail \|\| \"No email\"}</Text>\n <Text size=\"xs\" c=\"dimmed\">\n {item.userRealm \|\| \"default\"}\n </Text>\n </Flex>\n }\n >\n <Flex gap={4}>\n <IconUser size={12} />\n <Text size=\"xs\" lineClamp={1} maw={100}>\n {item.userEmail?.split(\"@\")[0] \|\| item.userId.slice(0, 8)}\n </Text>\n </Flex>\n </Tooltip>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n System\n </Text>\n ),\n },\n description: {\n label: \"Description\",\n value: (item) => (\n <Text size=\"sm\" lineClamp={1}>\n {item.description \|\| \"-\"}\n </Text>\n ),\n },\n resource: {\n label: \"Resource\",\n value: (item) =>\n item.resourceType ? (\n <Tooltip label={`${item.resourceType}: ${item.resourceId}`}>\n <Text size=\"xs\" ff=\"monospace\">\n {item.resourceType}\n </Text>\n </Tooltip>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n -\n </Text>\n ),\n },\n success: {\n label: \"Status\",\n value: (item) =>\n item.success ? (\n <Badge size=\"sm\" variant=\"light\" color=\"green\">\n OK\n </Badge>\n ) : (\n <Tooltip label={item.errorMessage \|\| \"Failed\"}>\n <Badge size=\"sm\" variant=\"light\" color=\"red\">\n Failed\n </Badge>\n </Tooltip>\n ),\n },\n ipAddress: {\n label: \"IP\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {item.ipAddress \|\| \"-\"}\n </Text>\n ),\n },\n createdAt: {\n label: \"Time\",\n value: (item) => (\n <Tooltip label={l(item.createdAt, { date: \"medium\" })}>\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n </Tooltip>\n ),\n },\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminAudits;\n"],"mappings":"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"}

package/dist/admin/{AdminDashboard-PhC_dZqo.js → AdminDashboard-PMVzrwSu.js} RENAMED Viewed

@@ -1,7 +1,6 @@
-import { l as Flex, s as Text } from "./core-CYaRQ8O-.js";
+import { c as Text, u as Flex } from "./core-CJCEx18C.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useAuth } from "alepha/react/auth";
 //#region ../../src/admin/components/AdminDashboard.tsx
 const AdminDashboard = () => {
 	const auth = useAuth();
@@ -61,7 +60,7 @@ const AdminDashboard = () => {
 		})]
 	});
 };
 //#endregion
 export { AdminDashboard as default };
-//# sourceMappingURL=AdminDashboard-PhC_dZqo.js.map
+//# sourceMappingURL=AdminDashboard-PMVzrwSu.js.map

package/dist/admin/{AdminDashboard-PhC_dZqo.js.map → AdminDashboard-PMVzrwSu.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdminDashboard-~~PhC_dZqo~~.js","names":[],"sources":["../../src/admin/components/AdminDashboard.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { useAuth } from \"alepha/react/auth\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminDashboard = () => {\n const auth = useAuth();\n\n return (\n <Flex elevated fill col pos=\"relative\" style={{ overflow: \"hidden\" }}>\n <Flex\n bg=\"yellow\"\n style={{\n position: \"absolute\",\n top: 0,\n left: 0,\n width: 256,\n height: 256,\n borderRadius: \"50%\",\n transform: \"translate(-50%, -50%)\",\n pointerEvents: \"none\",\n }}\n />\n\n {/* Header */}\n <Flex gap={4} p={128} pb=\"xl\" style={{ zIndex: 1 }}>\n <Flex col pos={\"relative\"}>\n <Text muted bold small uppercase>\n Account Home\n </Text>\n <Text\n top={10}\n pos={\"absolute\"}\n left={-20}\n fz={42}\n c={\"yellow\"}\n style={{ transform: \"rotate(-15deg)\" }}\n >\n !\n </Text>\n <Text fz={36}>Hello, {auth.user?.name ?? \"Admin\"}</Text>\n <Text muted>\n This is your admin dashboard. You can manage resources from the\n sidebar menu.\n </Text>\n </Flex>\n </Flex>\n </Flex>\n );\n};\n\nexport default AdminDashboard;\n"],"mappings":"~~;;;;;~~AAKA,MAAM,uBAAuB;CAC3B,MAAM,OAAO,SAAS;AAEtB,QACE,qBAAC;~~EAAK~~;EAAS;EAAK;EAAI,KAAI;EAAW,OAAO,EAAE,UAAU,UAAU;~~aAClE~~,oBAAC;~~GACC~~,IAAG;GACH,OAAO;IACL,UAAU;IACV,KAAK;IACL,MAAM;IACN,OAAO;IACP,QAAQ;IACR,cAAc;IACd,WAAW;IACX,eAAe;IAChB;~~IACD~~,EAGF,oBAAC;~~GAAK~~,KAAK;GAAG,GAAG;GAAK,IAAG;GAAK,OAAO,EAAE,QAAQ,GAAG;aAChD,qBAAC;~~IAAK~~;IAAI,KAAK~~;;KACb~~,oBAAC;~~MAAK~~;MAAM;MAAK;MAAM;gBAAU;~~OAE1B~~;KACP,oBAAC;~~MACC~~,KAAK;MACL,KAAK;MACL,MAAM;MACN,IAAI;MACJ,GAAG;MACH,OAAO,EAAE,WAAW,kBAAkB;gBACvC;~~OAEM~~;KACP,qBAAC;~~MAAK~~,IAAI;~~iBAAI~~,WAAQ,KAAK,MAAM,QAAQ~~;OAAe;~~KACxD,oBAAC;~~MAAK~~;gBAAM;~~OAGL~~;;~~KACF;IACF;~~GACF"}
1	+ {"version":3,"file":"AdminDashboard-PMVzrwSu.js","names":[],"sources":["../../src/admin/components/AdminDashboard.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { useAuth } from \"alepha/react/auth\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminDashboard = () => {\n const auth = useAuth();\n\n return (\n <Flex elevated fill col pos=\"relative\" style={{ overflow: \"hidden\" }}>\n <Flex\n bg=\"yellow\"\n style={{\n position: \"absolute\",\n top: 0,\n left: 0,\n width: 256,\n height: 256,\n borderRadius: \"50%\",\n transform: \"translate(-50%, -50%)\",\n pointerEvents: \"none\",\n }}\n />\n\n {/* Header */}\n <Flex gap={4} p={128} pb=\"xl\" style={{ zIndex: 1 }}>\n <Flex col pos={\"relative\"}>\n <Text muted bold small uppercase>\n Account Home\n </Text>\n <Text\n top={10}\n pos={\"absolute\"}\n left={-20}\n fz={42}\n c={\"yellow\"}\n style={{ transform: \"rotate(-15deg)\" }}\n >\n !\n </Text>\n <Text fz={36}>Hello, {auth.user?.name ?? \"Admin\"}</Text>\n <Text muted>\n This is your admin dashboard. You can manage resources from the\n sidebar menu.\n </Text>\n </Flex>\n </Flex>\n </Flex>\n );\n};\n\nexport default AdminDashboard;\n"],"mappings":";;;;AAKA,MAAM,uBAAuB;CAC3B,MAAM,OAAO,SAAS;AAEtB,QACE,qBAAC,MAAD;EAAM,UAAA;EAAS,MAAA;EAAK,KAAA;EAAI,KAAI;EAAW,OAAO,EAAE,UAAU,UAAU;YAApE,CACE,oBAAC,MAAD;GACE,IAAG;GACH,OAAO;IACL,UAAU;IACV,KAAK;IACL,MAAM;IACN,OAAO;IACP,QAAQ;IACR,cAAc;IACd,WAAW;IACX,eAAe;IAChB;GACD,CAAA,EAGF,oBAAC,MAAD;GAAM,KAAK;GAAG,GAAG;GAAK,IAAG;GAAK,OAAO,EAAE,QAAQ,GAAG;aAChD,qBAAC,MAAD;IAAM,KAAA;IAAI,KAAK;cAAf;KACE,oBAAC,MAAD;MAAM,OAAA;MAAM,MAAA;MAAK,OAAA;MAAM,WAAA;gBAAU;MAE1B,CAAA;KACP,oBAAC,MAAD;MACE,KAAK;MACL,KAAK;MACL,MAAM;MACN,IAAI;MACJ,GAAG;MACH,OAAO,EAAE,WAAW,kBAAkB;gBACvC;MAEM,CAAA;KACP,qBAAC,MAAD;MAAM,IAAI;gBAAV,CAAc,WAAQ,KAAK,MAAM,QAAQ,QAAe;;KACxD,oBAAC,MAAD;MAAM,OAAA;gBAAM;MAGL,CAAA;KACF;;GACF,CAAA,CACF"}

package/dist/admin/AdminFiles-Bq03BLt-.js ADDED Viewed

@@ -0,0 +1,189 @@
+import { c as Text$1, h as useDialog, r as DataTable, u as Flex$1, x as useToast } from "./core-CJCEx18C.js";
+import { t } from "alepha";
+import { useI18n } from "alepha/react/i18n";
+import { HoverCard } from "@mantine/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconDownload, IconFile, IconFileCode, IconFileMusic, IconFileSpreadsheet, IconFileText, IconFileZip, IconPdf, IconPhoto, IconTrash, IconVideo } from "@tabler/icons-react";
+import { useClient } from "alepha/react";
+import { files } from "alepha/api/files";
+//#region ../../src/admin/components/files/AdminFiles.tsx
+const AdminFiles = () => {
+	const client = useClient();
+	const { l } = useI18n();
+	const dialog = useDialog();
+	const toast = useToast();
+	const filters = t.object({
+		bucket: t.optional(t.string()),
+		name: t.optional(t.string({ $control: { query: t.pick(files.schema, [
+			"name",
+			"bucket",
+			"mimeType"
+		]) } }))
+	});
+	const isImage = (mime) => mime.startsWith("image/");
+	const getFileIcon = (mime) => {
+		if (isImage(mime)) return IconPhoto;
+		if (mime === "application/pdf") return IconPdf;
+		if (mime.startsWith("video/")) return IconVideo;
+		if (mime.startsWith("audio/")) return IconFileMusic;
+		if (mime.startsWith("text/csv") || mime.includes("spreadsheet")) return IconFileSpreadsheet;
+		if (mime.includes("zip") || mime.includes("tar") || mime.includes("gzip") || mime.includes("compress")) return IconFileZip;
+		if (mime.includes("javascript") || mime.includes("json") || mime.includes("xml") || mime.includes("html") || mime.includes("css")) return IconFileCode;
+		if (mime.startsWith("text/")) return IconFileText;
+		return IconFile;
+	};
+	const formatFileSize = (bytes) => {
+		if (bytes === 0) return "0 B";
+		const k = 1024;
+		const sizes = [
+			"B",
+			"KB",
+			"MB",
+			"GB"
+		];
+		const i = Math.floor(Math.log(bytes) / Math.log(k));
+		return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;
+	};
+	return /* @__PURE__ */ jsx(Flex$1, {
+		p: "md",
+		flex: 1,
+		direction: "column",
+		children: /* @__PURE__ */ jsx(DataTable, {
+			submitOnInit: true,
+			defaultSize: 10,
+			typeFormProps: {
+				skipSubmitButton: true,
+				columns: 3
+			},
+			tableProps: {
+				horizontalSpacing: "xs",
+				verticalSpacing: "xs"
+			},
+			onFilterChange: (key, _value, form) => {
+				if (key === "name" || key === "bucket") return form.submit();
+			},
+			filters,
+			items: async (filters) => {
+				return await client.findFiles({ query: filters });
+			},
+			columns: {
+				preview: {
+					label: "",
+					fit: true,
+					value: (item) => {
+						const Icon = getFileIcon(item.mimeType);
+						const url = `/api/files/${item.id}`;
+						if (isImage(item.mimeType)) return /* @__PURE__ */ jsxs(HoverCard, {
+							width: 512,
+							position: "right",
+							shadow: "lg",
+							openDelay: 200,
+							children: [/* @__PURE__ */ jsx(HoverCard.Target, { children: /* @__PURE__ */ jsx("img", {
+								src: url,
+								alt: item.name,
+								style: {
+									width: 32,
+									height: 32,
+									objectFit: "cover",
+									borderRadius: 4,
+									display: "block"
+								}
+							}) }), /* @__PURE__ */ jsx(HoverCard.Dropdown, {
+								p: 4,
+								children: /* @__PURE__ */ jsx("img", {
+									src: url,
+									alt: item.name,
+									style: {
+										width: 512,
+										height: 512,
+										objectFit: "contain",
+										display: "block"
+									}
+								})
+							})]
+						});
+						return /* @__PURE__ */ jsx(Icon, {
+							size: 20,
+							color: "var(--mantine-color-dimmed)"
+						});
+					}
+				},
+				name: {
+					label: "Name",
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "sm",
+						fw: 500,
+						lineClamp: 1,
+						children: item.name
+					})
+				},
+				bucket: {
+					label: "Bucket",
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						ff: "monospace",
+						children: item.bucket
+					})
+				},
+				mimeType: {
+					label: "Type",
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						c: "dimmed",
+						children: item.mimeType
+					})
+				},
+				size: {
+					label: "Size",
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						c: "dimmed",
+						children: formatFileSize(item.size)
+					})
+				},
+				creatorName: {
+					label: "Creator",
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						c: "dimmed",
+						children: item.creatorName || "-"
+					})
+				},
+				createdAt: {
+					label: "Created",
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						c: "dimmed",
+						children: l(item.createdAt, { date: "fromNow" })
+					})
+				}
+			},
+			rowActions: (item) => [{
+				label: "Download",
+				icon: IconDownload,
+				skipRefresh: true,
+				onClick: () => {
+					window.open(`/api/files/${item.id}`, "_blank");
+				}
+			}],
+			checkboxActions: [{
+				label: "Delete selected",
+				icon: /* @__PURE__ */ jsx(IconTrash, { size: 14 }),
+				intent: "danger",
+				onClick: async ({ selectedItems, clearSelection }) => {
+					if (!await dialog.confirm({
+						title: "Delete files",
+						message: `Permanently delete ${selectedItems.length} file(s)? This action cannot be undone.`
+					})) return;
+					for (const file of selectedItems) await client.deleteFile({ params: { id: file.id } });
+					toast.success({ message: `${selectedItems.length} file(s) deleted` });
+					clearSelection();
+				}
+			}]
+		})
+	});
+};
+//#endregion
+export { AdminFiles as default };
+//# sourceMappingURL=AdminFiles-Bq03BLt-.js.map

package/dist/admin/AdminFiles-Bq03BLt-.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminFiles-Bq03BLt-.js","names":["Flex","Text"],"sources":["../../src/admin/components/files/AdminFiles.tsx"],"sourcesContent":["import { DataTable, Flex, Text, useDialog, useToast } from \"@alepha/ui\";\nimport { HoverCard } from \"@mantine/core\";\nimport {\n IconDownload,\n IconFile,\n IconFileCode,\n IconFileMusic,\n IconFileSpreadsheet,\n IconFileText,\n IconFileZip,\n IconPdf,\n IconPhoto,\n IconTrash,\n IconVideo,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport { type FileController, type FileEntity, files } from \"alepha/api/files\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\n\nconst AdminFiles = () => {\n const client = useClient<FileController>();\n const { l } = useI18n();\n const dialog = useDialog();\n const toast = useToast();\n\n const filters = t.object({\n bucket: t.optional(t.string()),\n name: t.optional(\n t.string({\n $control: {\n query: t.pick(files.schema, [\"name\", \"bucket\", \"mimeType\"]),\n },\n }),\n ),\n });\n\n const isImage = (mime: string) => mime.startsWith(\"image/\");\n\n const getFileIcon = (mime: string) => {\n if (isImage(mime)) return IconPhoto;\n if (mime === \"application/pdf\") return IconPdf;\n if (mime.startsWith(\"video/\")) return IconVideo;\n if (mime.startsWith(\"audio/\")) return IconFileMusic;\n if (mime.startsWith(\"text/csv\") || mime.includes(\"spreadsheet\"))\n return IconFileSpreadsheet;\n if (\n mime.includes(\"zip\") ||\n mime.includes(\"tar\") ||\n mime.includes(\"gzip\") ||\n mime.includes(\"compress\")\n )\n return IconFileZip;\n if (\n mime.includes(\"javascript\") ||\n mime.includes(\"json\") ||\n mime.includes(\"xml\") ||\n mime.includes(\"html\") ||\n mime.includes(\"css\")\n )\n return IconFileCode;\n if (mime.startsWith(\"text/\")) return IconFileText;\n return IconFile;\n };\n\n const formatFileSize = (bytes: number) => {\n if (bytes === 0) return \"0 B\";\n const k = 1024;\n const sizes = [\"B\", \"KB\", \"MB\", \"GB\"];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;\n };\n\n return (\n <Flex p=\"md\" flex={1} direction={\"column\"}>\n <DataTable<FileEntity, typeof filters>\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 === \"name\" || key === \"bucket\") {\n return form.submit();\n }\n }}\n filters={filters}\n items={async (filters) => {\n const response = await client.findFiles({\n query: filters,\n });\n\n return response as Page<FileEntity>;\n }}\n columns={{\n preview: {\n label: \"\",\n fit: true,\n value: (item) => {\n const Icon = getFileIcon(item.mimeType);\n const url = `/api/files/${item.id}`;\n\n if (isImage(item.mimeType)) {\n return (\n <HoverCard\n width={512}\n position=\"right\"\n shadow=\"lg\"\n openDelay={200}\n >\n <HoverCard.Target>\n <img\n src={url}\n alt={item.name}\n style={{\n width: 32,\n height: 32,\n objectFit: \"cover\",\n borderRadius: 4,\n display: \"block\",\n }}\n />\n </HoverCard.Target>\n <HoverCard.Dropdown p={4}>\n <img\n src={url}\n alt={item.name}\n style={{\n width: 512,\n height: 512,\n objectFit: \"contain\",\n display: \"block\",\n }}\n />\n </HoverCard.Dropdown>\n </HoverCard>\n );\n }\n\n return <Icon size={20} color=\"var(--mantine-color-dimmed)\" />;\n },\n },\n name: {\n label: \"Name\",\n value: (item) => (\n <Text size=\"sm\" fw={500} lineClamp={1}>\n {item.name}\n </Text>\n ),\n },\n bucket: {\n label: \"Bucket\",\n value: (item) => (\n <Text size=\"xs\" ff=\"monospace\">\n {item.bucket}\n </Text>\n ),\n },\n mimeType: {\n label: \"Type\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.mimeType}\n </Text>\n ),\n },\n size: {\n label: \"Size\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {formatFileSize(item.size)}\n </Text>\n ),\n },\n creatorName: {\n label: \"Creator\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.creatorName || \"-\"}\n </Text>\n ),\n },\n createdAt: {\n label: \"Created\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n }}\n rowActions={(item) => [\n {\n label: \"Download\",\n icon: IconDownload,\n skipRefresh: true,\n onClick: () => {\n window.open(`/api/files/${item.id}`, \"_blank\");\n },\n },\n ]}\n checkboxActions={[\n {\n label: \"Delete selected\",\n icon: <IconTrash size={14} />,\n intent: \"danger\",\n onClick: async ({ selectedItems, clearSelection }) => {\n const confirmed = await dialog.confirm({\n title: \"Delete files\",\n message: `Permanently delete ${selectedItems.length} file(s)? This action cannot be undone.`,\n });\n if (!confirmed) return;\n for (const file of selectedItems) {\n await client.deleteFile({ params: { id: file.id } });\n }\n toast.success({\n message: `${selectedItems.length} file(s) deleted`,\n });\n clearSelection();\n },\n },\n ]}\n />\n </Flex>\n );\n};\n\nexport default AdminFiles;\n"],"mappings":"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"}