@alepha/ui 0.18.2 → 0.19.0

package/dist/admin/{AdminParameters-BspPeqp_.js → AdminParameters-CyZQSXnN.js}

@@ -1,4 +1,4 @@
-import { _ as ActionButton, b as useToast, i as TypeForm, l as Flex$1, o as Text$1 } from "./core-BVO_TQxb.js";
+import { _ as ActionButton, b as useToast, i as TypeForm, l as Flex$1, s as Text$1 } from "./core-D1AbU50V.js";
 import { jsonSchemaToTypeBox, t } from "alepha";
 import { useForm } from "alepha/react/form";
 import { useI18n } from "alepha/react/i18n";
@@ -7,7 +7,6 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useEffect, useMemo, useState } from "react";
 import { IconArrowLeft, IconChevronDown, IconChevronRight, IconClock, IconFolder, IconFolderOpen, IconHistory, IconRefresh, IconSearch, IconSettings } from "@tabler/icons-react";
 import { useClient } from "alepha/react";
-
 //#region ../../src/admin/components/parameters/types.ts
 const getStatusColor = (status) => {
 	switch (status) {
@@ -25,67 +24,46 @@ const formatJson = (obj) => {
 		return String(obj);
 	}
 };
-
 //#endregion
-//#region ../../src/admin/components/parameters/ParameterDetails.tsx
-/**
-* Loading state.
-*/
-const LoadingState = () => /* @__PURE__ */ jsx(Flex$1, {
-	flex: 1,
-	h: "100%",
-	p: "md",
-	style: {
-		overflow: "hidden",
-		minWidth: 0,
-		display: "flex"
-	},
-	children: /* @__PURE__ */ jsx(Flex$1, {
-		flex: 1,
-		justify: "center",
-		align: "center",
-		h: "100%",
-		children: /* @__PURE__ */ jsx(Loader, { size: "sm" })
-	})
-});
+//#region ../../src/admin/components/parameters/ParameterDetailsConfigForm.tsx
 /**
 * The actual form component - only rendered when a config is selected.
 */
-const ConfigForm = ({ selectedConfig, configValue, saving, onSave }) => {
+const ParameterDetailsConfigForm = (props) => {
 	const { l } = useI18n();
 	const currentContent = useMemo(() => {
-		if (configValue?.current?.content) return configValue.current.content;
-		if (configValue?.currentValue !== void 0) return configValue.currentValue;
+		if (props.configValue?.current?.content) return props.configValue.current.content;
+		if (props.configValue?.currentValue !== void 0) return props.configValue.currentValue;
 		return null;
-	}, [configValue]);
+	}, [props.configValue]);
 	const schemaForForm = useMemo(() => {
-		if (!configValue?.schema) return t.object({});
+		if (!props.configValue?.schema) return t.object({});
 		try {
-			return jsonSchemaToTypeBox(configValue.schema);
+			return jsonSchemaToTypeBox(props.configValue.schema);
 		} catch {
 			return t.object({});
 		}
-	}, [configValue?.schema]);
+	}, [props.configValue?.schema]);
 	const form = useForm({
 		schema: schemaForForm,
 		initialValues: currentContent ?? {},
 		handler: async (values) => {
-			await onSave(values);
+			await props.onSave(values);
 		}
 	}, [
-		selectedConfig,
+		props.selectedConfig,
 		schemaForForm,
 		currentContent
 	]);
 	const hasValidSchema = useMemo(() => {
-		const schema = configValue?.schema;
+		const schema = props.configValue?.schema;
 		return schema && typeof schema === "object" && "properties" in schema && Object.keys(schema.properties).length > 0;
-	}, [configValue?.schema]);
+	}, [props.configValue?.schema]);
 	const fieldCount = useMemo(() => {
-		const schema = configValue?.schema;
+		const schema = props.configValue?.schema;
 		if (schema && typeof schema === "object" && "properties" in schema && schema.properties) return Object.keys(schema.properties).length;
 		return 0;
-	}, [configValue?.schema]);
+	}, [props.configValue?.schema]);
 	const columns = useMemo(() => {
 		if (fieldCount <= 2) return 1;
 		if (fieldCount <= 6) return 2;
@@ -128,16 +106,16 @@ const ConfigForm = ({ selectedConfig, configValue, saving, onSave }) => {
 							style: { whiteSpace: "pre-wrap" },
 							children: formatJson(currentContent)
 						})] }) }),
