@alepha/ui 0.16.1 → 0.16.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/dist/admin/{AdminApiKeys-GMORg-1l.js → AdminApiKeys-CoTOTfgU.js} +4 -3
  2. package/dist/admin/{AdminApiKeys-GMORg-1l.js.map → AdminApiKeys-CoTOTfgU.js.map} +1 -1
  3. package/dist/admin/{AdminAudits-pkWrjq1Z.js → AdminAudits-BmsxFbDa.js} +4 -3
  4. package/dist/admin/{AdminAudits-pkWrjq1Z.js.map → AdminAudits-BmsxFbDa.js.map} +1 -1
  5. package/dist/admin/{AdminFiles-WeQbsCsl.js → AdminFiles-BBB8knca.js} +4 -3
  6. package/dist/admin/{AdminFiles-WeQbsCsl.js.map → AdminFiles-BBB8knca.js.map} +1 -1
  7. package/dist/admin/{AdminJobs-B-q9iGO3.js → AdminJobs-C604joTz.js} +4 -3
  8. package/dist/admin/{AdminJobs-B-q9iGO3.js.map → AdminJobs-C604joTz.js.map} +1 -1
  9. package/dist/admin/{AdminLayout-BqZiXx4H.js → AdminLayout-CsjvpeD1.js} +6 -9
  10. package/dist/admin/AdminLayout-CsjvpeD1.js.map +1 -0
  11. package/dist/admin/{AdminNotifications-Ds5Un0NJ.js → AdminNotifications-LwR6RKrx.js} +4 -3
  12. package/dist/admin/{AdminNotifications-Ds5Un0NJ.js.map → AdminNotifications-LwR6RKrx.js.map} +1 -1
  13. package/dist/admin/AdminParameters-B_83Vie9.js +767 -0
  14. package/dist/admin/AdminParameters-B_83Vie9.js.map +1 -0
  15. package/dist/admin/{AdminSessions-DzIOxM3b.js → AdminSessions-CWnPosdd.js} +4 -3
  16. package/dist/admin/{AdminSessions-DzIOxM3b.js.map → AdminSessions-CWnPosdd.js.map} +1 -1
  17. package/dist/admin/{AdminUserAudits-CiUPN2BC.js → AdminUserAudits-nHv636E_.js} +4 -3
  18. package/dist/admin/{AdminUserAudits-CiUPN2BC.js.map → AdminUserAudits-nHv636E_.js.map} +1 -1
  19. package/dist/admin/{AdminUserCreate-BwQKr4xE.js → AdminUserCreate-CjYD3Kjc.js} +4 -3
  20. package/dist/admin/{AdminUserCreate-BwQKr4xE.js.map → AdminUserCreate-CjYD3Kjc.js.map} +1 -1
  21. package/dist/admin/{AdminUserDetails-uqtC5aJ1.js → AdminUserDetails-Ccq-LsZ0.js} +4 -3
  22. package/dist/admin/{AdminUserDetails-uqtC5aJ1.js.map → AdminUserDetails-Ccq-LsZ0.js.map} +1 -1
  23. package/dist/admin/{AdminUserLayout-CiPay35T.js → AdminUserLayout-7s41DiF_.js} +6 -7
  24. package/dist/admin/AdminUserLayout-7s41DiF_.js.map +1 -0
  25. package/dist/admin/{AdminUserSessions-DAE8Nf1F.js → AdminUserSessions-Ds3ODq_d.js} +4 -3
  26. package/dist/admin/{AdminUserSessions-DAE8Nf1F.js.map → AdminUserSessions-Ds3ODq_d.js.map} +1 -1
  27. package/dist/admin/{AdminUserSettings-EbahaV2a.js → AdminUserSettings-CGh4gROo.js} +4 -3
  28. package/dist/admin/{AdminUserSettings-EbahaV2a.js.map → AdminUserSettings-CGh4gROo.js.map} +1 -1
  29. package/dist/admin/{AdminUsers-Dcjh0KNW.js → AdminUsers-CvPiBzQK.js} +4 -3
  30. package/dist/admin/{AdminUsers-Dcjh0KNW.js.map → AdminUsers-CvPiBzQK.js.map} +1 -1
  31. package/dist/admin/index.d.ts +22 -10
  32. package/dist/admin/index.d.ts.map +1 -1
  33. package/dist/admin/index.js +47 -48
  34. package/dist/admin/index.js.map +1 -1
  35. package/dist/admin/rolldown-runtime-CjeV3_4I.js +18 -0
  36. package/dist/auth/{AuthLayout-Dj5K4SIN.js → AuthLayout-CdJcrPs4.js} +2 -3
  37. package/dist/auth/{AuthLayout-Dj5K4SIN.js.map → AuthLayout-CdJcrPs4.js.map} +1 -1
  38. package/dist/{demo/IconGoogle-CbBF8Hqq.js → auth/IconGoogle-Bm18QD2q.js} +2 -4
  39. package/dist/auth/{IconGoogle-DpSlPZ1u.js.map → IconGoogle-Bm18QD2q.js.map} +1 -1
  40. package/dist/auth/{Login-BBqTosqZ.js → Login-DS_OqA0G.js} +7 -6
  41. package/dist/auth/Login-DS_OqA0G.js.map +1 -0
  42. package/dist/auth/{Profile-Bxj8Nwom.js → Profile-Di7N7HZL.js} +2 -3
  43. package/dist/auth/{Profile-Bxj8Nwom.js.map → Profile-Di7N7HZL.js.map} +1 -1
  44. package/dist/auth/{Register-Ce675Crg.js → Register-BRR2_gux.js} +7 -6
  45. package/dist/auth/Register-BRR2_gux.js.map +1 -0
  46. package/dist/auth/{ResetPassword-DWdt7c40.js → ResetPassword-oQu72lod.js} +4 -3
  47. package/dist/auth/{ResetPassword-DWdt7c40.js.map → ResetPassword-oQu72lod.js.map} +1 -1
  48. package/dist/auth/{VerifyEmail-CI4JwByV.js → VerifyEmail-DC6HPZjd.js} +4 -3
  49. package/dist/auth/{VerifyEmail-CI4JwByV.js.map → VerifyEmail-DC6HPZjd.js.map} +1 -1
  50. package/dist/auth/index.d.ts +14 -14
  51. package/dist/auth/index.d.ts.map +1 -1
  52. package/dist/auth/index.js +13 -13
  53. package/dist/auth/index.js.map +1 -1
  54. package/dist/auth/rolldown-runtime-CjeV3_4I.js +18 -0
  55. package/dist/core/index.d.ts +147 -68
  56. package/dist/core/index.d.ts.map +1 -1
  57. package/dist/core/index.js +349 -287
  58. package/dist/core/index.js.map +1 -1
  59. package/dist/demo/{DemoDataTable-CguplbR7.js → DemoDataTable-DCsJq8v5.js} +4 -5
  60. package/dist/demo/DemoDataTable-DCsJq8v5.js.map +1 -0
  61. package/dist/demo/{DemoHome-Cce2bWmg.js → DemoHome-DpRrPlBC.js} +4 -3
  62. package/dist/demo/{DemoHome-Cce2bWmg.js.map → DemoHome-DpRrPlBC.js.map} +1 -1
  63. package/dist/demo/{DemoJsonViewer-Dgdk3Txb.js → DemoJsonViewer-zeucGKHV.js} +6 -5
  64. package/dist/demo/DemoJsonViewer-zeucGKHV.js.map +1 -0
  65. package/dist/demo/{DemoLayout-B20TEuhV.js → DemoLayout-PhgbAAiQ.js} +6 -5
  66. package/dist/demo/DemoLayout-PhgbAAiQ.js.map +1 -0
  67. package/dist/demo/{DemoLogin-CvCG2WVh.js → DemoLogin-DSzP0Lkv.js} +8 -10
  68. package/dist/demo/DemoLogin-DSzP0Lkv.js.map +1 -0
  69. package/dist/demo/{DemoRegister-CmeHbOAs.js → DemoRegister-DavFBsCz.js} +8 -10
  70. package/dist/demo/DemoRegister-DavFBsCz.js.map +1 -0
  71. package/dist/demo/{DemoResetPassword-CKO5iA_6.js → DemoResetPassword-BS2rIAQK.js} +5 -7
  72. package/dist/demo/DemoResetPassword-BS2rIAQK.js.map +1 -0
  73. package/dist/demo/{DemoSidebar-MVmQKfMt.js → DemoSidebar-zNkUmHRl.js} +4 -5
  74. package/dist/demo/DemoSidebar-zNkUmHRl.js.map +1 -0
  75. package/dist/demo/{DemoTypeForm-w-qtfRlC.js → DemoTypeForm-B9q7oT0b.js} +4 -5
  76. package/dist/demo/DemoTypeForm-B9q7oT0b.js.map +1 -0
  77. package/dist/demo/{DemoVerifyEmail-C8FFJT5A.js → DemoVerifyEmail-Bi4SdWz0.js} +5 -7
  78. package/dist/demo/DemoVerifyEmail-Bi4SdWz0.js.map +1 -0
  79. package/dist/{auth/IconGoogle-DpSlPZ1u.js → demo/IconGoogle-CTeZyrek.js} +2 -4
  80. package/dist/demo/{IconGoogle-CbBF8Hqq.js.map → IconGoogle-CTeZyrek.js.map} +1 -1
  81. package/dist/demo/{Showcase-CQrMWars.js → Showcase-C9btr_SJ.js} +3 -5
  82. package/dist/demo/Showcase-C9btr_SJ.js.map +1 -0
  83. package/dist/demo/index.d.ts +2 -2
  84. package/dist/demo/index.d.ts.map +1 -1
  85. package/dist/demo/index.js +15 -15
  86. package/dist/demo/rolldown-runtime-CjeV3_4I.js +18 -0
  87. package/package.json +5 -3
  88. package/src/admin/AdminRouter.ts +15 -24
  89. package/src/admin/components/AdminLayout.tsx +6 -9
  90. package/src/admin/components/parameters/AdminParameters.tsx +154 -76
  91. package/src/admin/components/parameters/ParameterDetails.tsx +153 -93
  92. package/src/admin/components/parameters/ParameterEmptyState.tsx +27 -0
  93. package/src/admin/components/parameters/ParameterHistory.tsx +15 -20
  94. package/src/admin/components/parameters/ParameterTree.tsx +280 -104
  95. package/src/admin/components/parameters/types.ts +3 -3
  96. package/src/admin/primitives/$uiAdmin.ts +2 -2
  97. package/src/auth/AuthRouter.ts +1 -0
  98. package/src/core/components/buttons/ActionButton.tsx +4 -15
  99. package/src/core/components/buttons/DarkModeButton.tsx +8 -4
  100. package/src/core/components/buttons/ToggleSidebarButton.tsx +3 -5
  101. package/src/core/components/form/Control.tsx +10 -32
  102. package/src/core/components/form/ControlArray.tsx +200 -89
  103. package/src/core/components/form/TypeForm.browser.spec.tsx +727 -0
  104. package/src/core/components/layout/AlephaMantineProvider.tsx +1 -0
  105. package/src/core/components/layout/Breadcrumb.tsx +91 -0
  106. package/src/core/components/layout/{AdminShell.tsx → DashboardShell.tsx} +77 -32
  107. package/src/core/components/layout/Sidebar.tsx +58 -18
  108. package/src/core/constants/ui.ts +1 -1
  109. package/src/core/helpers/renderIcon.tsx +5 -2
  110. package/src/core/index.ts +9 -5
  111. package/src/core/styles.css +7 -7
  112. package/src/core/utils/string.ts +28 -4
  113. package/src/demo/components/DemoLayout.tsx +6 -2
  114. package/dist/admin/AdminApiKeys-DsmGnHNh.js +0 -3
  115. package/dist/admin/AdminAudits-8SM96viT.js +0 -3
  116. package/dist/admin/AdminFiles-B56ocq4H.js +0 -3
  117. package/dist/admin/AdminJobs-CED1syCn.js +0 -3
  118. package/dist/admin/AdminLayout-BqZiXx4H.js.map +0 -1
  119. package/dist/admin/AdminNotifications-B0B1rdc4.js +0 -3
  120. package/dist/admin/AdminParameters-BU3lATdJ.js +0 -3
  121. package/dist/admin/AdminParameters-CfDUpc78.js +0 -575
  122. package/dist/admin/AdminParameters-CfDUpc78.js.map +0 -1
  123. package/dist/admin/AdminSessions-BDGK2MS6.js +0 -3
  124. package/dist/admin/AdminUserAudits-Cj79gENT.js +0 -3
  125. package/dist/admin/AdminUserCreate-Cq-mUmBs.js +0 -3
  126. package/dist/admin/AdminUserDetails-DRjVAPFd.js +0 -3
  127. package/dist/admin/AdminUserLayout-CGzmHHby.js +0 -3
  128. package/dist/admin/AdminUserLayout-CiPay35T.js.map +0 -1
  129. package/dist/admin/AdminUserSessions-DcdzuNZ9.js +0 -3
  130. package/dist/admin/AdminUserSettings-D7V6-ceX.js +0 -3
  131. package/dist/admin/AdminUsers-D9nyzGqQ.js +0 -3
  132. package/dist/auth/Login-BBqTosqZ.js.map +0 -1
  133. package/dist/auth/Login-CoU63mMR.js +0 -4
  134. package/dist/auth/Register-BV_oa_AK.js +0 -4
  135. package/dist/auth/Register-Ce675Crg.js.map +0 -1
  136. package/dist/auth/ResetPassword-D5wC8GAA.js +0 -3
  137. package/dist/auth/VerifyEmail-DAfqVm5s.js +0 -3
  138. package/dist/demo/DemoDataTable-CguplbR7.js.map +0 -1
  139. package/dist/demo/DemoHome-DC9qkMNe.js +0 -3
  140. package/dist/demo/DemoJsonViewer-DIssGVlJ.js +0 -4
  141. package/dist/demo/DemoJsonViewer-Dgdk3Txb.js.map +0 -1
  142. package/dist/demo/DemoLayout-B20TEuhV.js.map +0 -1
  143. package/dist/demo/DemoLayout-DSRyf4qJ.js +0 -3
  144. package/dist/demo/DemoLogin-CvCG2WVh.js.map +0 -1
  145. package/dist/demo/DemoRegister-CmeHbOAs.js.map +0 -1
  146. package/dist/demo/DemoResetPassword-CKO5iA_6.js.map +0 -1
  147. package/dist/demo/DemoSidebar-MVmQKfMt.js.map +0 -1
  148. package/dist/demo/DemoTypeForm-w-qtfRlC.js.map +0 -1
  149. package/dist/demo/DemoVerifyEmail-C8FFJT5A.js.map +0 -1
  150. package/dist/demo/Showcase-CQrMWars.js.map +0 -1
