@medha-analytics/medha-one-access-react 1.0.9 → 1.0.10

package/dist/index.js

@@ -14400,27 +14400,31 @@ function vb({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/shared/DataTable.tsx
-function yb({ columns: e, data: t, totalCount: n, isLoading: r = !1, emptyMessage: i = "No results found", onSearchChange: a, onPaginationChange: s, pageSize: l = 20, searchPlaceholder: u = "Search...", toolbar: p, statusFilter: m, onStatusFilterChange: h }) {
-	let [v, y] = f({
+function yb({ columns: e, data: t, totalCount: n, isLoading: r = !1, emptyMessage: i = "No results found", onSearchChange: a, searchValue: s, onPaginationChange: l, pageSize: u = 20, searchPlaceholder: p = "Search...", toolbar: m, statusFilter: h, onStatusFilterChange: v }) {
+	let [y, b] = f({
 		pageIndex: 0,
-		pageSize: l
-	}), [b, x] = f(""), S = d(void 0), C = o((e) => {
-		x(e), S.current && clearTimeout(S.current), S.current = setTimeout(() => a?.(e), 400);
+		pageSize: u
+	}), [x, S] = f(s ?? ""), C = d(void 0);
+	c(() => {
+		s !== void 0 && S(s);
+	}, [s]);
+	let w = o((e) => {
+		S(e), C.current && clearTimeout(C.current), C.current = setTimeout(() => a?.(e), 400);
 	}, [a]);
 	c(() => () => {
-		S.current && clearTimeout(S.current);
+		C.current && clearTimeout(C.current);
 	}, []), c(() => {
-		s?.(v);
-	}, [v, s]);
-	let w = Cn({
+		l?.(y);
+	}, [y, l]);
+	let T = Cn({
 		data: t,
 		columns: e,
-		pageCount: Math.ceil(n / v.pageSize),
-		state: { pagination: v },
-		onPaginationChange: y,
+		pageCount: Math.ceil(n / y.pageSize),
+		state: { pagination: y },
+		onPaginationChange: b,
 		getCoreRowModel: vn(),
 		manualPagination: !0
-	}), T = Math.ceil(n / v.pageSize);
+	}), E = Math.ceil(n / y.pageSize);
 	return /* @__PURE__ */ _("div", {
 		className: "space-y-4",
 		children: [
@@ -14430,45 +14434,45 @@ function yb({ columns: e, data: t, totalCount: n, isLoading: r = !1, emptyMessag
 					a && /* @__PURE__ */ _("div", {
 						className: "relative flex-1 max-w-sm",
 						children: [/* @__PURE__ */ g(xe, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ g(ub, {
-							placeholder: u,
-							value: b,
-							onChange: (e) => C(e.target.value),
+							placeholder: p,
+							value: x,
+							onChange: (e) => w(e.target.value),
 							className: "pl-8"
 						})]
 					}),
-					h && /* @__PURE__ */ g("div", {
+					v && /* @__PURE__ */ g("div", {
 						className: "flex items-center rounded-md border",
 						children: [
 							"all",
 							"active",
 							"inactive"
 						].map((e) => /* @__PURE__ */ g("button", {
-							onClick: () => h(e),
-							className: H("cursor-pointer px-3 py-1.5 text-xs font-medium capitalize transition-colors first:rounded-l-md last:rounded-r-md", m === e ? "bg-primary text-primary-foreground" : "bg-background text-muted-foreground hover:bg-accent"),
+							onClick: () => v(e),
+							className: H("cursor-pointer px-3 py-1.5 text-xs font-medium capitalize transition-colors first:rounded-l-md last:rounded-r-md", h === e ? "bg-primary text-primary-foreground" : "bg-background text-muted-foreground hover:bg-accent"),
 							children: e
 						}, e))
 					}),
-					p && /* @__PURE__ */ g("div", {
+					m && /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-2",
-						children: p
+						children: m
 					})
 				]
 			}),
 			/* @__PURE__ */ g("div", {
 				className: "rounded-md border",
-				children: /* @__PURE__ */ _(ib, { children: [/* @__PURE__ */ g(ab, { children: w.getHeaderGroups().map((e) => /* @__PURE__ */ g(sb, { children: e.headers.map((e) => /* @__PURE__ */ g(cb, { children: e.isPlaceholder ? null : yn(e.column.columnDef.header, e.getContext()) }, e.id)) }, e.id)) }), /* @__PURE__ */ g(ob, { children: r ? Array.from({ length: v.pageSize }).map((t, n) => /* @__PURE__ */ g(sb, { children: e.map((e, t) => /* @__PURE__ */ g(lb, { children: /* @__PURE__ */ g(vb, { className: "h-4 w-full animate-pulse" }) }, t)) }, n)) : w.getRowModel().rows.length === 0 ? /* @__PURE__ */ g(sb, { children: /* @__PURE__ */ g(lb, {
+				children: /* @__PURE__ */ _(ib, { children: [/* @__PURE__ */ g(ab, { children: T.getHeaderGroups().map((e) => /* @__PURE__ */ g(sb, { children: e.headers.map((e) => /* @__PURE__ */ g(cb, { children: e.isPlaceholder ? null : yn(e.column.columnDef.header, e.getContext()) }, e.id)) }, e.id)) }), /* @__PURE__ */ g(ob, { children: r ? Array.from({ length: y.pageSize }).map((t, n) => /* @__PURE__ */ g(sb, { children: e.map((e, t) => /* @__PURE__ */ g(lb, { children: /* @__PURE__ */ g(vb, { className: "h-4 w-full animate-pulse" }) }, t)) }, n)) : T.getRowModel().rows.length === 0 ? /* @__PURE__ */ g(sb, { children: /* @__PURE__ */ g(lb, {
 					colSpan: e.length,
 					className: "h-24 text-center text-muted-foreground",
 					children: i
-				}) }) : w.getRowModel().rows.map((e) => /* @__PURE__ */ g(sb, { children: e.getVisibleCells().map((e) => /* @__PURE__ */ g(lb, { children: yn(e.column.columnDef.cell, e.getContext()) }, e.id)) }, e.id)) })] })
+				}) }) : T.getRowModel().rows.map((e) => /* @__PURE__ */ g(sb, { children: e.getVisibleCells().map((e) => /* @__PURE__ */ g(lb, { children: yn(e.column.columnDef.cell, e.getContext()) }, e.id)) }, e.id)) })] })
 			}),
 			n > 0 && /* @__PURE__ */ _("div", {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ _("div", {
 					className: "flex items-center gap-2 text-sm text-muted-foreground",
 					children: [/* @__PURE__ */ g("span", { children: "Rows per page:" }), /* @__PURE__ */ _(db, {
-						value: String(v.pageSize),
-						onValueChange: (e) => y({
+						value: String(y.pageSize),
+						onValueChange: (e) => b({
 							pageIndex: 0,
 							pageSize: Number(e)
 						}),
@@ -14490,9 +14494,9 @@ function yb({ columns: e, data: t, totalCount: n, isLoading: r = !1, emptyMessag
 						/* @__PURE__ */ _("span", {
 							className: "text-muted-foreground",
 							children: [
-								v.pageIndex * v.pageSize + 1,
+								y.pageIndex * y.pageSize + 1,
 								"–",
-								Math.min((v.pageIndex + 1) * v.pageSize, n),
+								Math.min((y.pageIndex + 1) * y.pageSize, n),
 								" of ",
 								n
 							]
@@ -14500,21 +14504,21 @@ function yb({ columns: e, data: t, totalCount: n, isLoading: r = !1, emptyMessag
 						/* @__PURE__ */ g(qh, {
 							variant: "ghost",
 							size: "icon",
-							onClick: () => y((e) => ({
+							onClick: () => b((e) => ({
 								...e,
 								pageIndex: e.pageIndex - 1
 							})),
-							disabled: v.pageIndex === 0,
+							disabled: y.pageIndex === 0,
 							children: /* @__PURE__ */ g(pe, { className: "h-4 w-4" })
 						}),
 						/* @__PURE__ */ g(qh, {
 							variant: "ghost",
 							size: "icon",
-							onClick: () => y((e) => ({
+							onClick: () => b((e) => ({
 								...e,
 								pageIndex: e.pageIndex + 1
 							})),
-							disabled: v.pageIndex >= T - 1,
+							disabled: y.pageIndex >= E - 1,
 							children: /* @__PURE__ */ g(me, { className: "h-4 w-4" })
 						})
 					]
@@ -18678,7 +18682,7 @@ function sw(e) {
 	let t = G();
 	return C({
 		queryKey: ["users", e],
-		queryFn: async () => (await t.get(`/users/${e}`)).data,
+		queryFn: async () => (await t.get(`/users/${encodeURIComponent(e)}`)).data,
 		enabled: !!e
 	});
 }
@@ -18703,7 +18707,7 @@ function lw(e) {
 			e,
 			"groups"
 		],
-		queryFn: async () => (await t.get(`/users/${e}/groups`)).data.groups ?? [],
+		queryFn: async () => (await t.get(`/users/${encodeURIComponent(e)}/groups`)).data.groups ?? [],
 		enabled: !!e
 	});
 }
@@ -18731,7 +18735,7 @@ function fw() {
 	let e = G(), t = w();
 	return S({
 		mutationFn: async (t) => {
-			let n = t.id || t.email || "", r = t.first_name ?? "", i = t.last_name ?? "", a = t.email ?? "", o = t.department ?? "", s = t.role ?? "", c = t.manager_id || null, l = {
+			let n = (t.id || t.email || "").trim(), r = t.first_name ?? "", i = t.last_name ?? "", a = t.email ?? "", o = t.department ?? "", s = t.role ?? "", c = t.manager_id || null, l = {
 				type: t.type ?? "USER",
 				active: t.active ?? !0,
 				id: n,
@@ -18762,7 +18766,7 @@ function fw() {
 function pw() {
 	let e = G(), t = w();
 	return S({
-		mutationFn: async (t) => (await e.put(`/users/${t.id}`, t)).data,
+		mutationFn: async (t) => (await e.put(`/users/${encodeURIComponent(t.id)}`, t)).data,
 		onSuccess: (e, n) => {
 			t.invalidateQueries({ queryKey: ["users"] }), t.invalidateQueries({ queryKey: ["users", n.id] });
 		}
@@ -18772,7 +18776,7 @@ function mw() {
 	let e = G(), t = w();
 	return S({
 		mutationFn: async (t) => {
-			await e.delete(`/users/${t}`);
+			await e.delete(`/users/${encodeURIComponent(t)}`);
 		},
 		onSuccess: () => t.invalidateQueries({ queryKey: ["users"] })
 	});
@@ -18825,7 +18829,7 @@ function vw(e) {
 	let t = G();
 	return C({
 		queryKey: ["access-rules", e],
-		queryFn: async () => hw((await t.get(`/access-rules/${e}`)).data),
+		queryFn: async () => hw((await t.get(`/access-rules/${encodeURIComponent(e)}`)).data),
 		enabled: !!e
 	});
 }
@@ -18888,7 +18892,7 @@ function Cw(e) {
 			"usergroup",
 			e
 		],
-		queryFn: async () => xw((await t.get(`/access/usergroup/${e}`)).data.resolvedAccess),
+		queryFn: async () => xw((await t.get(`/access/usergroup/${encodeURIComponent(e)}`)).data.resolvedAccess),
 		enabled: !!e
 	});
 }
@@ -18900,7 +18904,7 @@ function ww(e) {
 			"resource",
 			e
 		],
-		queryFn: async () => xw((await t.get(`/access/resource/${e}`)).data.users_with_access),
+		queryFn: async () => xw((await t.get(`/access/resource/${encodeURIComponent(e)}`)).data.users_with_access),
 		enabled: !!e
 	});
 }
@@ -18912,7 +18916,7 @@ function Tw(e) {
 			"resourcegroup",
 			e
 		],
-		queryFn: async () => xw((await t.get(`/access/resourcegroup/${e}`)).data.users_with_access),
+		queryFn: async () => xw((await t.get(`/access/resourcegroup/${encodeURIComponent(e)}`)).data.users_with_access),
 		enabled: !!e
 	});
 }
@@ -18966,7 +18970,7 @@ function Ow() {
 function kw() {
 	let e = G(), t = w();
 	return S({
-		mutationFn: async (t) => (await e.put(`/access-rules/${t.id}`, Dw(t))).data,
+		mutationFn: async (t) => (await e.put(`/access-rules/${encodeURIComponent(t.id)}`, Dw(t))).data,
 		onSuccess: (e, n) => {
 			t.invalidateQueries({ queryKey: ["access-rules"] }), t.invalidateQueries({ queryKey: ["access-rules", n.id] });
 		}
@@ -18976,7 +18980,7 @@ function Aw() {
 	let e = G(), t = w();
 	return S({
 		mutationFn: async (t) => {
-			await e.delete(`/access-rules/${t}`);
+			await e.delete(`/access-rules/${encodeURIComponent(t)}`);
 		},
 		onSuccess: () => t.invalidateQueries({ queryKey: ["access-rules"] })
 	});
@@ -19282,7 +19286,7 @@ function Iw(e) {
 	let t = G();
 	return C({
 		queryKey: ["artifacts", e],
-		queryFn: async () => (await t.get(`/artifacts/${e}`)).data,
+		queryFn: async () => (await t.get(`/artifacts/${encodeURIComponent(e)}`)).data,
 		enabled: !!e
 	});
 }
@@ -19300,7 +19304,7 @@ function Rw(e) {
 	let t = G();
 	return C({
 		queryKey: ["artifact-groups", e],
-		queryFn: async () => (await t.get(`/artifacts/${e}`)).data,
+		queryFn: async () => (await t.get(`/artifacts/${encodeURIComponent(e)}`)).data,
 		enabled: !!e
 	});
 }
@@ -19312,7 +19316,7 @@ function zw(e) {
 			e,
 			"contents"
 		],
-		queryFn: async () => (await t.get(`/resourcegroups/${e}/contents`)).data.contents ?? [],
+		queryFn: async () => (await t.get(`/resourcegroups/${encodeURIComponent(e)}/contents`)).data.contents ?? [],
 		enabled: !!e
 	});
 }
@@ -19324,7 +19328,7 @@ function Bw(e) {
 			e,
 			"groups"
 		],
-		queryFn: async () => (await t.get(`/artifacts/${e}/groups`)).data.groups ?? [],
+		queryFn: async () => (await t.get(`/artifacts/${encodeURIComponent(e)}/groups`)).data.groups ?? [],
 		enabled: !!e
 	});
 }
@@ -19348,7 +19352,7 @@ function Hw() {
 function Uw() {
 	let e = G(), t = w();
 	return S({
-		mutationFn: async (t) => (await e.put(`/artifacts/${t.id}`, t)).data,
+		mutationFn: async (t) => (await e.put(`/artifacts/${encodeURIComponent(t.id)}`, t)).data,
 		onSuccess: (e, n) => {
 			t.invalidateQueries({ queryKey: ["artifacts"] }), t.invalidateQueries({ queryKey: ["artifacts", n.id] });
 		}
@@ -19358,7 +19362,7 @@ function Ww() {
 	let e = G(), t = w();
 	return S({
 		mutationFn: async (t) => {
-			await e.delete(`/artifacts/${t}`);
+			await e.delete(`/artifacts/${encodeURIComponent(t)}`);
 		},
 		onSuccess: () => t.invalidateQueries({ queryKey: ["artifacts"] })
 	});
@@ -19591,7 +19595,7 @@ function Qw(e) {
 	let t = G();
 	return C({
 		queryKey: ["groups", e],
-		queryFn: async () => (await t.get(`/users/${e}`)).data,
+		queryFn: async () => (await t.get(`/users/${encodeURIComponent(e)}`)).data,
 		enabled: !!e
 	});
 }
@@ -19603,7 +19607,7 @@ function $w(e) {
 			e,
 			"members"
 		],
-		queryFn: async () => ((await t.get(`/usergroups/${e}/members`)).data.members ?? []).map((e) => ({
+		queryFn: async () => ((await t.get(`/usergroups/${encodeURIComponent(e)}/members`)).data.members ?? []).map((e) => ({
 			id: e.id,
 			name: [e.first_name, e.last_name].filter(Boolean).join(" ") || e.id,
 			email: e.email,
@@ -19616,7 +19620,7 @@ function eT() {
 	let e = G(), t = w();
 	return S({
 		mutationFn: async (t) => {
-			let n = t.id || t.name || "", r = t.description ?? "", i = {
+			let n = (t.id || t.name || "").trim(), r = t.description ?? "", i = {
 				id: n,
 				type: "USERGROUP",
 				active: t.active ?? !0,
@@ -19638,7 +19642,7 @@ function eT() {
 function tT() {
 	let e = G(), t = w();
 	return S({
-		mutationFn: async (t) => (await e.put(`/users/${t.id}`, t)).data,
+		mutationFn: async (t) => (await e.put(`/users/${encodeURIComponent(t.id)}`, t)).data,
 		onSuccess: (e, n) => {
 			t.invalidateQueries({ queryKey: ["groups"] }), t.invalidateQueries({ queryKey: ["groups", n.id] });
 		}
@@ -19648,7 +19652,7 @@ function nT() {
 	let e = G(), t = w();
 	return S({
 		mutationFn: async (t) => {
-			await e.delete(`/users/${t}`);
+			await e.delete(`/users/${encodeURIComponent(t)}`);
 		},
 		onSuccess: () => t.invalidateQueries({ queryKey: ["groups"] })
 	});
@@ -19657,7 +19661,7 @@ function rT() {
 	let e = G(), t = w();
 	return S({
 		mutationFn: async ({ groupId: t, userId: n }) => {
-			await e.post(`/usergroups/${t}/members`, { user_id: n });
+			await e.post(`/usergroups/${encodeURIComponent(t)}/members`, { user_id: n });
 		},
 		onSuccess: (e, { groupId: n }) => t.invalidateQueries({ queryKey: [
 			"groups",
@@ -19670,7 +19674,7 @@ function iT() {
 	let e = G(), t = w();
 	return S({
 		mutationFn: async ({ groupId: t, userId: n }) => {
-			await e.delete(`/usergroups/${t}/members/${n}`);
+			await e.delete(`/usergroups/${encodeURIComponent(t)}/members/${encodeURIComponent(n)}`);
 		},
 		onSuccess: (e, { groupId: n }) => t.invalidateQueries({ queryKey: [
 			"groups",
@@ -20658,18 +20662,29 @@ function yT({ open: e, onClose: t, artifact: n, currentApplication: r, isAdmin:
 //#endregion
 //#region src/components/views/ArtifactsView.tsx
 function bT() {
-	let { currentApplication: e, isAdmin: t } = Jy(), [n, r] = f(0), [i, a] = f(20), [o, s] = f(""), [c, l] = f("RESOURCE"), [u, d] = f("all"), [p, m] = f("all"), [h, v] = f(!1), [y, b] = f(), [x, S] = f(), { data: C = [] } = Vw(), w = t ? p === "all" ? void 0 : p : e, { data: T = [], isLoading: E, isError: D, refetch: O } = Pw({
+	let { currentApplication: e, isAdmin: t } = Jy(), [n, r] = f(0), [i, a] = f(20), [o, s] = f(""), [c, l] = f(0), [u, d] = f(20), [p, m] = f(""), [h, v] = f("RESOURCE"), [y, b] = f("all"), [x, S] = f("all"), [C, w] = f(!1), [T, E] = f(), [D, O] = f(), { data: k = [] } = Vw(), A = t ? x === "all" ? void 0 : x : e, j = y === "active" ? !0 : y === "inactive" ? !1 : void 0, { data: M = [], isLoading: ee, isError: N, refetch: te } = Pw({
 		skip: n,
 		limit: i,
-		type: c,
-		appName: w,
-		activeOnly: u === "active" ? !0 : u === "inactive" ? !1 : void 0,
+		type: "RESOURCE",
+		appName: A,
+		activeOnly: j,
 		search: o
-	}), { data: k = 0 } = Fw({
-		type: c,
-		appName: w,
+	}), { data: P = 0 } = Fw({
+		type: "RESOURCE",
+		appName: A,
 		search: o
-	}), A = Ww(), { data: j = [] } = gT(), M = [
+	}), { data: ne = [], isLoading: re, isError: ie, refetch: ae } = Pw({
+		skip: c,
+		limit: u,
+		type: "RESOURCEGROUP",
+		appName: A,
+		activeOnly: j,
+		search: p
+	}), { data: oe = 0 } = Fw({
+		type: "RESOURCEGROUP",
+		appName: A,
+		search: p
+	}), se = Ww(), { data: ce = [] } = gT(), le = [
 		{
 			accessorKey: "name",
 			header: "Name"
@@ -20700,27 +20715,27 @@ function bT() {
 					variant: "ghost",
 					size: "icon",
 					onClick: () => {
-						b(e.original), v(!0);
+						E(e.original), w(!0);
 					},
 					children: /* @__PURE__ */ g(ye, { className: "h-4 w-4" })
 				}), /* @__PURE__ */ g(qh, {
 					variant: "ghost",
 					size: "icon",
-					onClick: () => S(e.original),
+					onClick: () => O(e.original),
 					children: /* @__PURE__ */ g(Ce, { className: "h-4 w-4 text-destructive" })
 				})]
 			})
 		}
-	], ee = t ? /* @__PURE__ */ _(db, {
-		value: p,
-		onValueChange: m,
+	], F = t ? /* @__PURE__ */ _(db, {
+		value: x,
+		onValueChange: S,
 		children: [/* @__PURE__ */ g(pb, {
 			className: "h-8 w-40",
 			children: /* @__PURE__ */ g(fb, { placeholder: "All applications" })
 		}), /* @__PURE__ */ _(mb, { children: [/* @__PURE__ */ g(hb, {
 			value: "all",
 			children: "All applications"
-		}), C.map((e) => /* @__PURE__ */ g(hb, {
+		}), k.map((e) => /* @__PURE__ */ g(hb, {
 			value: e,
 			children: e
 		}, e))] })]
@@ -20731,7 +20746,7 @@ function bT() {
 			/* @__PURE__ */ _(Vh, {
 				defaultValue: "resources",
 				onValueChange: (e) => {
-					e === "resources" ? l("RESOURCE") : e === "groups" && l("RESOURCEGROUP");
+					e === "resources" ? v("RESOURCE") : e === "groups" && v("RESOURCEGROUP");
 				},
 				children: [
 					/* @__PURE__ */ _("div", {
@@ -20751,18 +20766,18 @@ function bT() {
 							})
 						] }), /* @__PURE__ */ _(qh, {
 							onClick: () => {
-								b(void 0), v(!0);
+								E(void 0), w(!0);
 							},
 							children: [
 								/* @__PURE__ */ g(ge, { className: "mr-2 h-4 w-4" }),
 								" Add ",
-								c === "RESOURCE" ? "Artifact" : "Group"
+								h === "RESOURCE" ? "Artifact" : "Group"
 							]
 						})]
 					}),
 					/* @__PURE__ */ g(Gh, {
 						value: "resources",
-						children: D ? /* @__PURE__ */ _("div", {
+						children: N ? /* @__PURE__ */ _("div", {
 							className: "rounded-md border border-destructive/50 p-4 flex items-center justify-between",
 							children: [/* @__PURE__ */ g("span", {
 								className: "text-sm text-destructive",
@@ -20770,74 +20785,91 @@ function bT() {
 							}), /* @__PURE__ */ g(qh, {
 								variant: "outline",
 								size: "sm",
-								onClick: () => O(),
+								onClick: () => te(),
 								children: "Retry"
 							})]
 						}) : /* @__PURE__ */ g(yb, {
-							columns: M,
-							data: T,
-							totalCount: k,
-							isLoading: E,
+							columns: le,
+							data: M,
+							totalCount: P,
+							isLoading: ee,
 							emptyMessage: "No artifacts found",
 							searchPlaceholder: "Search artifacts...",
+							searchValue: o,
 							onSearchChange: (e) => {
 								s(e), r(0);
 							},
 							onPaginationChange: (e) => {
 								r(e.pageIndex * e.pageSize), a(e.pageSize);
 							},
-							statusFilter: u,
+							statusFilter: y,
 							onStatusFilterChange: (e) => {
-								d(e), r(0);
+								b(e), r(0);
 							},
-							toolbar: ee
+							toolbar: F
 						})
 					}),
 					/* @__PURE__ */ g(Gh, {
 						value: "groups",
-						children: /* @__PURE__ */ g(yb, {
-							columns: M,
-							data: T,
-							totalCount: k,
-							isLoading: E,
+						children: ie ? /* @__PURE__ */ _("div", {
+							className: "rounded-md border border-destructive/50 p-4 flex items-center justify-between",
+							children: [/* @__PURE__ */ g("span", {
+								className: "text-sm text-destructive",
+								children: "Failed to load artifact groups"
+							}), /* @__PURE__ */ g(qh, {
+								variant: "outline",
+								size: "sm",
+								onClick: () => ae(),
+								children: "Retry"
+							})]
+						}) : /* @__PURE__ */ g(yb, {
+							columns: le,
+							data: ne,
+							totalCount: oe,
+							isLoading: re,
 							emptyMessage: "No artifact groups found",
+							searchPlaceholder: "Search artifact groups...",
+							searchValue: p,
+							onSearchChange: (e) => {
+								m(e), l(0);
+							},
 							onPaginationChange: (e) => {
-								r(e.pageIndex * e.pageSize), a(e.pageSize);
+								l(e.pageIndex * e.pageSize), d(e.pageSize);
 							},
-							statusFilter: u,
+							statusFilter: y,
 							onStatusFilterChange: (e) => {
-								d(e), r(0);
+								b(e), l(0);
 							},
-							toolbar: ee
+							toolbar: F
 						})
 					}),
 					/* @__PURE__ */ g(Gh, {
 						value: "hierarchy",
 						children: /* @__PURE__ */ g(Rb, {
-							nodes: j,
+							nodes: ce,
 							searchable: !0
 						})
 					})
 				]
 			}),
 			/* @__PURE__ */ g(yT, {
-				open: h,
+				open: C,
 				onClose: () => {
-					v(!1), b(void 0);
+					w(!1), E(void 0);
 				},
-				artifact: y,
+				artifact: T,
 				currentApplication: e,
 				isAdmin: t
 			}),
 			/* @__PURE__ */ g(Ab, {
-				open: !!x,
+				open: !!D,
 				title: "Delete Artifact",
-				description: `Delete "${x?.name}"? This cannot be undone.`,
+				description: `Delete "${D?.name}"? This cannot be undone.`,
 				confirmLabel: "Delete",
 				onConfirm: async () => {
-					x && await A.mutateAsync(x.id), S(void 0);
+					D && await se.mutateAsync(D.id), O(void 0);
 				},
-				onCancel: () => S(void 0)
+				onCancel: () => O(void 0)
 			})
 		]
 	});