-						configValue?.current?.changeDescription && /* @__PURE__ */ jsxs(Flex$1, { children: [/* @__PURE__ */ jsx(Text$1, {
+						props.configValue?.current?.changeDescription && /* @__PURE__ */ jsxs(Flex$1, { children: [/* @__PURE__ */ jsx(Text$1, {
 							size: "xs",
 							c: "dimmed",
 							mb: 4,
 							children: "Change Description"
 						}), /* @__PURE__ */ jsx(Text$1, {
 							size: "sm",
-							children: configValue.current.changeDescription
+							children: props.configValue.current.changeDescription
 						})] }),
-						configValue?.current && /* @__PURE__ */ jsxs(Flex$1, {
+						props.configValue?.current && /* @__PURE__ */ jsxs(Flex$1, {
 							gap: "xl",
 							children: [/* @__PURE__ */ jsxs(Flex$1, { children: [/* @__PURE__ */ jsx(Text$1, {
 								size: "xs",
@@ -146,23 +124,23 @@ const ConfigForm = ({ selectedConfig, configValue, saving, onSave }) => {
 								children: "Updated"
 							}), /* @__PURE__ */ jsx(Text$1, {
 								size: "sm",
-								children: l(configValue.current.updatedAt, { date: "fromNow" })
-							})] }), configValue.current.creatorName && /* @__PURE__ */ jsxs(Flex$1, { children: [/* @__PURE__ */ jsx(Text$1, {
+								children: l(props.configValue.current.updatedAt, { date: "fromNow" })
+							})] }), props.configValue.current.creatorName && /* @__PURE__ */ jsxs(Flex$1, { children: [/* @__PURE__ */ jsx(Text$1, {
 								size: "xs",
 								c: "dimmed",
 								mb: 2,
 								children: "Updated By"
 							}), /* @__PURE__ */ jsx(Text$1, {
 								size: "sm",
-								children: configValue.current.creatorName
+								children: props.configValue.current.creatorName
 							})] })]
 						}),
-						!configValue?.current && configValue?.currentValue !== void 0 && /* @__PURE__ */ jsx(Text$1, {
+						!props.configValue?.current && props.configValue?.currentValue !== void 0 && /* @__PURE__ */ jsx(Text$1, {
 							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, {
+						props.configValue?.next && /* @__PURE__ */ jsx(Card, {
 							withBorder: true,
 							p: "sm",
 							bg: "var(--mantine-color-blue-light)",
@@ -181,7 +159,7 @@ const ConfigForm = ({ selectedConfig, configValue, saving, onSave }) => {
 											c: "blue",
 											children: [
 												"Scheduled Update (v",
-												configValue.next.version,
+												props.configValue.next.version,
 												")"
 											]
 										})]
@@ -192,14 +170,14 @@ const ConfigForm = ({ selectedConfig, configValue, saving, onSave }) => {
 										children: [
 											"Activates",
 											" ",
-											l(configValue.next.activationDate, { date: "fromNow" })
+											l(props.configValue.next.activationDate, { date: "fromNow" })
 										]
 									}),
 									/* @__PURE__ */ jsx(Code, {
 										block: true,
 										style: { whiteSpace: "pre-wrap" },
 										fz: "xs",
-										children: formatJson(configValue.next.content)
+										children: formatJson(props.configValue.next.content)
 									})
 								]
 							})
@@ -227,12 +205,12 @@ const ConfigForm = ({ selectedConfig, configValue, saving, onSave }) => {
 					children: [/* @__PURE__ */ jsx(ActionButton, {
 						variant: "subtle",
 						onClick: () => form.reset({}),
-						disabled: saving,
+						disabled: props.saving,
 						children: "Reset"
 					}), /* @__PURE__ */ jsx(ActionButton, {
 						intent: "primary",
 						form,
-						loading: saving,
+						loading: props.saving,
 						children: "Save Changes"
 					})]
 				})
@@ -240,21 +218,44 @@ const ConfigForm = ({ selectedConfig, configValue, saving, onSave }) => {
 		})
 	});
 };
+//#endregion
+//#region ../../src/admin/components/parameters/ParameterDetailsLoading.tsx
+/**
+* Loading state for the parameter details panel.
+*/
+const ParameterDetailsLoading = () => /* @__PURE__ */ jsx(Flex$1, {
+	flex: 1,
+	h: "100%",
+	p: "md",
+	style: {
+		overflow: "hidden",
+		minWidth: 0,
+		display: "flex"
+	},
+	children: /* @__PURE__ */ jsx(Flex$1, {
+		flex: 1,
+		justify: "center",
+		align: "center",
+		h: "100%",
+		children: /* @__PURE__ */ jsx(Loader, { size: "sm" })
+	})
+});
+//#endregion
+//#region ../../src/admin/components/parameters/ParameterDetails.tsx
 /**
 * Parameter details panel.
 * Shows loading state or the config form.
 * Note: Empty state is handled by parent (AdminParameters).
 */
-const ParameterDetails = ({ selectedConfig, configValue, loading, saving, onSave }) => {
-	if (loading) return /* @__PURE__ */ jsx(LoadingState, {});
-	return /* @__PURE__ */ jsx(ConfigForm, {
-		selectedConfig,
-		configValue,
-		saving,
-		onSave
+const ParameterDetails = (props) => {
+	if (props.loading) return /* @__PURE__ */ jsx(ParameterDetailsLoading, {});
+	return /* @__PURE__ */ jsx(ParameterDetailsConfigForm, {
+		selectedConfig: props.selectedConfig,
+		configValue: props.configValue,
+		saving: props.saving,
+		onSave: props.onSave
 	});
 };
-
 //#endregion
 //#region ../../src/admin/components/parameters/ParameterEmptyState.tsx
 /**
@@ -292,19 +293,21 @@ const ParameterEmptyState = () => {
 		})
 	});
 };
-
 //#endregion
 //#region ../../src/admin/components/parameters/ParameterHistory.tsx
-const ParameterHistory = ({ history, loading, onRollback }) => {
+/**
+* Parameter version history timeline panel.
+*/
+const ParameterHistory = (props) => {
 	const { l } = useI18n();
 	const renderContent = () => {
-		if (loading) return /* @__PURE__ */ jsx(Flex$1, {
+		if (props.loading) return /* @__PURE__ */ jsx(Flex$1, {
 			flex: 1,
 			justify: "center",
 			align: "center",
 			children: /* @__PURE__ */ jsx(Loader, { size: "sm" })
 		});
-		if (history.length === 0) return /* @__PURE__ */ jsx(Flex$1, {
+		if (props.history.length === 0) return /* @__PURE__ */ jsx(Flex$1, {
 			flex: 1,
 			justify: "center",
 			align: "center",
@@ -318,10 +321,10 @@ const ParameterHistory = ({ history, loading, onRollback }) => {
 			flex: 1,
 			offsetScrollbars: true,
 			children: /* @__PURE__ */ jsx(Timeline, {
-				active: history.findIndex((h) => h.status === "current"),
+				active: props.history.findIndex((h) => h.status === "current"),
 				bulletSize: 24,
 				lineWidth: 2,
-				children: history.map((version) => /* @__PURE__ */ jsx(Timeline.Item, {
+				children: props.history.map((version) => /* @__PURE__ */ jsx(Timeline.Item, {
 					bullet: /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
 						fw: 500,
@@ -369,7 +372,7 @@ const ParameterHistory = ({ history, loading, onRollback }) => {
 							version.status === "expired" && /* @__PURE__ */ jsx(ActionButton, {
 								size: "compact-xs",
 								variant: "subtle",
-								onClick: () => onRollback(version.version),
+								onClick: () => props.onRollback(version.version),
 								children: "Rollback to this version"
 							})
 						]
@@ -408,44 +411,26 @@ const ParameterHistory = ({ history, loading, onRollback }) => {
 		})
 	});
 };
-
 //#endregion
-//#region ../../src/admin/components/parameters/ParameterTree.tsx
-/**
-* Filters tree nodes by search query.
-*/
-const filterTree = (nodes, query) => {
-	if (!query.trim()) return nodes;
-	const lowerQuery = query.toLowerCase();
-	return nodes.map((node) => {
-		const filteredChildren = filterTree(node.children, query);
-		const nameMatches = node.name.toLowerCase().includes(lowerQuery);
-		const pathMatches = node.path.toLowerCase().includes(lowerQuery);
-		if (nameMatches || pathMatches || filteredChildren.length > 0) return {
-			...node,
-			children: filteredChildren
-		};
-		return null;
-	}).filter((node) => node !== null);
-};
+//#region ../../src/admin/components/parameters/ParameterTreeNode.tsx
 /**
 * Memoized tree node to prevent unnecessary re-renders.
 */
-const TreeNode = memo(({ node, level, selectedConfig, onSelect, expandedNodes, onToggle }) => {
+const ParameterTreeNode = memo((props) => {
 	const [isHovered, setIsHovered] = useState(false);
-	const hasChildren = node.children.length > 0;
-	const isExpanded = expandedNodes.has(node.path);
-	const isSelected = selectedConfig === node.path;
+	const hasChildren = props.node.children.length > 0;
+	const isExpanded = props.expandedNodes.has(props.node.path);
+	const isSelected = props.selectedConfig === props.node.path;
 	const isLeaf = !hasChildren;
 	return /* @__PURE__ */ jsxs(Flex$1, { children: [/* @__PURE__ */ jsx(UnstyledButton, {
 		onClick: useCallback(() => {
-			if (hasChildren) onToggle(node.path);
-			else onSelect(node.path);
+			if (hasChildren) props.onToggle(props.node.path);
+			else props.onSelect(props.node.path);
 		}, [
 			hasChildren,
-			node.path,
-			onToggle,
-			onSelect
+			props.node.path,
+			props.onToggle,
+			props.onSelect
 		]),
 		onMouseEnter: useCallback(() => setIsHovered(true), []),
 		onMouseLeave: useCallback(() => setIsHovered(false), []),
@@ -455,7 +440,7 @@ const TreeNode = memo(({ node, level, selectedConfig, onSelect, expandedNodes, o
 			gap: 6,
 			wrap: "nowrap",
 			p: "4px 8px",
-			pl: 8 + level * 16,
+			pl: 8 + props.level * 16,
 			style: {
 				borderRadius: "var(--mantine-radius-sm)",
 				backgroundColor: isSelected || isHovered ? "var(--mantine-color-default-hover)" : void 0
@@ -495,22 +480,41 @@ const TreeNode = memo(({ node, level, selectedConfig, onSelect, expandedNodes, o
 					overflow: "hidden",
 					textOverflow: "ellipsis"
 				},
-				children: node.name
+				children: props.node.name
 			})]
 		})
 	}), hasChildren && /* @__PURE__ */ jsx(Collapse, {
 		in: isExpanded,
-		children: node.children.map((child) => /* @__PURE__ */ jsx(TreeNode, {
+		children: props.node.children.map((child) => /* @__PURE__ */ jsx(ParameterTreeNode, {
 			node: child,
-			level: level + 1,
-			selectedConfig,
-			onSelect,
-			expandedNodes,
-			onToggle
+			level: props.level + 1,
+			selectedConfig: props.selectedConfig,
+			onSelect: props.onSelect,
+			expandedNodes: props.expandedNodes,
+			onToggle: props.onToggle
 		}, child.path))
 	})] });
 });
-TreeNode.displayName = "TreeNode";
+ParameterTreeNode.displayName = "ParameterTreeNode";
+//#endregion
+//#region ../../src/admin/components/parameters/ParameterTree.tsx
+/**
+* Filters tree nodes by search query.
+*/
+const filterTree = (nodes, query) => {
+	if (!query.trim()) return nodes;
+	const lowerQuery = query.toLowerCase();
+	return nodes.map((node) => {
+		const filteredChildren = filterTree(node.children, query);
+		const nameMatches = node.name.toLowerCase().includes(lowerQuery);
+		const pathMatches = node.path.toLowerCase().includes(lowerQuery);
+		if (nameMatches || pathMatches || filteredChildren.length > 0) return {
+			...node,
+			children: filteredChildren
+		};
+		return null;
+	}).filter((node) => node !== null);
+};
 /**
 * Collects all folder paths to expand by default.
 */
@@ -525,10 +529,13 @@ const collectAllFolderPaths = (nodes) => {
 	traverse(nodes);
 	return paths;
 };
-const ParameterTree = ({ treeData, selectedConfig, onSelect, onRefresh }) => {
+/**
+* Parameter tree sidebar with search and refresh.
+*/
+const ParameterTree = (props) => {
 	const [searchQuery, setSearchQuery] = useState("");
-	const [expandedNodes, setExpandedNodes] = useState(() => collectAllFolderPaths(treeData));
-	const filteredTreeData = useMemo(() => filterTree(treeData, searchQuery), [treeData, searchQuery]);
+	const [expandedNodes, setExpandedNodes] = useState(() => collectAllFolderPaths(props.treeData));
+	const filteredTreeData = useMemo(() => filterTree(props.treeData, searchQuery), [props.treeData, searchQuery]);
 	const handleToggle = useCallback((path) => {
 		setExpandedNodes((prev) => {
 			const next = new Set(prev);
@@ -566,7 +573,7 @@ const ParameterTree = ({ treeData, selectedConfig, onSelect, onRefresh }) => {
 					}), /* @__PURE__ */ jsx(ActionButton, {
 						variant: "subtle",
 						size: "compact-xs",
-						onClick: onRefresh,
+						onClick: props.onRefresh,
 						tooltip: "Refresh",
 						children: /* @__PURE__ */ jsx(IconRefresh, { size: 14 })
 					})]
@@ -592,11 +599,11 @@ const ParameterTree = ({ treeData, selectedConfig, onSelect, onRefresh }) => {
 						direction: "column",
 						gap: 0,
 						style: { gap: 1 },
-						children: filteredTreeData.map((node) => /* @__PURE__ */ jsx(TreeNode, {
+						children: filteredTreeData.map((node) => /* @__PURE__ */ jsx(ParameterTreeNode, {
 							node,
 							level: 0,
-							selectedConfig,
-							onSelect,
+							selectedConfig: props.selectedConfig,
+							onSelect: props.onSelect,
 							expandedNodes,
 							onToggle: handleToggle
 						}, node.path))
@@ -606,7 +613,6 @@ const ParameterTree = ({ treeData, selectedConfig, onSelect, onRefresh }) => {
 		})
 	});
 };
-
 //#endregion
 //#region ../../src/admin/components/parameters/AdminParameters.tsx
 const AdminParameters = ({ treeData: initialTreeData }) => {
@@ -768,7 +774,7 @@ const AdminParameters = ({ treeData: initialTreeData }) => {
 		})
 	});
 };
-
 //#endregion
 export { AdminParameters as default };
-//# sourceMappingURL=AdminParameters-BspPeqp_.js.map
+
+//# sourceMappingURL=AdminParameters-CyZQSXnN.js.map

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

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

package/dist/admin/{AdminSessions-BnH5CZQl.js → AdminSessions--xwELDSO.js}

@@ -1,4 +1,4 @@
-import { _ as ActionButton, b as useToast, l as Flex$1, m as useDialog, o as Text$1, r as DataTable } from "./core-BVO_TQxb.js";
+import { _ as ActionButton, b as useToast, l as Flex$1, m as useDialog, r as DataTable, s as Text$1 } from "./core-D1AbU50V.js";
 import { t } from "alepha";
 import { useI18n } from "alepha/react/i18n";
 import { Badge } from "@mantine/core";
@@ -8,7 +8,6 @@ import { IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet, IconTrash } from
 import { useRouter } from "alepha/react/router";
 import { useClient } from "alepha/react";
 import { sessions } from "alepha/api/users";
-
 //#region ../../src/admin/components/sessions/AdminSessions.tsx
 const filters = t.object({ userId: t.optional(t.uuid({ $control: { query: t.pick(sessions.schema, ["userId"]) } })) });
 const getDeviceIcon = (device) => {
@@ -132,7 +131,7 @@ const AdminSessions = (props) => {
 		}, refreshKey)
 	});
 };
-
 //#endregion
 export { AdminSessions as default };
-//# sourceMappingURL=AdminSessions-BnH5CZQl.js.map
+
+//# sourceMappingURL=AdminSessions--xwELDSO.js.map

package/dist/admin/{AdminSessions-BnH5CZQl.js.map → AdminSessions--xwELDSO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminSessions-BnH5CZQl.js","names":["Flex","Text"],"sources":["../../src/admin/components/sessions/AdminSessions.tsx"],"sourcesContent":["import {\n  ActionButton,\n  DataTable,\n  Flex,\n  Text,\n  useDialog,\n  useToast,\n} from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport {\n  IconDeviceDesktop,\n  IconDeviceMobile,\n  IconDeviceTablet,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n  type AdminSessionController,\n  type SessionEntity,\n  sessions,\n} from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.tsx\";\n\nexport interface AdminSessionsProps {\n  userRealmName?: string;\n}\n\nconst filters = t.object({\n  userId: t.optional(\n    t.uuid({\n      $control: {\n        query: t.pick(sessions.schema, [\"userId\"]),\n      },\n    }),\n  ),\n});\n\nconst getDeviceIcon = (device?: string) => {\n  switch (device) {\n    case \"MOBILE\":\n      return <IconDeviceMobile size={14} />;\n    case \"TABLET\":\n      return <IconDeviceTablet size={14} />;\n    default:\n      return <IconDeviceDesktop size={14} />;\n  }\n};\n\nconst isExpired = (expiresAt: Date | string) =>\n  new Date(expiresAt) < new Date();\n\nconst AdminSessions = (props: AdminSessionsProps) => {\n  const client = useClient<AdminSessionController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n  const dialog = useDialog();\n  const toast = useToast();\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const handleDelete = async (session: SessionEntity) => {\n    const confirmed = await dialog.confirm({\n      title: \"Revoke session\",\n      message:\n        \"Are you sure you want to revoke this session? The user will be signed out.\",\n    });\n    if (!confirmed) return;\n    await client.deleteSession({\n      params: { id: session.id },\n      query: { userRealmName: props.userRealmName },\n    });\n    toast.success(\"Session revoked\");\n    setRefreshKey((k) => k + 1);\n  };\n\n  return (\n    <Flex p=\"md\" flex={1} direction=\"column\">\n      <DataTable<SessionEntity, typeof filters>\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(_key, _value, form) => form.submit()}\n        filters={filters}\n        tableTrProps={(item) => ({\n          style: {\n            opacity: isExpired(item.expiresAt) ? 0.5 : 1,\n          },\n        })}\n        items={async (filters) => {\n          const response = await client.findSessions({\n            query: {\n              ...filters,\n              userRealmName: props.userRealmName,\n            },\n          });\n          return response as Page<SessionEntity>;\n        }}\n        columns={{\n          userId: {\n            label: \"User\",\n            value: (item) => (\n              <ActionButton\n                variant=\"subtle\"\n                size=\"xs\"\n                href={router.path(\"adminUserProfile\", {\n                  params: { userId: item.userId },\n                })}\n              >\n                <Text size=\"xs\" ff=\"monospace\">\n                  {item.userId.slice(0, 8)}...\n                </Text>\n              </ActionButton>\n            ),\n          },\n          userAgent: {\n            label: \"Device\",\n            value: (item) => (\n              <Flex gap={4} align=\"center\">\n                {item.userAgent ? (\n                  <>\n                    {getDeviceIcon(item.userAgent.device)}\n                    <Text size=\"xs\">\n                      {item.userAgent.browser} / {item.userAgent.os}\n                    </Text>\n                  </>\n                ) : (\n                  <Text size=\"xs\" muted>\n                    —\n                  </Text>\n                )}\n              </Flex>\n            ),\n          },\n          ip: {\n            label: \"IP\",\n            value: (item) => (\n              <Text size=\"xs\" ff=\"monospace\" muted>\n                {item.ip || \"—\"}\n              </Text>\n            ),\n          },\n          expiresAt: {\n            label: \"Status\",\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={isExpired(item.expiresAt) ? \"gray\" : \"green\"}\n              >\n                {isExpired(item.expiresAt) ? \"Expired\" : \"Active\"}\n              </Badge>\n            ),\n          },\n          createdAt: {\n            label: \"Created\",\n            value: (item) => (\n              <Text size=\"xs\" muted>\n                {l(item.createdAt, { date: \"fromNow\" })}\n              </Text>\n            ),\n          },\n        }}\n        rowActions={(item) => [\n          {\n            label: \"Revoke session\",\n            icon: IconTrash,\n            color: \"red\",\n            onClick: () => handleDelete(item),\n            visible: !isExpired(item.expiresAt),\n          },\n        ]}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminSessions;\n"],"mappings":"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"}
+{"version":3,"file":"AdminSessions--xwELDSO.js","names":["Flex","Text"],"sources":["../../src/admin/components/sessions/AdminSessions.tsx"],"sourcesContent":["import {\n  ActionButton,\n  DataTable,\n  Flex,\n  Text,\n  useDialog,\n  useToast,\n} from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport {\n  IconDeviceDesktop,\n  IconDeviceMobile,\n  IconDeviceTablet,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n  type AdminSessionController,\n  type SessionEntity,\n  sessions,\n} from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.tsx\";\n\nexport interface AdminSessionsProps {\n  userRealmName?: string;\n}\n\nconst filters = t.object({\n  userId: t.optional(\n    t.uuid({\n      $control: {\n        query: t.pick(sessions.schema, [\"userId\"]),\n      },\n    }),\n  ),\n});\n\nconst getDeviceIcon = (device?: string) => {\n  switch (device) {\n    case \"MOBILE\":\n      return <IconDeviceMobile size={14} />;\n    case \"TABLET\":\n      return <IconDeviceTablet size={14} />;\n    default:\n      return <IconDeviceDesktop size={14} />;\n  }\n};\n\nconst isExpired = (expiresAt: Date | string) =>\n  new Date(expiresAt) < new Date();\n\nconst AdminSessions = (props: AdminSessionsProps) => {\n  const client = useClient<AdminSessionController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n  const dialog = useDialog();\n  const toast = useToast();\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const handleDelete = async (session: SessionEntity) => {\n    const confirmed = await dialog.confirm({\n      title: \"Revoke session\",\n      message:\n        \"Are you sure you want to revoke this session? The user will be signed out.\",\n    });\n    if (!confirmed) return;\n    await client.deleteSession({\n      params: { id: session.id },\n      query: { userRealmName: props.userRealmName },\n    });\n    toast.success(\"Session revoked\");\n    setRefreshKey((k) => k + 1);\n  };\n\n  return (\n    <Flex p=\"md\" flex={1} direction=\"column\">\n      <DataTable<SessionEntity, typeof filters>\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(_key, _value, form) => form.submit()}\n        filters={filters}\n        tableTrProps={(item) => ({\n          style: {\n            opacity: isExpired(item.expiresAt) ? 0.5 : 1,\n          },\n        })}\n        items={async (filters) => {\n          const response = await client.findSessions({\n            query: {\n              ...filters,\n              userRealmName: props.userRealmName,\n            },\n          });\n          return response as Page<SessionEntity>;\n        }}\n        columns={{\n          userId: {\n            label: \"User\",\n            value: (item) => (\n              <ActionButton\n                variant=\"subtle\"\n                size=\"xs\"\n                href={router.path(\"adminUserProfile\", {\n                  params: { userId: item.userId },\n                })}\n              >\n                <Text size=\"xs\" ff=\"monospace\">\n                  {item.userId.slice(0, 8)}...\n                </Text>\n              </ActionButton>\n            ),\n          },\n          userAgent: {\n            label: \"Device\",\n            value: (item) => (\n              <Flex gap={4} align=\"center\">\n                {item.userAgent ? (\n                  <>\n                    {getDeviceIcon(item.userAgent.device)}\n                    <Text size=\"xs\">\n                      {item.userAgent.browser} / {item.userAgent.os}\n                    </Text>\n                  </>\n                ) : (\n                  <Text size=\"xs\" muted>\n                    —\n                  </Text>\n                )}\n              </Flex>\n            ),\n          },\n          ip: {\n            label: \"IP\",\n            value: (item) => (\n              <Text size=\"xs\" ff=\"monospace\" muted>\n                {item.ip || \"—\"}\n              </Text>\n            ),\n          },\n          expiresAt: {\n            label: \"Status\",\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={isExpired(item.expiresAt) ? \"gray\" : \"green\"}\n              >\n                {isExpired(item.expiresAt) ? \"Expired\" : \"Active\"}\n              </Badge>\n            ),\n          },\n          createdAt: {\n            label: \"Created\",\n            value: (item) => (\n              <Text size=\"xs\" muted>\n                {l(item.createdAt, { date: \"fromNow\" })}\n              </Text>\n            ),\n          },\n        }}\n        rowActions={(item) => [\n          {\n            label: \"Revoke session\",\n            icon: IconTrash,\n            color: \"red\",\n            onClick: () => handleDelete(item),\n            visible: !isExpired(item.expiresAt),\n          },\n        ]}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminSessions;\n"],"mappings":"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"}