@alepha/ui 0.13.6 → 0.13.7

package/dist/admin/AdminParameters-YagqWTG3.js

@@ -0,0 +1,575 @@
+import { ActionButton, Flex, Text, TypeForm } from "@alepha/ui";
+import { jsonSchemaToTypeBox } from "alepha";
+import { useClient } from "@alepha/react";
+import { IconChevronDown, IconChevronRight, IconClock, IconFolder, IconFolderOpen, IconHistory, IconRefresh, IconSettings } from "@tabler/icons-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useI18n } from "@alepha/react/i18n";
+import { Badge, Box, Card, Code, Group, Loader, ScrollArea, Stack, Timeline, Tooltip, Tree, useTree } from "@mantine/core";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useForm } from "@alepha/react/form";
+
+//#region ../../src/admin/components/parameters/types.ts
+const getStatusColor = (status) => {
+	switch (status) {
+		case "current": return "green";
+		case "next": return "blue";
+		case "future": return "cyan";
+		case "expired": return "gray";
+		default: return "gray";
+	}
+};
+const formatJson = (obj) => {
+	try {
+		return JSON.stringify(obj, null, 2);
+	} catch {
+		return String(obj);
+	}
+};
+
+//#endregion
+//#region ../../src/admin/components/parameters/ParameterDetails.tsx
+const ParameterDetails = ({ selectedConfig, configValue, loading }) => {
+	const { l } = useI18n();
+	const currentContent = useMemo(() => {
+		if (configValue?.current?.content) return configValue.current.content;
+		if (configValue?.currentValue !== void 0) return configValue.currentValue;
+		return null;
+	}, [configValue]);
+	const schemaForForm = useMemo(() => {
+		if (!configValue?.schema) return {
+			type: "object",
+			properties: {}
+		};
+		return jsonSchemaToTypeBox(configValue.schema);
+	}, [configValue?.schema]);
+	const form = useForm({
+		schema: schemaForForm,
+		initialValues: currentContent ?? {},
+		handler: async () => {}
+	}, [
+		selectedConfig,
+		schemaForForm,
+		currentContent
+	]);
+	const hasValidSchema = useMemo(() => {
+		const schema = configValue?.schema;
+		return schema && typeof schema === "object" && "properties" in schema && Object.keys(schema.properties ?? {}).length > 0;
+	}, [configValue?.schema]);
+	if (!selectedConfig) return /* @__PURE__ */ jsx(Card, {
+		withBorder: true,
+		flex: 1,
+		h: "100%",
+		style: { overflow: "hidden" },
+		children: /* @__PURE__ */ jsx(Flex, {
+			flex: 1,
+			justify: "center",
+			align: "center",
+			h: "100%",
+			children: /* @__PURE__ */ jsxs(Stack, {
+				align: "center",
+				gap: "xs",
+				children: [/* @__PURE__ */ jsx(IconSettings, {
+					size: 32,
+					stroke: 1.5,
+					color: "var(--mantine-color-dimmed)"
+				}), /* @__PURE__ */ jsx(Text, {
+					c: "dimmed",
+					size: "sm",
+					children: "Select a parameter to view its value"
+				})]
+			})
+		})
+	});
+	if (loading) return /* @__PURE__ */ jsx(Card, {
+		withBorder: true,
+		flex: 1,
+		h: "100%",
+		style: { overflow: "hidden" },
+		children: /* @__PURE__ */ jsx(Flex, {
+			flex: 1,
+			justify: "center",
+			align: "center",
+			h: "100%",
+			children: /* @__PURE__ */ jsx(Loader, { size: "sm" })
+		})
+	});
+	return /* @__PURE__ */ jsx(Card, {
+		withBorder: true,
+		flex: 1,
+		h: "100%",
+		style: { overflow: "hidden" },
+		children: /* @__PURE__ */ jsxs(Stack, {
+			gap: "md",
+			h: "100%",
+			children: [/* @__PURE__ */ jsx(Group, {
+				justify: "space-between",
+				children: /* @__PURE__ */ jsxs(Stack, {
+					gap: 2,
+					children: [
+						/* @__PURE__ */ jsx(Text, {
+							size: "sm",
+							fw: 500,
+							children: selectedConfig
+						}),
+						configValue?.current && /* @__PURE__ */ jsxs(Group, {
+							gap: "xs",
+							children: [/* @__PURE__ */ jsxs(Badge, {
+								size: "xs",
+								color: "green",
+								variant: "light",
+								children: ["v", configValue.current.version]
+							}), configValue.next && /* @__PURE__ */ jsxs(Badge, {
+								size: "xs",
+								color: "blue",
+								variant: "light",
+								children: ["Next: v", configValue.next.version]
+							})]
+						}),
+						!configValue?.current && configValue?.currentValue !== void 0 && /* @__PURE__ */ jsx(Badge, {
+							size: "xs",
+							color: "yellow",
+							variant: "light",
+							children: "Default"
+						})
+					]
+				})
+			}), /* @__PURE__ */ jsx(ScrollArea, {
+				flex: 1,
+				offsetScrollbars: true,
+				children: currentContent !== null ? /* @__PURE__ */ jsxs(Stack, {
+					gap: "md",
+					children: [
+						/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+							size: "xs",
+							c: "dimmed",
+							mb: 4,
+							children: "Current Value"
+						}), hasValidSchema ? /* @__PURE__ */ jsx(TypeForm, {
+							form,
+							columns: 1,
+							skipSubmitButton: true,
+							skipFormElement: true
+						}) : /* @__PURE__ */ jsx(Code, {
+							block: true,
+							style: { whiteSpace: "pre-wrap" },
+							children: formatJson(currentContent)
+						})] }),
+						configValue?.current?.changeDescription && /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+							size: "xs",
+							c: "dimmed",
+							mb: 4,
+							children: "Change Description"
+						}), /* @__PURE__ */ jsx(Text, {
+							size: "sm",
+							children: configValue.current.changeDescription
+						})] }),
+						configValue?.current && /* @__PURE__ */ jsxs(Group, {
+							gap: "xl",
+							children: [/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+								size: "xs",
+								c: "dimmed",
+								mb: 2,
+								children: "Updated"
+							}), /* @__PURE__ */ jsx(Text, {
+								size: "sm",
+								children: l(configValue.current.updatedAt, { date: "fromNow" })
+							})] }), configValue.current.creatorName && /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+								size: "xs",
+								c: "dimmed",
+								mb: 2,
+								children: "Updated By"
+							}), /* @__PURE__ */ jsx(Text, {
+								size: "sm",
+								children: configValue.current.creatorName
+							})] })]
+						}),
+						!configValue?.current && configValue?.currentValue !== void 0 && /* @__PURE__ */ jsx(Text, {
+							size: "xs",
+							c: "dimmed",
+							children: "This configuration is using its default value. No versions have been saved to the database yet."
+						}),
+						configValue?.next && /* @__PURE__ */ jsx(Card, {
+							withBorder: true,
+							bg: "blue.0",
+							p: "sm",
+							children: /* @__PURE__ */ jsxs(Stack, {
+								gap: "xs",
+								children: [
+									/* @__PURE__ */ jsxs(Group, {
+										gap: "xs",
+										children: [/* @__PURE__ */ jsx(IconClock, {
+											size: 14,
+											color: "var(--mantine-color-blue-6)"
+										}), /* @__PURE__ */ jsxs(Text, {
+											size: "xs",
+											fw: 500,
+											c: "blue.7",
+											children: [
+												"Scheduled Update (v",
+												configValue.next.version,
+												")"
+											]
+										})]
+									}),
+									/* @__PURE__ */ jsxs(Text, {
+										size: "xs",
+										c: "dimmed",
+										children: [
+											"Activates",
+											" ",
+											l(configValue.next.activationDate, { date: "fromNow" })
+										]
+									}),
+									/* @__PURE__ */ jsx(Code, {
+										block: true,
+										style: { whiteSpace: "pre-wrap" },
+										fz: "xs",
+										children: formatJson(configValue.next.content)
+									})
+								]
+							})
+						})
+					]
+				}) : /* @__PURE__ */ jsx(Flex, {
+					justify: "center",
+					align: "center",
+					h: 200,
+					children: /* @__PURE__ */ jsx(Text, {
+						c: "dimmed",
+						size: "sm",
+						children: "No current value"
+					})
+				})
+			})]
+		})
+	});
+};
+var ParameterDetails_default = ParameterDetails;
+
+//#endregion
+//#region ../../src/admin/components/parameters/ParameterHistory.tsx
+const ParameterHistory = ({ selectedConfig, history, loading, onRollback }) => {
+	const { l } = useI18n();
+	const renderContent = () => {
+		if (!selectedConfig) return /* @__PURE__ */ jsx(Flex, {
+			flex: 1,
+			justify: "center",
+			align: "center",
+			children: /* @__PURE__ */ jsx(Text, {
+				c: "dimmed",
+				size: "xs",
+				children: "Select a parameter"
+			})
+		});
+		if (loading) return /* @__PURE__ */ jsx(Flex, {
+			flex: 1,
+			justify: "center",
+			align: "center",
+			children: /* @__PURE__ */ jsx(Loader, { size: "sm" })
+		});
+		if (history.length === 0) return /* @__PURE__ */ jsx(Flex, {
+			flex: 1,
+			justify: "center",
+			align: "center",
+			children: /* @__PURE__ */ jsx(Text, {
+				c: "dimmed",
+				size: "xs",
+				children: "No history"
+			})
+		});
+		return /* @__PURE__ */ jsx(ScrollArea, {
+			flex: 1,
+			offsetScrollbars: true,
+			children: /* @__PURE__ */ jsx(Timeline, {
+				active: history.findIndex((h) => h.status === "current"),
+				bulletSize: 24,
+				lineWidth: 2,
+				children: history.map((version) => /* @__PURE__ */ jsx(Timeline.Item, {
+					bullet: /* @__PURE__ */ jsx(Text, {
+						size: "xs",
+						fw: 500,
+						children: version.version
+					}),
+					title: /* @__PURE__ */ jsxs(Group, {
+						gap: "xs",
+						children: [/* @__PURE__ */ jsxs(Text, {
+							size: "xs",
+							fw: 500,
+							children: ["Version ", version.version]
+						}), /* @__PURE__ */ jsx(Badge, {
+							size: "xs",
+							variant: "light",
+							color: getStatusColor(version.status),
+							children: version.status
+						})]
+					}),
+					children: /* @__PURE__ */ jsxs(Stack, {
+						gap: 4,
+						mt: 4,
+						children: [
+							/* @__PURE__ */ jsx(Text, {
+								size: "xs",
+								c: "dimmed",
+								children: l(version.createdAt, { date: "fromNow" })
+							}),
+							version.changeDescription && /* @__PURE__ */ jsx(Text, {
+								size: "xs",
+								lineClamp: 2,
+								children: version.changeDescription
+							}),
+							version.creatorName && /* @__PURE__ */ jsxs(Text, {
+								size: "xs",
+								c: "dimmed",
+								children: ["by ", version.creatorName]
+							}),
+							version.migrationLog && /* @__PURE__ */ jsx(Badge, {
+								size: "xs",
+								variant: "outline",
+								color: "orange",
+								children: "Schema Changed"
+							}),
+							version.status === "expired" && /* @__PURE__ */ jsx(ActionButton, {
+								size: "compact-xs",
+								variant: "subtle",
+								onClick: () => onRollback(version.version),
+								children: "Rollback to this version"
+							})
+						]
+					})
+				}, version.id))
+			})
+		});
+	};
+	return /* @__PURE__ */ jsx(Card, {
+		withBorder: true,
+		w: 300,
+		h: "100%",
+		style: {
+			flexShrink: 0,
+			overflow: "hidden"
+		},
+		children: /* @__PURE__ */ jsxs(Stack, {
+			gap: "xs",
+			h: "100%",
+			children: [/* @__PURE__ */ jsxs(Group, {
+				gap: "xs",
+				children: [/* @__PURE__ */ jsx(IconHistory, {
+					size: 16,
+					color: "var(--mantine-color-dimmed)"
+				}), /* @__PURE__ */ jsx(Text, {
+					size: "sm",
+					fw: 500,
+					children: "Version History"
+				})]
+			}), renderContent()]
+		})
+	});
+};
+var ParameterHistory_default = ParameterHistory;
+
+//#endregion
+//#region ../../src/admin/components/parameters/ParameterTree.tsx
+const ParameterTree = ({ treeData, selectedConfig, onSelect, onRefresh }) => {
+	const tree = useTree({ initialExpandedState: {} });
+	const mantineTreeData = useMemo(() => {
+		const convert = (nodes) => {
+			return nodes.map((node) => ({
+				value: node.path,
+				label: node.name,
+				children: node.children.length > 0 ? convert(node.children) : void 0
+			}));
+		};
+		return convert(treeData);
+	}, [treeData]);
+	const renderNode = ({ node, expanded, hasChildren, elementProps }) => {
+		const isLeaf = !hasChildren;
+		const isSelected = selectedConfig === node.value;
+		return /* @__PURE__ */ jsxs(Group, {
+			gap: "xs",
+			wrap: "nowrap",
+			...elementProps,
+			onClick: (e) => {
+				elementProps.onClick?.(e);
+				if (isLeaf) onSelect(node.value);
+			},
+			style: {
+				...elementProps.style,
+				cursor: isLeaf ? "pointer" : "default",
+				backgroundColor: isSelected ? "var(--mantine-color-blue-light)" : void 0,
+				borderRadius: "var(--mantine-radius-sm)",
+				paddingTop: 4,
+				paddingBottom: 4,
+				paddingRight: 8
+			},
+			children: [hasChildren ? /* @__PURE__ */ jsxs(Fragment, { children: [expanded ? /* @__PURE__ */ jsx(IconChevronDown, {
+				size: 14,
+				color: "var(--mantine-color-dimmed)"
+			}) : /* @__PURE__ */ jsx(IconChevronRight, {
+				size: 14,
+				color: "var(--mantine-color-dimmed)"
+			}), expanded ? /* @__PURE__ */ jsx(IconFolderOpen, {
+				size: 16,
+				color: "var(--mantine-color-blue-6)"
+			}) : /* @__PURE__ */ jsx(IconFolder, {
+				size: 16,
+				color: "var(--mantine-color-blue-6)"
+			})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Box, { w: 14 }), /* @__PURE__ */ jsx(IconSettings, {
+				size: 16,
+				color: "var(--mantine-color-gray-6)"
+			})] }), /* @__PURE__ */ jsx(Text, {
+				size: "sm",
+				fw: isSelected ? 500 : 400,
+				children: node.label
+			})]
+		});
+	};
+	return /* @__PURE__ */ jsx(Card, {
+		withBorder: true,
+		w: 280,
+		h: "100%",
+		style: { flexShrink: 0 },
+		children: /* @__PURE__ */ jsxs(Stack, {
+			gap: "xs",
+			h: "100%",
+			children: [/* @__PURE__ */ jsxs(Group, {
+				justify: "space-between",
+				children: [/* @__PURE__ */ jsx(Text, {
+					size: "sm",
+					fw: 500,
+					children: "Parameters"
+				}), /* @__PURE__ */ jsx(Tooltip, {
+					label: "Refresh",
+					children: /* @__PURE__ */ jsx(ActionButton, {
+						variant: "subtle",
+						size: "compact-xs",
+						onClick: onRefresh,
+						children: /* @__PURE__ */ jsx(IconRefresh, { size: 14 })
+					})
+				})]
+			}), /* @__PURE__ */ jsx(ScrollArea, {
+				flex: 1,
+				offsetScrollbars: true,
+				children: /* @__PURE__ */ jsx(Tree, {
+					data: mantineTreeData,
+					tree,
+					levelOffset: 20,
+					expandOnClick: true,
+					renderNode
+				})
+			})]
+		})
+	});
+};
+var ParameterTree_default = ParameterTree;
+
+//#endregion
+//#region ../../src/admin/components/parameters/AdminParameters.tsx
+const AdminParameters = () => {
+	const client = useClient();
+	const [treeData, setTreeData] = useState([]);
+	const [selectedConfig, setSelectedConfig] = useState(null);
+	const [configValue, setConfigValue] = useState(null);
+	const [history, setHistory] = useState([]);
+	const [loading, setLoading] = useState(true);
+	const [loadingConfig, setLoadingConfig] = useState(false);
+	const [loadingHistory, setLoadingHistory] = useState(false);
+	const loadTree = useCallback(async () => {
+		try {
+			setTreeData(await client.getConfigTree({}));
+		} finally {
+			setLoading(false);
+		}
+	}, []);
+	const loadConfigDetails = useCallback(async (name) => {
+		setLoadingConfig(true);
+		setLoadingHistory(true);
+		try {
+			const [current, historyData] = await Promise.all([client.getCurrent({ params: { name } }), client.getHistory({ params: { name } })]);
+			setConfigValue(current);
+			setHistory(historyData.versions);
+		} finally {
+			setLoadingConfig(false);
+			setLoadingHistory(false);
+		}
+	}, []);
+	useEffect(() => {
+		loadTree();
+	}, [loadTree]);
+	useEffect(() => {
+		if (selectedConfig) loadConfigDetails(selectedConfig);
+		else {
+			setConfigValue(null);
+			setHistory([]);
+		}
+	}, [selectedConfig, loadConfigDetails]);
+	const handleRollback = async (version) => {
+		if (!selectedConfig) return;
+		await client.rollback({
+			params: { name: selectedConfig },
+			body: { targetVersion: version }
+		});
+		await loadConfigDetails(selectedConfig);
+	};
+	if (loading) return /* @__PURE__ */ jsx(Flex, {
+		flex: 1,
+		justify: "center",
+		align: "center",
+		children: /* @__PURE__ */ jsx(Loader, {})
+	});
+	if (treeData.length === 0) return /* @__PURE__ */ jsx(Flex, {
+		flex: 1,
+		justify: "center",
+		align: "center",
+		children: /* @__PURE__ */ jsxs(Stack, {
+			align: "center",
+			gap: "xs",
+			children: [
+				/* @__PURE__ */ jsx(IconSettings, {
+					size: 48,
+					stroke: 1.5,
+					color: "var(--mantine-color-dimmed)"
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					c: "dimmed",
+					children: "No Parameters Found"
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					size: "xs",
+					c: "dimmed",
+					ta: "center",
+					maw: 400,
+					children: "Define parameters using the $config primitive to manage dynamic application settings. Parameters will appear here once created."
+				})
+			]
+		})
+	});
+	return /* @__PURE__ */ jsxs(Flex, {
+		flex: 1,
+		gap: "xs",
+		h: "100%",
+		children: [
+			/* @__PURE__ */ jsx(ParameterTree_default, {
+				treeData,
+				selectedConfig,
+				onSelect: setSelectedConfig,
+				onRefresh: loadTree
+			}),
+			/* @__PURE__ */ jsx(ParameterDetails_default, {
+				selectedConfig,
+				configValue,
+				loading: loadingConfig
+			}),
+			/* @__PURE__ */ jsx(ParameterHistory_default, {
+				selectedConfig,
+				history,
+				loading: loadingHistory,
+				onRollback: handleRollback
+			})
+		]
+	});
+};
+var AdminParameters_default = AdminParameters;
+
+//#endregion
+export { AdminParameters_default as t };
+//# sourceMappingURL=AdminParameters-YagqWTG3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminParameters-YagqWTG3.js","names":["ParameterTree","ParameterDetails","ParameterHistory"],"sources":["../../src/admin/components/parameters/types.ts","../../src/admin/components/parameters/ParameterDetails.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 ConfigValue {\n  current?: Parameter;\n  next?: Parameter;\n  /** Default value from the registered $config primitive */\n  defaultValue?: unknown;\n  /** Current in-memory value (may be default if never saved) */\n  currentValue?: unknown;\n  /** TypeBox/JSON schema for the configuration (as JSON from API) */\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 { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { Flex, Text, TypeForm } from \"@alepha/ui\";\nimport {\n  Badge,\n  Box,\n  Card,\n  Code,\n  Group,\n  Loader,\n  ScrollArea,\n  Stack,\n} from \"@mantine/core\";\nimport { IconClock, IconSettings } from \"@tabler/icons-react\";\nimport { jsonSchemaToTypeBox, type TObject } from \"alepha\";\nimport { useMemo } from \"react\";\nimport { type ConfigValue, formatJson } from \"./types.ts\";\n\nexport interface ParameterDetailsProps {\n  selectedConfig: string | null;\n  configValue: ConfigValue | null;\n  loading: boolean;\n}\n\nconst ParameterDetails = ({\n  selectedConfig,\n  configValue,\n  loading,\n}: ParameterDetailsProps) => {\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 { type: \"object\", properties: {} } as unknown as TObject;\n    }\n    return jsonSchemaToTypeBox(configValue.schema) as TObject;\n  }, [configValue?.schema]);\n\n  const form = useForm(\n    {\n      schema: schemaForForm,\n      initialValues: (currentContent ?? {}) as Record<string, unknown>,\n      handler: async () => {\n        // Read-only for now\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 ?? {}).length > 0\n    );\n  }, [configValue?.schema]);\n\n  if (!selectedConfig) {\n    return (\n      <Card withBorder flex={1} h=\"100%\" style={{ overflow: \"hidden\" }}>\n        <Flex flex={1} justify=\"center\" align=\"center\" h=\"100%\">\n          <Stack align=\"center\" gap=\"xs\">\n            <IconSettings\n              size={32}\n              stroke={1.5}\n              color=\"var(--mantine-color-dimmed)\"\n            />\n            <Text c=\"dimmed\" size=\"sm\">\n              Select a parameter to view its value\n            </Text>\n          </Stack>\n        </Flex>\n      </Card>\n    );\n  }\n\n  if (loading) {\n    return (\n      <Card withBorder flex={1} h=\"100%\" style={{ overflow: \"hidden\" }}>\n        <Flex flex={1} justify=\"center\" align=\"center\" h=\"100%\">\n          <Loader size=\"sm\" />\n        </Flex>\n      </Card>\n    );\n  }\n\n  return (\n    <Card withBorder flex={1} h=\"100%\" style={{ overflow: \"hidden\" }}>\n      <Stack gap=\"md\" h=\"100%\">\n        <Group justify=\"space-between\">\n          <Stack gap={2}>\n            <Text size=\"sm\" fw={500}>\n              {selectedConfig}\n            </Text>\n            {configValue?.current && (\n              <Group gap=\"xs\">\n                <Badge size=\"xs\" color=\"green\" variant=\"light\">\n                  v{configValue.current.version}\n                </Badge>\n                {configValue.next && (\n                  <Badge size=\"xs\" color=\"blue\" variant=\"light\">\n                    Next: v{configValue.next.version}\n                  </Badge>\n                )}\n              </Group>\n            )}\n            {!configValue?.current &&\n              configValue?.currentValue !== undefined && (\n                <Badge size=\"xs\" color=\"yellow\" variant=\"light\">\n                  Default\n                </Badge>\n              )}\n          </Stack>\n        </Group>\n\n        <ScrollArea flex={1} offsetScrollbars>\n          {currentContent !== null ? (\n            <Stack gap=\"md\">\n              <Box>\n                <Text size=\"xs\" c=\"dimmed\" mb={4}>\n                  Current Value\n                </Text>\n                {hasValidSchema ? (\n                  <TypeForm\n                    form={form}\n                    columns={1}\n                    skipSubmitButton\n                    skipFormElement\n                  />\n                ) : (\n                  <Code block style={{ whiteSpace: \"pre-wrap\" }}>\n                    {formatJson(currentContent)}\n                  </Code>\n                )}\n              </Box>\n\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              {configValue?.next && (\n                <Card withBorder bg=\"blue.0\" p=\"sm\">\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.7\">\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        </ScrollArea>\n      </Stack>\n    </Card>\n  );\n};\n\nexport default ParameterDetails;\n","import { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Flex, Text } from \"@alepha/ui\";\nimport {\n  Badge,\n  Card,\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 { 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  selectedConfig,\n  history,\n  loading,\n  onRollback,\n}: ParameterHistoryProps) => {\n  const { l } = useI18n();\n\n  const renderContent = () => {\n    if (!selectedConfig) {\n      return (\n        <Flex flex={1} justify=\"center\" align=\"center\">\n          <Text c=\"dimmed\" size=\"xs\">\n            Select a parameter\n          </Text>\n        </Flex>\n      );\n    }\n\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            No history\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    <Card\n      withBorder\n      w={300}\n      h=\"100%\"\n      style={{ flexShrink: 0, overflow: \"hidden\" }}\n    >\n      <Stack gap=\"xs\" h=\"100%\">\n        <Group gap=\"xs\">\n          <IconHistory size={16} color=\"var(--mantine-color-dimmed)\" />\n          <Text size=\"sm\" fw={500}>\n            Version History\n          </Text>\n        </Group>\n        {renderContent()}\n      </Stack>\n    </Card>\n  );\n};\n\nexport default ParameterHistory;\n","import { ActionButton, Text } from \"@alepha/ui\";\nimport {\n  Box,\n  Card,\n  Group,\n  ScrollArea,\n  Stack,\n  Tooltip,\n  Tree,\n  type TreeNodeData,\n  useTree,\n} from \"@mantine/core\";\nimport {\n  IconChevronDown,\n  IconChevronRight,\n  IconFolder,\n  IconFolderOpen,\n  IconRefresh,\n  IconSettings,\n} from \"@tabler/icons-react\";\nimport type { ConfigTreeNode } from \"alepha/api/parameters\";\nimport { type HTMLAttributes, useMemo } from \"react\";\n\nexport interface ParameterTreeProps {\n  treeData: ConfigTreeNode[];\n  selectedConfig: string | null;\n  onSelect: (name: string) => void;\n  onRefresh: () => void;\n}\n\nconst ParameterTree = ({\n  treeData,\n  selectedConfig,\n  onSelect,\n  onRefresh,\n}: ParameterTreeProps) => {\n  const tree = useTree({\n    initialExpandedState: {},\n  });\n\n  const mantineTreeData = useMemo((): TreeNodeData[] => {\n    const convert = (nodes: ConfigTreeNode[]): TreeNodeData[] => {\n      return nodes.map((node) => ({\n        value: node.path,\n        label: node.name,\n        children: node.children.length > 0 ? convert(node.children) : undefined,\n      }));\n    };\n    return convert(treeData);\n  }, [treeData]);\n\n  const renderNode = ({\n    node,\n    expanded,\n    hasChildren,\n    elementProps,\n  }: {\n    node: TreeNodeData;\n    expanded: boolean;\n    hasChildren: boolean;\n    elementProps: HTMLAttributes<HTMLDivElement>;\n  }) => {\n    const isLeaf = !hasChildren;\n    const isSelected = selectedConfig === node.value;\n\n    return (\n      <Group\n        gap=\"xs\"\n        wrap=\"nowrap\"\n        {...elementProps}\n        onClick={(e) => {\n          elementProps.onClick?.(e);\n          if (isLeaf) {\n            onSelect(node.value);\n          }\n        }}\n        style={{\n          ...elementProps.style,\n          cursor: isLeaf ? \"pointer\" : \"default\",\n          backgroundColor: isSelected\n            ? \"var(--mantine-color-blue-light)\"\n            : undefined,\n          borderRadius: \"var(--mantine-radius-sm)\",\n          paddingTop: 4,\n          paddingBottom: 4,\n          paddingRight: 8,\n        }}\n      >\n        {hasChildren ? (\n          <>\n            {expanded ? (\n              <IconChevronDown size={14} color=\"var(--mantine-color-dimmed)\" />\n            ) : (\n              <IconChevronRight size={14} color=\"var(--mantine-color-dimmed)\" />\n            )}\n            {expanded ? (\n              <IconFolderOpen size={16} color=\"var(--mantine-color-blue-6)\" />\n            ) : (\n              <IconFolder size={16} color=\"var(--mantine-color-blue-6)\" />\n            )}\n          </>\n        ) : (\n          <>\n            <Box w={14} />\n            <IconSettings size={16} color=\"var(--mantine-color-gray-6)\" />\n          </>\n        )}\n        <Text size=\"sm\" fw={isSelected ? 500 : 400}>\n          {node.label}\n        </Text>\n      </Group>\n    );\n  };\n\n  return (\n    <Card withBorder w={280} h=\"100%\" style={{ flexShrink: 0 }}>\n      <Stack gap=\"xs\" h=\"100%\">\n        <Group justify=\"space-between\">\n          <Text size=\"sm\" fw={500}>\n            Parameters\n          </Text>\n          <Tooltip label=\"Refresh\">\n            <ActionButton\n              variant=\"subtle\"\n              size=\"compact-xs\"\n              onClick={onRefresh}\n            >\n              <IconRefresh size={14} />\n            </ActionButton>\n          </Tooltip>\n        </Group>\n        <ScrollArea flex={1} offsetScrollbars>\n          <Tree\n            data={mantineTreeData}\n            tree={tree}\n            levelOffset={20}\n            expandOnClick\n            renderNode={renderNode}\n          />\n        </ScrollArea>\n      </Stack>\n    </Card>\n  );\n};\n\nexport default ParameterTree;\n","import { useClient } from \"@alepha/react\";\nimport { Flex, Text } from \"@alepha/ui\";\nimport { Loader, Stack } from \"@mantine/core\";\nimport { IconSettings } from \"@tabler/icons-react\";\nimport type {\n  ConfigController,\n  ConfigTreeNode,\n  Parameter,\n} from \"alepha/api/parameters\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport ParameterDetails from \"./ParameterDetails.tsx\";\nimport ParameterHistory from \"./ParameterHistory.tsx\";\nimport ParameterTree from \"./ParameterTree.tsx\";\nimport type { ConfigValue } from \"./types.ts\";\n\nconst AdminParameters = () => {\n  const client = useClient<ConfigController>();\n\n  // State\n  const [treeData, setTreeData] = useState<ConfigTreeNode[]>([]);\n  const [selectedConfig, setSelectedConfig] = useState<string | null>(null);\n  const [configValue, setConfigValue] = useState<ConfigValue | null>(null);\n  const [history, setHistory] = useState<Parameter[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [loadingConfig, setLoadingConfig] = useState(false);\n  const [loadingHistory, setLoadingHistory] = useState(false);\n\n  // Load tree data\n  const loadTree = useCallback(async () => {\n    try {\n      const tree = await client.getConfigTree({});\n      setTreeData(tree as ConfigTreeNode[]);\n    } finally {\n      setLoading(false);\n    }\n  }, []);\n\n  // Load config value and history when selection changes\n  const loadConfigDetails = useCallback(async (name: string) => {\n    setLoadingConfig(true);\n    setLoadingHistory(true);\n\n    try {\n      const [current, historyData] = await Promise.all([\n        client.getCurrent({ params: { name } }),\n        client.getHistory({ params: { name } }),\n      ]);\n      setConfigValue(current);\n      setHistory(historyData.versions);\n    } finally {\n      setLoadingConfig(false);\n      setLoadingHistory(false);\n    }\n  }, []);\n\n  // Initial load\n  useEffect(() => {\n    loadTree();\n  }, [loadTree]);\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 = async (version: number) => {\n    if (!selectedConfig) return;\n\n    await client.rollback({\n      params: { name: selectedConfig },\n      body: { targetVersion: version },\n    });\n\n    // Reload details\n    await loadConfigDetails(selectedConfig);\n  };\n\n  if (loading) {\n    return (\n      <Flex flex={1} justify=\"center\" align=\"center\">\n        <Loader />\n      </Flex>\n    );\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 $config 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} gap={\"xs\"} h=\"100%\">\n      <ParameterTree\n        treeData={treeData}\n        selectedConfig={selectedConfig}\n        onSelect={setSelectedConfig}\n        onRefresh={loadTree}\n      />\n\n      <ParameterDetails\n        selectedConfig={selectedConfig}\n        configValue={configValue}\n        loading={loadingConfig}\n      />\n\n      <ParameterHistory\n        selectedConfig={selectedConfig}\n        history={history}\n        loading={loadingHistory}\n        onRollback={handleRollback}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminParameters;\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,kBAAkB,WAAmB;AAChD,SAAQ,QAAR;EACE,KAAK,UACH,QAAO;EACT,KAAK,OACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,QACE,QAAO;;;AAIb,MAAa,cAAc,QAAyB;AAClD,KAAI;AACF,SAAO,KAAK,UAAU,KAAK,MAAM,EAAE;SAC7B;AACN,SAAO,OAAO,IAAI;;;;;;ACRtB,MAAM,oBAAoB,EACxB,gBACA,aACA,cAC2B;CAC3B,MAAM,EAAE,MAAM,SAAS;CAGvB,MAAM,iBAAiB,cAAc;AACnC,MAAI,aAAa,SAAS,QACxB,QAAO,YAAY,QAAQ;AAE7B,MAAI,aAAa,iBAAiB,OAChC,QAAO,YAAY;AAErB,SAAO;IACN,CAAC,YAAY,CAAC;CAGjB,MAAM,gBAAgB,cAAc;AAClC,MAAI,CAAC,aAAa,OAChB,QAAO;GAAE,MAAM;GAAU,YAAY,EAAE;GAAE;AAE3C,SAAO,oBAAoB,YAAY,OAAO;IAC7C,CAAC,aAAa,OAAO,CAAC;CAEzB,MAAM,OAAO,QACX;EACE,QAAQ;EACR,eAAgB,kBAAkB,EAAE;EACpC,SAAS,YAAY;EAGtB,EACD;EAAC;EAAgB;EAAe;EAAe,CAChD;CAGD,MAAM,iBAAiB,cAAc;EACnC,MAAM,SAAS,aAAa;AAC5B,SACE,UACA,OAAO,WAAW,YAClB,gBAAgB,UAChB,OAAO,KAAK,OAAO,cAAc,EAAE,CAAC,CAAC,SAAS;IAE/C,CAAC,aAAa,OAAO,CAAC;AAEzB,KAAI,CAAC,eACH,QACE,oBAAC;EAAK;EAAW,MAAM;EAAG,GAAE;EAAO,OAAO,EAAE,UAAU,UAAU;YAC9D,oBAAC;GAAK,MAAM;GAAG,SAAQ;GAAS,OAAM;GAAS,GAAE;aAC/C,qBAAC;IAAM,OAAM;IAAS,KAAI;eACxB,oBAAC;KACC,MAAM;KACN,QAAQ;KACR,OAAM;MACN,EACF,oBAAC;KAAK,GAAE;KAAS,MAAK;eAAK;MAEpB;KACD;IACH;GACF;AAIX,KAAI,QACF,QACE,oBAAC;EAAK;EAAW,MAAM;EAAG,GAAE;EAAO,OAAO,EAAE,UAAU,UAAU;YAC9D,oBAAC;GAAK,MAAM;GAAG,SAAQ;GAAS,OAAM;GAAS,GAAE;aAC/C,oBAAC,UAAO,MAAK,OAAO;IACf;GACF;AAIX,QACE,oBAAC;EAAK;EAAW,MAAM;EAAG,GAAE;EAAO,OAAO,EAAE,UAAU,UAAU;YAC9D,qBAAC;GAAM,KAAI;GAAK,GAAE;cAChB,oBAAC;IAAM,SAAQ;cACb,qBAAC;KAAM,KAAK;;MACV,oBAAC;OAAK,MAAK;OAAK,IAAI;iBACjB;QACI;MACN,aAAa,WACZ,qBAAC;OAAM,KAAI;kBACT,qBAAC;QAAM,MAAK;QAAK,OAAM;QAAQ,SAAQ;mBAAQ,KAC3C,YAAY,QAAQ;SAChB,EACP,YAAY,QACX,qBAAC;QAAM,MAAK;QAAK,OAAM;QAAO,SAAQ;mBAAQ,WACpC,YAAY,KAAK;SACnB;QAEJ;MAET,CAAC,aAAa,WACb,aAAa,iBAAiB,UAC5B,oBAAC;OAAM,MAAK;OAAK,OAAM;OAAS,SAAQ;iBAAQ;QAExC;;MAEN;KACF,EAER,oBAAC;IAAW,MAAM;IAAG;cAClB,mBAAmB,OAClB,qBAAC;KAAM,KAAI;;MACT,qBAAC,kBACC,oBAAC;OAAK,MAAK;OAAK,GAAE;OAAS,IAAI;iBAAG;QAE3B,EACN,iBACC,oBAAC;OACO;OACN,SAAS;OACT;OACA;QACA,GAEF,oBAAC;OAAK;OAAM,OAAO,EAAE,YAAY,YAAY;iBAC1C,WAAW,eAAe;QACtB,IAEL;MAEL,aAAa,SAAS,qBACrB,qBAAC,kBACC,oBAAC;OAAK,MAAK;OAAK,GAAE;OAAS,IAAI;iBAAG;QAE3B,EACP,oBAAC;OAAK,MAAK;iBAAM,YAAY,QAAQ;QAAyB,IAC1D;MAGP,aAAa,WACZ,qBAAC;OAAM,KAAI;kBACT,qBAAC,kBACC,oBAAC;QAAK,MAAK;QAAK,GAAE;QAAS,IAAI;kBAAG;SAE3B,EACP,oBAAC;QAAK,MAAK;kBACR,EAAE,YAAY,QAAQ,WAAW,EAAE,MAAM,WAAW,CAAC;SACjD,IACH,EACL,YAAY,QAAQ,eACnB,qBAAC,kBACC,oBAAC;QAAK,MAAK;QAAK,GAAE;QAAS,IAAI;kBAAG;SAE3B,EACP,oBAAC;QAAK,MAAK;kBAAM,YAAY,QAAQ;SAAmB,IACpD;QAEF;MAGT,CAAC,aAAa,WACb,aAAa,iBAAiB,UAC5B,oBAAC;OAAK,MAAK;OAAK,GAAE;iBAAS;QAGpB;MAGV,aAAa,QACZ,oBAAC;OAAK;OAAW,IAAG;OAAS,GAAE;iBAC7B,qBAAC;QAAM,KAAI;;SACT,qBAAC;UAAM,KAAI;qBACT,oBAAC;WACC,MAAM;WACN,OAAM;YACN,EACF,qBAAC;WAAK,MAAK;WAAK,IAAI;WAAK,GAAE;;YAAS;YACd,YAAY,KAAK;YAAQ;;YACxC;WACD;SACR,qBAAC;UAAK,MAAK;UAAK,GAAE;;WAAS;WACf;WACT,EAAE,YAAY,KAAK,gBAAgB,EAClC,MAAM,WACP,CAAC;;WACG;SACP,oBAAC;UAAK;UAAM,OAAO,EAAE,YAAY,YAAY;UAAE,IAAG;oBAC/C,WAAW,YAAY,KAAK,QAAQ;WAChC;;SACD;QACH;;MAEH,GAER,oBAAC;KAAK,SAAQ;KAAS,OAAM;KAAS,GAAG;eACvC,oBAAC;MAAK,GAAE;MAAS,MAAK;gBAAK;OAEpB;MACF;KAEE;IACP;GACH;;AAIX,+BAAe;;;;AC7Mf,MAAM,oBAAoB,EACxB,gBACA,SACA,SACA,iBAC2B;CAC3B,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,sBAAsB;AAC1B,MAAI,CAAC,eACH,QACE,oBAAC;GAAK,MAAM;GAAG,SAAQ;GAAS,OAAM;aACpC,oBAAC;IAAK,GAAE;IAAS,MAAK;cAAK;KAEpB;IACF;AAIX,MAAI,QACF,QACE,oBAAC;GAAK,MAAM;GAAG,SAAQ;GAAS,OAAM;aACpC,oBAAC,UAAO,MAAK,OAAO;IACf;AAIX,MAAI,QAAQ,WAAW,EACrB,QACE,oBAAC;GAAK,MAAM;GAAG,SAAQ;GAAS,OAAM;aACpC,oBAAC;IAAK,GAAE;IAAS,MAAK;cAAK;KAEpB;IACF;AAIX,SACE,oBAAC;GAAW,MAAM;GAAG;aACnB,oBAAC;IACC,QAAQ,QAAQ,WAAW,MAAM,EAAE,WAAW,UAAU;IACxD,YAAY;IACZ,WAAW;cAEV,QAAQ,KAAK,YACZ,oBAAC,SAAS;KAER,QACE,oBAAC;MAAK,MAAK;MAAK,IAAI;gBACjB,QAAQ;OACJ;KAET,OACE,qBAAC;MAAM,KAAI;iBACT,qBAAC;OAAK,MAAK;OAAK,IAAI;kBAAK,YACd,QAAQ;QACZ,EACP,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,OAAO,eAAe,QAAQ,OAAO;iBAEpC,QAAQ;QACH;OACF;eAGV,qBAAC;MAAM,KAAK;MAAG,IAAI;;OACjB,oBAAC;QAAK,MAAK;QAAK,GAAE;kBACf,EAAE,QAAQ,WAAW,EAAE,MAAM,WAAW,CAAC;SACrC;OACN,QAAQ,qBACP,oBAAC;QAAK,MAAK;QAAK,WAAW;kBACxB,QAAQ;SACJ;OAER,QAAQ,eACP,qBAAC;QAAK,MAAK;QAAK,GAAE;mBAAS,OACrB,QAAQ;SACP;OAER,QAAQ,gBACP,oBAAC;QAAM,MAAK;QAAK,SAAQ;QAAU,OAAM;kBAAS;SAE1C;OAET,QAAQ,WAAW,aAClB,oBAAC;QACC,MAAK;QACL,SAAQ;QACR,eAAe,WAAW,QAAQ,QAAQ;kBAC3C;SAEc;;OAEX;OAjDH,QAAQ,GAkDC,CAChB;KACO;IACA;;AAIjB,QACE,oBAAC;EACC;EACA,GAAG;EACH,GAAE;EACF,OAAO;GAAE,YAAY;GAAG,UAAU;GAAU;YAE5C,qBAAC;GAAM,KAAI;GAAK,GAAE;cAChB,qBAAC;IAAM,KAAI;eACT,oBAAC;KAAY,MAAM;KAAI,OAAM;MAAgC,EAC7D,oBAAC;KAAK,MAAK;KAAK,IAAI;eAAK;MAElB;KACD,EACP,eAAe;IACV;GACH;;AAIX,+BAAe;;;;ACnHf,MAAM,iBAAiB,EACrB,UACA,gBACA,UACA,gBACwB;CACxB,MAAM,OAAO,QAAQ,EACnB,sBAAsB,EAAE,EACzB,CAAC;CAEF,MAAM,kBAAkB,cAA8B;EACpD,MAAM,WAAW,UAA4C;AAC3D,UAAO,MAAM,KAAK,UAAU;IAC1B,OAAO,KAAK;IACZ,OAAO,KAAK;IACZ,UAAU,KAAK,SAAS,SAAS,IAAI,QAAQ,KAAK,SAAS,GAAG;IAC/D,EAAE;;AAEL,SAAO,QAAQ,SAAS;IACvB,CAAC,SAAS,CAAC;CAEd,MAAM,cAAc,EAClB,MACA,UACA,aACA,mBAMI;EACJ,MAAM,SAAS,CAAC;EAChB,MAAM,aAAa,mBAAmB,KAAK;AAE3C,SACE,qBAAC;GACC,KAAI;GACJ,MAAK;GACL,GAAI;GACJ,UAAU,MAAM;AACd,iBAAa,UAAU,EAAE;AACzB,QAAI,OACF,UAAS,KAAK,MAAM;;GAGxB,OAAO;IACL,GAAG,aAAa;IAChB,QAAQ,SAAS,YAAY;IAC7B,iBAAiB,aACb,oCACA;IACJ,cAAc;IACd,YAAY;IACZ,eAAe;IACf,cAAc;IACf;cAEA,cACC,4CACG,WACC,oBAAC;IAAgB,MAAM;IAAI,OAAM;KAAgC,GAEjE,oBAAC;IAAiB,MAAM;IAAI,OAAM;KAAgC,EAEnE,WACC,oBAAC;IAAe,MAAM;IAAI,OAAM;KAAgC,GAEhE,oBAAC;IAAW,MAAM;IAAI,OAAM;KAAgC,IAE7D,GAEH,4CACE,oBAAC,OAAI,GAAG,KAAM,EACd,oBAAC;IAAa,MAAM;IAAI,OAAM;KAAgC,IAC7D,EAEL,oBAAC;IAAK,MAAK;IAAK,IAAI,aAAa,MAAM;cACpC,KAAK;KACD;IACD;;AAIZ,QACE,oBAAC;EAAK;EAAW,GAAG;EAAK,GAAE;EAAO,OAAO,EAAE,YAAY,GAAG;YACxD,qBAAC;GAAM,KAAI;GAAK,GAAE;cAChB,qBAAC;IAAM,SAAQ;eACb,oBAAC;KAAK,MAAK;KAAK,IAAI;eAAK;MAElB,EACP,oBAAC;KAAQ,OAAM;eACb,oBAAC;MACC,SAAQ;MACR,MAAK;MACL,SAAS;gBAET,oBAAC,eAAY,MAAM,KAAM;OACZ;MACP;KACJ,EACR,oBAAC;IAAW,MAAM;IAAG;cACnB,oBAAC;KACC,MAAM;KACA;KACN,aAAa;KACb;KACY;MACZ;KACS;IACP;GACH;;AAIX,4BAAe;;;;AClIf,MAAM,wBAAwB;CAC5B,MAAM,SAAS,WAA6B;CAG5C,MAAM,CAAC,UAAU,eAAe,SAA2B,EAAE,CAAC;CAC9D,MAAM,CAAC,gBAAgB,qBAAqB,SAAwB,KAAK;CACzE,MAAM,CAAC,aAAa,kBAAkB,SAA6B,KAAK;CACxE,MAAM,CAAC,SAAS,cAAc,SAAsB,EAAE,CAAC;CACvD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAG3D,MAAM,WAAW,YAAY,YAAY;AACvC,MAAI;AAEF,eADa,MAAM,OAAO,cAAc,EAAE,CAAC,CACN;YAC7B;AACR,cAAW,MAAM;;IAElB,EAAE,CAAC;CAGN,MAAM,oBAAoB,YAAY,OAAO,SAAiB;AAC5D,mBAAiB,KAAK;AACtB,oBAAkB,KAAK;AAEvB,MAAI;GACF,MAAM,CAAC,SAAS,eAAe,MAAM,QAAQ,IAAI,CAC/C,OAAO,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EACvC,OAAO,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CACxC,CAAC;AACF,kBAAe,QAAQ;AACvB,cAAW,YAAY,SAAS;YACxB;AACR,oBAAiB,MAAM;AACvB,qBAAkB,MAAM;;IAEzB,EAAE,CAAC;AAGN,iBAAgB;AACd,YAAU;IACT,CAAC,SAAS,CAAC;AAGd,iBAAgB;AACd,MAAI,eACF,mBAAkB,eAAe;OAC5B;AACL,kBAAe,KAAK;AACpB,cAAW,EAAE,CAAC;;IAEf,CAAC,gBAAgB,kBAAkB,CAAC;CAGvC,MAAM,iBAAiB,OAAO,YAAoB;AAChD,MAAI,CAAC,eAAgB;AAErB,QAAM,OAAO,SAAS;GACpB,QAAQ,EAAE,MAAM,gBAAgB;GAChC,MAAM,EAAE,eAAe,SAAS;GACjC,CAAC;AAGF,QAAM,kBAAkB,eAAe;;AAGzC,KAAI,QACF,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC,WAAS;GACL;AAKX,KAAI,SAAS,WAAW,EACtB,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,qBAAC;GAAM,OAAM;GAAS,KAAI;;IACxB,oBAAC;KACC,MAAM;KACN,QAAQ;KACR,OAAM;MACN;IACF,oBAAC;KAAK,GAAE;eAAS;MAA0B;IAC3C,oBAAC;KAAK,MAAK;KAAK,GAAE;KAAS,IAAG;KAAS,KAAK;eAAK;MAG1C;;IACD;GACH;AAIX,QACE,qBAAC;EAAK,MAAM;EAAG,KAAK;EAAM,GAAE;;GAC1B,oBAACA;IACW;IACM;IAChB,UAAU;IACV,WAAW;KACX;GAEF,oBAACC;IACiB;IACH;IACb,SAAS;KACT;GAEF,oBAACC;IACiB;IACP;IACT,SAAS;IACT,YAAY;KACZ;;GACG;;AAIX,8BAAe"}

package/dist/admin/{AdminSessions-D7DESfWK.js → AdminSessions-BCjgJ-93.js}

@@ -2,13 +2,13 @@ import { ActionButton, DataTable, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
 import { useClient, useRouter } from "@alepha/react";
 import { IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet, IconTrash } from "@tabler/icons-react";
-import { useState } from "react";
-import { Badge, Group } from "@mantine/core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useI18n } from "@alepha/react/i18n";
+import { Badge, Group } from "@mantine/core";
+import { useState } from "react";
 import { sessions } from "alepha/api/users";
 
-//#region ../../src/admin/components/AdminSessions.tsx
+//#region ../../src/admin/components/sessions/AdminSessions.tsx
 const AdminSessions = (props) => {
 	const client = useClient();
 	const router = useRouter();
@@ -147,4 +147,4 @@ var AdminSessions_default = AdminSessions;
 
 //#endregion
 export { AdminSessions_default as t };
-//# sourceMappingURL=AdminSessions-D7DESfWK.js.map
+//# sourceMappingURL=AdminSessions-BCjgJ-93.js.map