@@ -1,575 +0,0 @@
1
- import { ActionButton, Flex, Text, TypeForm } from "@alepha/ui";
2
- import { jsonSchemaToTypeBox } from "alepha";
3
- import { IconChevronDown, IconChevronRight, IconClock, IconFolder, IconFolderOpen, IconHistory, IconRefresh, IconSettings } from "@tabler/icons-react";
4
- import { Badge, Box, Card, Code, Group, Loader, ScrollArea, Stack, Timeline, Tooltip, Tree, useTree } from "@mantine/core";
5
- import { useClient } from "alepha/react";
6
- import { useI18n } from "alepha/react/i18n";
7
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
8
- import { useCallback, useEffect, useMemo, useState } from "react";
9
- import { useForm } from "alepha/react/form";
10
-
11
- //#region ../../src/admin/components/parameters/types.ts
12
- const getStatusColor = (status) => {
13
- switch (status) {
14
- case "current": return "green";
15
- case "next": return "blue";
16
- case "future": return "cyan";
17
- case "expired": return "gray";
18
- default: return "gray";
19
- }
20
- };
21
- const formatJson = (obj) => {
22
- try {
23
- return JSON.stringify(obj, null, 2);
24
- } catch {
25
- return String(obj);
26
- }
27
- };
28
-
29
- //#endregion
30
- //#region ../../src/admin/components/parameters/ParameterDetails.tsx
31
- const ParameterDetails = ({ selectedConfig, configValue, loading }) => {
32
- const { l } = useI18n();
33
- const currentContent = useMemo(() => {
34
- if (configValue?.current?.content) return configValue.current.content;
35
- if (configValue?.currentValue !== void 0) return configValue.currentValue;
36
- return null;
37
- }, [configValue]);
38
- const schemaForForm = useMemo(() => {
39
- if (!configValue?.schema) return {
40
- type: "object",
41
- properties: {}
42
- };
43
- return jsonSchemaToTypeBox(configValue.schema);
44
- }, [configValue?.schema]);
45
- const form = useForm({
46
- schema: schemaForForm,
47
- initialValues: currentContent ?? {},
48
- handler: async () => {}
49
- }, [
50
- selectedConfig,
51
- schemaForForm,
52
- currentContent
53
- ]);
54
- const hasValidSchema = useMemo(() => {
55
- const schema = configValue?.schema;
56
- return schema && typeof schema === "object" && "properties" in schema && Object.keys(schema.properties ?? {}).length > 0;
57
- }, [configValue?.schema]);
58
- if (!selectedConfig) return /* @__PURE__ */ jsx(Card, {
59
- withBorder: true,
60
- flex: 1,
61
- h: "100%",
62
- style: { overflow: "hidden" },
63
- children: /* @__PURE__ */ jsx(Flex, {
64
- flex: 1,
65
- justify: "center",
66
- align: "center",
67
- h: "100%",
68
- children: /* @__PURE__ */ jsxs(Stack, {
69
- align: "center",
70
- gap: "xs",
71
- children: [/* @__PURE__ */ jsx(IconSettings, {
72
- size: 32,
73
- stroke: 1.5,
74
- color: "var(--mantine-color-dimmed)"
75
- }), /* @__PURE__ */ jsx(Text, {
76
- c: "dimmed",
77
- size: "sm",
78
- children: "Select a parameter to view its value"
79
- })]
80
- })
81
- })
82
- });
83
- if (loading) return /* @__PURE__ */ jsx(Card, {
84
- withBorder: true,
85
- flex: 1,
86
- h: "100%",
87
- style: { overflow: "hidden" },
88
- children: /* @__PURE__ */ jsx(Flex, {
89
- flex: 1,
90
- justify: "center",
91
- align: "center",
92
- h: "100%",
93
- children: /* @__PURE__ */ jsx(Loader, { size: "sm" })
94
- })
95
- });
96
- return /* @__PURE__ */ jsx(Card, {
97
- withBorder: true,
98
- flex: 1,
99
- h: "100%",
100
- style: { overflow: "hidden" },
101
- children: /* @__PURE__ */ jsxs(Stack, {
102
- gap: "md",
103
- h: "100%",
104
- children: [/* @__PURE__ */ jsx(Group, {
105
- justify: "space-between",
106
- children: /* @__PURE__ */ jsxs(Stack, {
107
- gap: 2,
108
- children: [
109
- /* @__PURE__ */ jsx(Text, {
110
- size: "sm",
111
- fw: 500,
112
- children: selectedConfig
113
- }),
114
- configValue?.current && /* @__PURE__ */ jsxs(Group, {
115
- gap: "xs",
116
- children: [/* @__PURE__ */ jsxs(Badge, {
117
- size: "xs",
118
- color: "green",
119
- variant: "light",
120
- children: ["v", configValue.current.version]
121
- }), configValue.next && /* @__PURE__ */ jsxs(Badge, {
122
- size: "xs",
123
- color: "blue",
124
- variant: "light",
125
- children: ["Next: v", configValue.next.version]
126
- })]
127
- }),
128
- !configValue?.current && configValue?.currentValue !== void 0 && /* @__PURE__ */ jsx(Badge, {
129
- size: "xs",
130
- color: "yellow",
131
- variant: "light",
132
- children: "Default"
133
- })
134
- ]
135
- })
136
- }), /* @__PURE__ */ jsx(ScrollArea, {
137
- flex: 1,
138
- offsetScrollbars: true,
139
- children: currentContent !== null ? /* @__PURE__ */ jsxs(Stack, {
140
- gap: "md",
141
- children: [
142
- /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
143
- size: "xs",
144
- c: "dimmed",
145
- mb: 4,
146
- children: "Current Value"
147
- }), hasValidSchema ? /* @__PURE__ */ jsx(TypeForm, {
148
- form,
149
- columns: 1,
150
- skipSubmitButton: true,
151
- skipFormElement: true
152
- }) : /* @__PURE__ */ jsx(Code, {
153
- block: true,
154
- style: { whiteSpace: "pre-wrap" },
155
- children: formatJson(currentContent)
156
- })] }),
157
- configValue?.current?.changeDescription && /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
158
- size: "xs",
159
- c: "dimmed",
160
- mb: 4,
161
- children: "Change Description"
162
- }), /* @__PURE__ */ jsx(Text, {
163
- size: "sm",
164
- children: configValue.current.changeDescription
165
- })] }),
166
- configValue?.current && /* @__PURE__ */ jsxs(Group, {
167
- gap: "xl",
168
- children: [/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
169
- size: "xs",
170
- c: "dimmed",
171
- mb: 2,
172
- children: "Updated"
173
- }), /* @__PURE__ */ jsx(Text, {
174
- size: "sm",
175
- children: l(configValue.current.updatedAt, { date: "fromNow" })
176
- })] }), configValue.current.creatorName && /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
177
- size: "xs",
178
- c: "dimmed",
179
- mb: 2,
180
- children: "Updated By"
181
- }), /* @__PURE__ */ jsx(Text, {
182
- size: "sm",
183
- children: configValue.current.creatorName
184
- })] })]
185
- }),
186
- !configValue?.current && configValue?.currentValue !== void 0 && /* @__PURE__ */ jsx(Text, {
187
- size: "xs",
188
- c: "dimmed",
189
- children: "This configuration is using its default value. No versions have been saved to the database yet."
190
- }),
191
- configValue?.next && /* @__PURE__ */ jsx(Card, {
192
- withBorder: true,
193
- bg: "blue.0",
194
- p: "sm",
195
- children: /* @__PURE__ */ jsxs(Stack, {
196
- gap: "xs",
197
- children: [
198
- /* @__PURE__ */ jsxs(Group, {
199
- gap: "xs",
200
- children: [/* @__PURE__ */ jsx(IconClock, {
201
- size: 14,
202
- color: "var(--mantine-color-blue-6)"
203
- }), /* @__PURE__ */ jsxs(Text, {
204
- size: "xs",
205
- fw: 500,
206
- c: "blue.7",
207
- children: [
208
- "Scheduled Update (v",
209
- configValue.next.version,
210
- ")"
211
- ]
212
- })]
213
- }),
214
- /* @__PURE__ */ jsxs(Text, {
215
- size: "xs",
216
- c: "dimmed",
217
- children: [
218
- "Activates",
219
- " ",
220
- l(configValue.next.activationDate, { date: "fromNow" })
221
- ]
222
- }),
223
- /* @__PURE__ */ jsx(Code, {
224
- block: true,
225
- style: { whiteSpace: "pre-wrap" },
226
- fz: "xs",
227
- children: formatJson(configValue.next.content)
228
- })
229
- ]
230
- })
231
- })
232
- ]
233
- }) : /* @__PURE__ */ jsx(Flex, {
234
- justify: "center",
235
- align: "center",
236
- h: 200,
237
- children: /* @__PURE__ */ jsx(Text, {
238
- c: "dimmed",
239
- size: "sm",
240
- children: "No current value"
241
- })
242
- })
243
- })]
244
- })
245
- });
246
- };
247
- var ParameterDetails_default = ParameterDetails;
248
-
249
- //#endregion
250
- //#region ../../src/admin/components/parameters/ParameterHistory.tsx
251
- const ParameterHistory = ({ selectedConfig, history, loading, onRollback }) => {
252
- const { l } = useI18n();
253
- const renderContent = () => {
254
- if (!selectedConfig) return /* @__PURE__ */ jsx(Flex, {
255
- flex: 1,
256
- justify: "center",
257
- align: "center",
258
- children: /* @__PURE__ */ jsx(Text, {
259
- c: "dimmed",
260
- size: "xs",
261
- children: "Select a parameter"
262
- })
263
- });
264
- if (loading) return /* @__PURE__ */ jsx(Flex, {
265
- flex: 1,
266
- justify: "center",
267
- align: "center",
268
- children: /* @__PURE__ */ jsx(Loader, { size: "sm" })
269
- });
270
- if (history.length === 0) return /* @__PURE__ */ jsx(Flex, {
271
- flex: 1,
272
- justify: "center",
273
- align: "center",
274
- children: /* @__PURE__ */ jsx(Text, {
275
- c: "dimmed",
276
- size: "xs",
277
- children: "No history"
278
- })
279
- });
280
- return /* @__PURE__ */ jsx(ScrollArea, {
281
- flex: 1,
282
- offsetScrollbars: true,
283
- children: /* @__PURE__ */ jsx(Timeline, {
284
- active: history.findIndex((h) => h.status === "current"),
285
- bulletSize: 24,
286
- lineWidth: 2,
287
- children: history.map((version) => /* @__PURE__ */ jsx(Timeline.Item, {
288
- bullet: /* @__PURE__ */ jsx(Text, {
289
- size: "xs",
290
- fw: 500,
291
- children: version.version
292
- }),
293
- title: /* @__PURE__ */ jsxs(Group, {
294
- gap: "xs",
295
- children: [/* @__PURE__ */ jsxs(Text, {
296
- size: "xs",
297
- fw: 500,
298
- children: ["Version ", version.version]
299
- }), /* @__PURE__ */ jsx(Badge, {
300
- size: "xs",
301
- variant: "light",
302
- color: getStatusColor(version.status),
303
- children: version.status
304
- })]
305
- }),
306
- children: /* @__PURE__ */ jsxs(Stack, {
307
- gap: 4,
308
- mt: 4,
309
- children: [
310
- /* @__PURE__ */ jsx(Text, {
311
- size: "xs",
312
- c: "dimmed",
313
- children: l(version.createdAt, { date: "fromNow" })
314
- }),
315
- version.changeDescription && /* @__PURE__ */ jsx(Text, {
316
- size: "xs",
317
- lineClamp: 2,
318
- children: version.changeDescription
319
- }),
320
- version.creatorName && /* @__PURE__ */ jsxs(Text, {
321
- size: "xs",
322
- c: "dimmed",
323
- children: ["by ", version.creatorName]
324
- }),
325
- version.migrationLog && /* @__PURE__ */ jsx(Badge, {
326
- size: "xs",
327
- variant: "outline",
328
- color: "orange",
329
- children: "Schema Changed"
330
- }),
331
- version.status === "expired" && /* @__PURE__ */ jsx(ActionButton, {
332
- size: "compact-xs",
333
- variant: "subtle",
334
- onClick: () => onRollback(version.version),
335
- children: "Rollback to this version"
336
- })
337
- ]
338
- })
339
- }, version.id))
340
- })
341
- });
342
- };
343
- return /* @__PURE__ */ jsx(Card, {
344
- withBorder: true,
345
- w: 300,
346
- h: "100%",
347
- style: {
348
- flexShrink: 0,
349
- overflow: "hidden"
350
- },
351
- children: /* @__PURE__ */ jsxs(Stack, {
352
- gap: "xs",
353
- h: "100%",
354
- children: [/* @__PURE__ */ jsxs(Group, {
355
- gap: "xs",
356
- children: [/* @__PURE__ */ jsx(IconHistory, {
357
- size: 16,
358
- color: "var(--mantine-color-dimmed)"
359
- }), /* @__PURE__ */ jsx(Text, {
360
- size: "sm",
361
- fw: 500,
362
- children: "Version History"
363
- })]
364
- }), renderContent()]
365
- })
366
- });
367
- };
368
- var ParameterHistory_default = ParameterHistory;
369
-
370
- //#endregion
371
- //#region ../../src/admin/components/parameters/ParameterTree.tsx
372
- const ParameterTree = ({ treeData, selectedConfig, onSelect, onRefresh }) => {
373
- const tree = useTree({ initialExpandedState: {} });
374
- const mantineTreeData = useMemo(() => {
375
- const convert = (nodes) => {
376
- return nodes.map((node) => ({
377
- value: node.path,
378
- label: node.name,
379
- children: node.children.length > 0 ? convert(node.children) : void 0
380
- }));
381
- };
382
- return convert(treeData);
383
- }, [treeData]);
384
- const renderNode = ({ node, expanded, hasChildren, elementProps }) => {
385
- const isLeaf = !hasChildren;
386
- const isSelected = selectedConfig === node.value;
387
- return /* @__PURE__ */ jsxs(Group, {
388
- gap: "xs",
389
- wrap: "nowrap",
390
- ...elementProps,
391
- onClick: (e) => {
392
- elementProps.onClick?.(e);
393
- if (isLeaf) onSelect(node.value);
394
- },
395
- style: {
396
- ...elementProps.style,
397
- cursor: isLeaf ? "pointer" : "default",
398
- backgroundColor: isSelected ? "var(--mantine-color-blue-light)" : void 0,
399
- borderRadius: "var(--mantine-radius-sm)",
400
- paddingTop: 4,
401
- paddingBottom: 4,
402
- paddingRight: 8
403
- },
404
- children: [hasChildren ? /* @__PURE__ */ jsxs(Fragment, { children: [expanded ? /* @__PURE__ */ jsx(IconChevronDown, {
405
- size: 14,
406
- color: "var(--mantine-color-dimmed)"
407
- }) : /* @__PURE__ */ jsx(IconChevronRight, {
408
- size: 14,
409
- color: "var(--mantine-color-dimmed)"
410
- }), expanded ? /* @__PURE__ */ jsx(IconFolderOpen, {
411
- size: 16,
412
- color: "var(--mantine-color-blue-6)"
413
- }) : /* @__PURE__ */ jsx(IconFolder, {
414
- size: 16,
415
- color: "var(--mantine-color-blue-6)"
416
- })] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Box, { w: 14 }), /* @__PURE__ */ jsx(IconSettings, {
417
- size: 16,
418
- color: "var(--mantine-color-gray-6)"
419
- })] }), /* @__PURE__ */ jsx(Text, {
420
- size: "sm",
421
- fw: isSelected ? 500 : 400,
422
- children: node.label
423
- })]
424
- });
425
- };
426
- return /* @__PURE__ */ jsx(Card, {
427
- withBorder: true,
428
- w: 280,
429
- h: "100%",
430
- style: { flexShrink: 0 },
431
- children: /* @__PURE__ */ jsxs(Stack, {
432
- gap: "xs",
433
- h: "100%",
434
- children: [/* @__PURE__ */ jsxs(Group, {
435
- justify: "space-between",
436
- children: [/* @__PURE__ */ jsx(Text, {
437
- size: "sm",
438
- fw: 500,
439
- children: "Parameters"
440
- }), /* @__PURE__ */ jsx(Tooltip, {
441
- label: "Refresh",
442
- children: /* @__PURE__ */ jsx(ActionButton, {
443
- variant: "subtle",
444
- size: "compact-xs",
445
- onClick: onRefresh,
446
- children: /* @__PURE__ */ jsx(IconRefresh, { size: 14 })
447
- })
448
- })]
449
- }), /* @__PURE__ */ jsx(ScrollArea, {
450
- flex: 1,
451
- offsetScrollbars: true,
452
- children: /* @__PURE__ */ jsx(Tree, {
453
- data: mantineTreeData,
454
- tree,
455
- levelOffset: 20,
456
- expandOnClick: true,
457
- renderNode
458
- })
459
- })]
460
- })
461
- });
462
- };
463
- var ParameterTree_default = ParameterTree;
464
-
465
- //#endregion
466
- //#region ../../src/admin/components/parameters/AdminParameters.tsx
467
- const AdminParameters = () => {
468
- const client = useClient();
469
- const [treeData, setTreeData] = useState([]);
470
- const [selectedConfig, setSelectedConfig] = useState(null);
471
- const [configValue, setConfigValue] = useState(null);
472
- const [history, setHistory] = useState([]);
473
- const [loading, setLoading] = useState(true);
474
- const [loadingConfig, setLoadingConfig] = useState(false);
475
- const [loadingHistory, setLoadingHistory] = useState(false);
476
- const loadTree = useCallback(async () => {
477
- try {
478
- setTreeData(await client.getConfigTree({}));
479
- } finally {
480
- setLoading(false);
481
- }
482
- }, []);
483
- const loadConfigDetails = useCallback(async (name) => {
484
- setLoadingConfig(true);
485
- setLoadingHistory(true);
486
- try {
487
- const [current] = await Promise.all([client.getCurrent({ params: { name } })]);
488
- setConfigValue(current);
489
- setHistory([]);
490
- } finally {
491
- setLoadingConfig(false);
492
- setLoadingHistory(false);
493
- }
494
- }, []);
495
- useEffect(() => {
496
- loadTree();
497
- }, [loadTree]);
498
- useEffect(() => {
499
- if (selectedConfig) loadConfigDetails(selectedConfig);
500
- else {
501
- setConfigValue(null);
502
- setHistory([]);
503
- }
504
- }, [selectedConfig, loadConfigDetails]);
505
- const handleRollback = async (version) => {
506
- if (!selectedConfig) return;
507
- await client.rollback({
508
- params: { name: selectedConfig },
509
- body: { targetVersion: version }
510
- });
511
- await loadConfigDetails(selectedConfig);
512
- };
513
- if (loading) return /* @__PURE__ */ jsx(Flex, {
514
- flex: 1,
515
- justify: "center",
516
- align: "center",
517
- children: /* @__PURE__ */ jsx(Loader, {})
518
- });
519
- if (treeData.length === 0) return /* @__PURE__ */ jsx(Flex, {
520
- flex: 1,
521
- justify: "center",
522
- align: "center",
523
- children: /* @__PURE__ */ jsxs(Stack, {
524
- align: "center",
525
- gap: "xs",
526
- children: [
527
- /* @__PURE__ */ jsx(IconSettings, {
528
- size: 48,
529
- stroke: 1.5,
530
- color: "var(--mantine-color-dimmed)"
531
- }),
532
- /* @__PURE__ */ jsx(Text, {
533
- c: "dimmed",
534
- children: "No Parameters Found"
535
- }),
536
- /* @__PURE__ */ jsx(Text, {
537
- size: "xs",
538
- c: "dimmed",
539
- ta: "center",
540
- maw: 400,
541
- children: "Define parameters using the $config primitive to manage dynamic application settings. Parameters will appear here once created."
542
- })
543
- ]
544
- })
545
- });
546
- return /* @__PURE__ */ jsxs(Flex, {
547
- flex: 1,
548
- gap: "xs",
549
- h: "100%",
550
- children: [
551
- /* @__PURE__ */ jsx(ParameterTree_default, {
552
- treeData,
553
- selectedConfig,
554
- onSelect: setSelectedConfig,
555
- onRefresh: loadTree
556
- }),
557
- /* @__PURE__ */ jsx(ParameterDetails_default, {
558
- selectedConfig,
559
- configValue,
560
- loading: loadingConfig
561
- }),
562
- /* @__PURE__ */ jsx(ParameterHistory_default, {
563
- selectedConfig,
564
- history,
565
- loading: loadingHistory,
566
- onRollback: handleRollback
567
- })
568
- ]
569
- });
570
- };
571
- var AdminParameters_default = AdminParameters;
572
-
573
- //#endregion
574
- export { AdminParameters_default as t };
575
- //# sourceMappingURL=AdminParameters-CfDUpc78.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdminParameters-CfDUpc78.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 /**\n * Default value from the registered $config 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 configuration (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 { 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 { useForm } from \"alepha/react/form\";\nimport { useI18n } from \"alepha/react/i18n\";\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 { 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 { useI18n } from \"alepha/react/i18n\";\nimport { getStatusColor } from \"./types.ts\";\n\nexport interface ParameterHistoryProps {\n selectedConfig: string | null;\n history: Parameter[];\n loading: boolean;\n onRollback: (version: number) => void;\n}\n\nconst ParameterHistory = ({\n 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 { Flex, Text } from \"@alepha/ui\";\nimport { Loader, Stack } from \"@mantine/core\";\nimport { IconSettings } from \"@tabler/icons-react\";\nimport type {\n AdminConfigController,\n ConfigTreeNode,\n Parameter,\n} from \"alepha/api/parameters\";\nimport { useClient } from \"alepha/react\";\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<AdminConfigController>();\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] = await Promise.all([\n client.getCurrent({ params: { name } }),\n ]);\n setConfigValue(current);\n setHistory([]);\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":"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"}
@@ -1,3 +0,0 @@
1
- import { t as AdminSessions_default } from "./AdminSessions-DzIOxM3b.js";
2
-
3
- export { AdminSessions_default as default };
@@ -1,3 +0,0 @@
1
- import { t as AdminUserAudits_default } from "./AdminUserAudits-CiUPN2BC.js";
2
-
3
- export { AdminUserAudits_default as default };
@@ -1,3 +0,0 @@
1
- import { t as AdminUserCreate_default } from "./AdminUserCreate-BwQKr4xE.js";
2
-
3
- export { AdminUserCreate_default as default };
@@ -1,3 +0,0 @@
1
- import { t as AdminUserDetails_default } from "./AdminUserDetails-uqtC5aJ1.js";
2
-
3
- export { AdminUserDetails_default as default };
@@ -1,3 +0,0 @@
1
- import { t as AdminUserLayout_default } from "./AdminUserLayout-CiPay35T.js";
2
-
3
- export { AdminUserLayout_default as default };