@cobaltcore-dev/aurora 2.0.0 → 2.1.1

package/dist/client/_imageId-BAezmV0Y.mjs

@@ -0,0 +1,526 @@
+import { A as e, B as t, D as n, E as r, M as i, Q as a, c as o, g as s, i as c, n as l, ot as u, r as d, rt as f, s as p, x as m } from "./build-WuxXRAqf.mjs";
+import { a as h, i as g } from "./trpcClient-D7gpR7YG.mjs";
+import { t as _ } from "./_imageId-D-jqz3e3.mjs";
+import { t as v } from "./RouteIdLevelDefaultError-DPF_x2tG.mjs";
+import { n as y, t as b } from "./ContentHeader-fKKZVu-o.mjs";
+import { t as ee } from "./useSetBreadcrumb-tn7lBaQV.mjs";
+import { A as te, C as ne, F as x, I as S, L as C, M as re, O as ie, R as w, S as ae, _ as oe, a as se, g as ce, i as le, j as ue, n as de, o as fe, r as pe, t as me, v as he, y as ge } from "./imageHelpers-DBhL2ebL.mjs";
+import { t as T } from "./TwoColumnDescriptionList-DKS42RKa.mjs";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import k, { useState as A } from "react";
+import { useNavigate as j, useParams as _e } from "@tanstack/react-router";
+import { Trans as M, useLingui as N } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/compute/images/-components/ImageDetailsView.tsx
+var P = ({ image: e, myMemberData: n, canUpdateMember: r, onStatusChange: a, isLoading: o }) => {
+	let { i18n: s, _: l } = N(), u = n.status === C.PENDING, d = n.status === C.REJECTED, f = n.created_at ? new Date(n.created_at).toLocaleString() : s._({ id: "fj5byd" }), p = n.updated_at ? new Date(n.updated_at).toLocaleString() : s._({ id: "fj5byd" }), m = e.owner ?? "";
+	return /*#__PURE__*/ O(t, { children: [
+		u && /*#__PURE__*/ D("p", {
+			className: "text-theme-highest font-semibold",
+			children: /*#__PURE__*/ D(M, { id: "/EcdUM" })
+		}),
+		/*#__PURE__*/ D("p", { children: /*#__PURE__*/ D(M, {
+			id: "Uwo8Xw",
+			values: {
+				ownerProject: m,
+				sharedAt: f
+			},
+			components: { 0: /*#__PURE__*/ D("span", { className: "font-semibold" }) }
+		}) }),
+		/*#__PURE__*/ O("ul", { children: [
+			/*#__PURE__*/ O("li", { children: [
+				/*#__PURE__*/ D("span", {
+					className: "font-semibold",
+					children: /*#__PURE__*/ D(M, { id: "azXlY+" })
+				}),
+				" ",
+				n.status
+			] }),
+			/*#__PURE__*/ O("li", { children: [
+				/*#__PURE__*/ D("span", {
+					className: "font-semibold",
+					children: /*#__PURE__*/ D(M, { id: "G6AP+o" })
+				}),
+				" ",
+				f
+			] }),
+			/*#__PURE__*/ O("li", { children: [
+				/*#__PURE__*/ D("span", {
+					className: "font-semibold",
+					children: /*#__PURE__*/ D(M, { id: "pFg+7w" })
+				}),
+				" ",
+				p
+			] })
+		] }),
+		r && (u || d || n.status === C.ACCEPTED) && /*#__PURE__*/ O(i, { children: [(u || d) && /*#__PURE__*/ D(c, {
+			onClick: () => a(C.ACCEPTED),
+			disabled: o,
+			children: /*#__PURE__*/ D(M, { id: "g3UF2V" })
+		}), (u || n.status === C.ACCEPTED) && /*#__PURE__*/ D(c, {
+			onClick: () => a(C.REJECTED),
+			disabled: o,
+			children: /*#__PURE__*/ D(M, { id: "1t/NnN" })
+		})] })
+	] });
+}, F = ({ image: t }) => {
+	let { i18n: n, _: r } = N(), i = [
+		{
+			label: n._({ id: "S0kLOH" }),
+			value: /*#__PURE__*/ D(y, { text: t.id })
+		},
+		{
+			label: n._({ id: "6YtxFj" }),
+			value: t.name
+		},
+		{
+			label: n._({ id: "uAQUqI" }),
+			value: t.status
+		},
+		{
+			label: n._({ id: "Cj2Gtd" }),
+			value: /*#__PURE__*/ D(w, { size: t.size })
+		},
+		{
+			label: n._({ id: "Cxgv2U" }),
+			value: `${t.min_disk} GB`
+		},
+		{
+			label: n._({ id: "B2Czeb" }),
+			value: `${t.min_ram} MB`
+		},
+		{
+			label: n._({ id: "NopYGU" }),
+			value: /*#__PURE__*/ D("span", {
+				className: "uppercase",
+				children: t.disk_format
+			})
+		},
+		{
+			label: n._({ id: "6/xipy" }),
+			value: /*#__PURE__*/ D("span", {
+				className: "uppercase",
+				children: t.container_format
+			})
+		},
+		{
+			label: n._({ id: "88kg0+" }),
+			value: t.created_at ? new Date(t.created_at).toLocaleDateString() : n._({ id: "fj5byd" })
+		},
+		{
+			label: n._({ id: "Llcakz" }),
+			value: t.updated_at ? new Date(t.updated_at).toLocaleDateString() : n._({ id: "fj5byd" })
+		}
+	];
+	return /*#__PURE__*/ O(e, {
+		px: !1,
+		py: !0,
+		children: [/*#__PURE__*/ D("h2", { children: n._({ id: "nW/hX9" }) }), /*#__PURE__*/ D(T, { items: i })]
+	});
+}, I = ({ image: t, isSharedWithMe: n = !1 }) => {
+	let { i18n: r, _: i } = N(), a = [
+		{
+			label: n ? r._({ id: "20axE5" }) : r._({ id: "YsrbQh" }),
+			value: t.owner ? /*#__PURE__*/ D(y, { text: t.owner }) : ""
+		},
+		{
+			label: r._({ id: "2q/Q7x" }),
+			value: t.visibility
+		},
+		{
+			label: r._({ id: "644xgx" }),
+			value: t.protected ? r._({ id: "l75CjT" }) : r._({ id: "1UzENP" })
+		},
+		{
+			label: r._({ id: "PzgYM9" }),
+			value: t?.checksum ? t.checksum : ""
+		}
+	];
+	return /*#__PURE__*/ O(e, {
+		px: !1,
+		py: !0,
+		children: [/*#__PURE__*/ D("h2", { children: r._({ id: "a3LDKx" }) }), /*#__PURE__*/ D(T, { items: a })]
+	});
+}, L = ({ image: t }) => {
+	let { i18n: n, _: i } = N(), a = /* @__PURE__ */ new Set([
+		"id",
+		"name",
+		"status",
+		"visibility",
+		"size",
+		"disk_format",
+		"container_format",
+		"min_disk",
+		"min_ram",
+		"owner",
+		"protected",
+		"created_at",
+		"updated_at",
+		"checksum"
+	]), o = Object.entries(t).filter(([e]) => !a.has(e)).sort(([e], [t]) => e.localeCompare(t)), s = o.length > 0;
+	return /*#__PURE__*/ O(e, {
+		px: !1,
+		py: !0,
+		children: [/*#__PURE__*/ D("h2", { children: n._({ id: "6GBt0m" }) }), s ? /*#__PURE__*/ D(p, { children: o.map(([e, t]) => /*#__PURE__*/ O(k.Fragment, { children: [/*#__PURE__*/ D(l, { children: e }), /*#__PURE__*/ D(r, { children: t == null ? /*#__PURE__*/ D("span", { children: "null" }) : typeof t == "object" ? /*#__PURE__*/ D("span", {
+			className: "break-all",
+			children: JSON.stringify(t)
+		}) : typeof t == "boolean" ? t ? n._({ id: "c+xCSz" }) : n._({ id: "ocUvR+" }) : /*#__PURE__*/ D("span", {
+			className: "break-all",
+			children: String(t)
+		}) })] }, e)) }) : /*#__PURE__*/ D("p", {
+			className: "text-theme-light",
+			children: n._({ id: "9v5VLp" })
+		})]
+	});
+}, ve = ({ image: e, isSharedWithMe: t = !1, permissions: n, myMemberData: r, onMemberStatusChange: i, isMemberStatusChanging: o, actions: s }) => /*#__PURE__*/ O(a, {
+	direction: "vertical",
+	gap: "6",
+	children: [
+		t && r && i && /*#__PURE__*/ D(P, {
+			image: e,
+			myMemberData: r,
+			canUpdateMember: n?.canUpdateMember ?? !1,
+			onStatusChange: i,
+			isLoading: o ?? !1
+		}),
+		s,
+		/*#__PURE__*/ D(F, { image: e }),
+		/*#__PURE__*/ D(I, {
+			image: e,
+			isSharedWithMe: t
+		}),
+		/*#__PURE__*/ D(L, { image: e })
+	]
+});
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/images/-hooks/useImageActions.ts
+function ye({ image: e, projectId: t, permissions: n, myMemberData: r }) {
+	let i = e.visibility === S.SHARED && !!r, a = e.owner === t, o = i && r?.status === "pending", s = i && r?.status === "accepted", c = e.status === x.DEACTIVATED, l = e.visibility === S.PRIVATE, u = e.visibility === S.SHARED, d = !!e.protected, f = a && n.canUpdate, p = a && n.canUpdate, m = a && n.canDelete && !d, h = o && !a && n.canUpdateMember, g = (o || s) && !a && n.canUpdateMember, _ = a && u && (n.canCreateMember || n.canDeleteMember), v = a && l && n.canUpdate, y = a && c && n.canUpdate, b = a && !c && n.canUpdate;
+	return {
+		isSharedWithMe: i,
+		isOwnImage: a,
+		isPendingShared: o,
+		isAcceptedShared: s,
+		isDeactivated: c,
+		isPrivate: l,
+		isSharedVisibility: u,
+		isProtected: d,
+		canViewDetails: !0,
+		canEditDetails: f,
+		canEditMetadata: p,
+		canDelete: m,
+		canAccept: h,
+		canReject: g,
+		canManageAccess: _,
+		canSetToShared: v,
+		canActivate: y,
+		canDeactivate: b,
+		hasAnyAction: f || p || m || h || g || _ || v || y || b
+	};
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/images/$imageId.tsx?tsr-split=component
+function be() {
+	let { i18n: e, _: t } = N(), n = j(), { projectId: r } = _.useParams();
+	return /*#__PURE__*/ D(v, { action: /*#__PURE__*/ D(c, {
+		variant: "primary",
+		onClick: () => n({
+			to: "/projects/$projectId/compute/images",
+			params: { projectId: r }
+		}),
+		children: e._({ id: "bnql/K" })
+	}) });
+}
+function R() {
+	let { projectId: e, imageId: t } = _e({ from: "/_auth/projects/$projectId/compute/images/$imageId" }), r = j(), { i18n: i, _: l } = N(), { data: p, status: y, error: x } = h.compute.getImageById.useQuery({
+		project_id: e,
+		imageId: t
+	});
+	ee(_.id, p?.name);
+	let { data: C } = h.compute.canUser.useQuery({
+		project_id: e,
+		permission: [
+			"images:delete",
+			"images:update",
+			"images:create_member",
+			"images:delete_member",
+			"images:update_member"
+		]
+	}), w = {
+		canDelete: C?.[0] ?? !1,
+		canUpdate: C?.[1] ?? !1,
+		canCreateMember: C?.[2] ?? !1,
+		canDeleteMember: C?.[3] ?? !1,
+		canUpdateMember: C?.[4] ?? !1
+	}, T = h.useUtils(), [k, P] = A(!1), [F, I] = A(!1), [L, R] = A(!1), [z, B] = A(!1), [V, H] = A(!1), [U, W] = A(!1), G = h.compute.updateImage.useMutation({ onSuccess: (n) => {
+		T.compute.getImageById.setData({
+			project_id: e,
+			imageId: t
+		}, (e) => e ? {
+			...e,
+			...n
+		} : n), T.compute.listImagesWithPagination.invalidate();
+	} }), K = h.compute.deleteImage.useMutation({ onSuccess: () => {
+		T.compute.listImagesWithPagination.invalidate();
+	} }), q = h.compute.deactivateImage.useMutation({ onSuccess: () => {
+		T.compute.getImageById.invalidate({
+			project_id: e,
+			imageId: t
+		});
+	} }), J = h.compute.reactivateImage.useMutation({ onSuccess: () => {
+		T.compute.getImageById.invalidate({
+			project_id: e,
+			imageId: t
+		});
+	} }), Y = h.compute.updateImageVisibility.useMutation({ onSuccess: (n) => {
+		T.compute.getImageById.setData({
+			project_id: e,
+			imageId: t
+		}, (e) => e ? {
+			...e,
+			...n
+		} : n);
+	} }), xe = p?.visibility === S.SHARED, { data: X } = h.compute.getImageMember.useQuery({
+		project_id: e,
+		imageId: t,
+		memberId: e
+	}, {
+		enabled: xe && !!t && !!e,
+		retry: !1
+	}), Se = h.compute.updateImageMember.useMutation({ onSuccess: () => {
+		T.compute.getImageMember.invalidate({
+			project_id: e,
+			imageId: t,
+			memberId: e
+		}), T.compute.listImageMembers.invalidate({
+			project_id: e,
+			imageId: t
+		}), T.compute.listImagesWithPagination.invalidate(), T.compute.listSharedImagesByMemberStatus.invalidate();
+	} }), Ce = async (n) => {
+		try {
+			await Se.mutateAsync({
+				project_id: e,
+				imageId: t,
+				memberId: e,
+				status: n
+			});
+			let { message: r, ...i } = oe(n);
+			u.info(r, i);
+		} catch (e) {
+			let t = e?.message, { message: n, ...r } = ce(t);
+			u.error(n, r);
+		}
+	}, we = () => {
+		r({
+			to: "/projects/$projectId/compute/images",
+			params: { projectId: e }
+		});
+	}, Z = G.isPending || K.isPending || q.isPending || J.isPending || Y.isPending, Te = async (n) => {
+		if (!p) return !1;
+		let r = me(n, p);
+		try {
+			await G.mutateAsync({
+				project_id: e,
+				imageId: t,
+				operations: r
+			}), P(!1);
+			let { message: n, ...i } = ie(String(p.name ?? p.id));
+			return u.success(n, i), !0;
+		} catch {
+			return !1;
+		}
+	}, Ee = async (t) => {
+		try {
+			await K.mutateAsync({
+				project_id: e,
+				imageId: t.id
+			}), R(!1), we();
+		} catch {
+			R(!1);
+		}
+	}, De = async (t) => {
+		try {
+			await J.mutateAsync({
+				project_id: e,
+				imageId: t.id
+			}), B(!1);
+			let { message: n, ...r } = he(String(t.name ?? t.id));
+			u.success(n, r);
+		} catch (e) {
+			B(!1);
+			let { message: n, ...r } = ge(t.id, e?.message ?? "");
+			u.error(n, r);
+		}
+	}, Oe = async (t) => {
+		try {
+			await q.mutateAsync({
+				project_id: e,
+				imageId: t.id
+			}), H(!1);
+			let { message: n, ...r } = ae(String(t.name ?? t.id));
+			u.success(n, r);
+		} catch (e) {
+			H(!1);
+			let { message: n, ...r } = ne(t.id, e?.message ?? "");
+			u.error(n, r);
+		}
+	}, ke = async (t) => {
+		if (p) try {
+			await Y.mutateAsync({
+				project_id: e,
+				imageId: p.id,
+				visibility: t
+			});
+			let { message: n, ...r } = ue(String(p.name ?? p.id), t);
+			u.success(n, r);
+		} catch (e) {
+			let { message: t, ...n } = te(String(p.name ?? p.id), e?.message ?? "");
+			u.error(t, n);
+		}
+	};
+	if (y === "pending") return /*#__PURE__*/ D(f, {
+		status: "progress",
+		title: i._({ id: "hH3kDo" })
+	});
+	if (y === "error") {
+		let e = x?.message || i._({ id: "LobdAW" });
+		return /*#__PURE__*/ D(v, {
+			errorTitle: i._({ id: "2bUZog" }),
+			errorDescription: e,
+			action: /*#__PURE__*/ D(c, {
+				onClick: we,
+				variant: "primary",
+				children: /*#__PURE__*/ D(M, { id: "bnql/K" })
+			})
+		});
+	}
+	if (!p) return /*#__PURE__*/ D(be, {});
+	let Q = ye({
+		image: p,
+		projectId: e,
+		permissions: w,
+		myMemberData: X
+	}), $ = Q.canEditMetadata || Q.canSetToShared || Q.canActivate || Q.canDeactivate || Q.canDelete || Q.canManageAccess, Ae = ($ || Q.canEditDetails) && /*#__PURE__*/ O(a, {
+		gap: "0.5",
+		alignment: "center",
+		children: [$ && /*#__PURE__*/ O(n, {
+			className: "flex items-center",
+			children: [/*#__PURE__*/ D(o, {
+				as: "div",
+				children: /*#__PURE__*/ D(c, {
+					icon: "moreVert",
+					title: i._({ id: "PgNNGl" }),
+					disabled: Z
+				})
+			}), /*#__PURE__*/ O(s, { children: [
+				Q.canEditMetadata && /*#__PURE__*/ D(m, {
+					onClick: () => I(!0),
+					label: i._({ id: "SIfYq6" }),
+					disabled: Z
+				}),
+				(Q.canManageAccess || Q.canSetToShared || Q.canActivate || Q.canDeactivate) && /*#__PURE__*/ D(d, {}),
+				Q.canManageAccess && /*#__PURE__*/ D(m, {
+					onClick: () => W(!0),
+					label: i._({ id: "cWbW6w" }),
+					disabled: Z
+				}),
+				Q.canSetToShared && /*#__PURE__*/ D(m, {
+					label: i._({ id: "gMYsdZ" }),
+					onClick: () => ke("shared")
+				}),
+				Q.canActivate && /*#__PURE__*/ D(m, {
+					label: i._({ id: "RSFkXF" }),
+					onClick: () => B(!0)
+				}),
+				Q.canDeactivate && /*#__PURE__*/ D(m, {
+					label: i._({ id: "hQr1Cr" }),
+					onClick: () => H(!0)
+				}),
+				Q.canDelete && /*#__PURE__*/ O(E, { children: [/*#__PURE__*/ D(d, {}), /*#__PURE__*/ D(m, {
+					label: i._({ id: "KWa0gi" }),
+					onClick: () => R(!0)
+				})] })
+			] })]
+		}), Q.canEditDetails && /*#__PURE__*/ D(c, {
+			onClick: () => P(!0),
+			variant: "primary",
+			disabled: Z,
+			children: /*#__PURE__*/ D(M, { id: "Y1YKad" })
+		})]
+	});
+	return /*#__PURE__*/ O(E, { children: [
+		/*#__PURE__*/ D(b, {
+			title: String(p.name ?? p.id),
+			projectId: e,
+			actions: Ae
+		}),
+		/*#__PURE__*/ D("div", {
+			className: "mt-3",
+			children: /*#__PURE__*/ D(ve, {
+				image: p,
+				isSharedWithMe: Q.isSharedWithMe,
+				permissions: {
+					canCreateMember: w.canCreateMember,
+					canDeleteMember: w.canDeleteMember,
+					canUpdateMember: w.canUpdateMember
+				},
+				myMemberData: X,
+				onMemberStatusChange: Ce,
+				isMemberStatusChanging: Se.isPending
+			}, p.id)
+		}),
+		k && /*#__PURE__*/ D(re, {
+			image: p,
+			isOpen: k,
+			isLoading: G.isPending,
+			onClose: () => P(!1),
+			onSave: Te
+		}),
+		F && g && e && p && /*#__PURE__*/ D(fe, {
+			client: g,
+			image: p,
+			isOpen: F,
+			onClose: () => {
+				I(!1), T.compute.getImageById.invalidate({
+					project_id: e,
+					imageId: t
+				}), T.compute.listImagesWithPagination.invalidate();
+			},
+			projectId: e
+		}, "edit-metadata-modal"),
+		L && /*#__PURE__*/ D(se, {
+			image: p,
+			isOpen: L,
+			isLoading: K.isPending,
+			isDisabled: !!p.protected,
+			onClose: () => R(!1),
+			onDelete: Ee
+		}),
+		z && /*#__PURE__*/ D(le, {
+			image: p,
+			isOpen: z,
+			isLoading: J.isPending,
+			onClose: () => B(!1),
+			onActivate: De
+		}),
+		V && /*#__PURE__*/ D(pe, {
+			image: p,
+			isOpen: V,
+			isLoading: q.isPending,
+			onClose: () => H(!1),
+			onDeactivate: Oe
+		}),
+		U && /*#__PURE__*/ D(de, {
+			image: p,
+			isOpen: U,
+			onClose: () => W(!1),
+			permissions: {
+				canCreateMember: w.canCreateMember,
+				canDeleteMember: w.canDeleteMember
+			}
+		})
+	] });
+}
+//#endregion
+export { R as component };
+
+//# sourceMappingURL=_imageId-BAezmV0Y.mjs.map

package/dist/client/_imageId-BAezmV0Y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_imageId-BAezmV0Y.mjs","names":["React","Container","Stack","Button","ButtonRow","Box","DescriptionList","DescriptionTerm","DescriptionDefinition","SizeDisplay","MEMBER_STATUSES","ClipboardText","TwoColumnDescriptionList","SharedImageBox","image","myMemberData","canUpdateMember","onStatusChange","isLoading","useLingui","isPending","status","PENDING","isRejected","REJECTED","sharedAt","created_at","Date","toLocaleString","t","updatedAt","updated_at","ownerProject","owner","p","className","span","ul","li","ACCEPTED","onClick","disabled","GeneralImageData","items","label","value","text","id","name","size","min_disk","min_ram","disk_format","container_format","toLocaleDateString","px","py","h2","SecuritySection","isSharedWithMe","visibility","protected","checksum","CustomPropertiesSection","knownFields","Set","customProperties","Object","entries","filter","key","has","sort","a","b","localeCompare","hasProperties","length","map","Fragment","undefined","JSON","stringify","String","ImageDetailsView","permissions","onMemberStatusChange","isMemberStatusChanging","actions","direction","gap","IMAGE_STATUSES","IMAGE_VISIBILITY","useImageActions","image","projectId","permissions","myMemberData","isShared","visibility","SHARED","isSharedWithMe","isOwnImage","owner","isPendingShared","status","isAcceptedShared","isDeactivated","DEACTIVATED","isPrivate","PRIVATE","isSharedVisibility","isProtected","protected","canViewDetails","canEditDetails","canUpdate","canEditMetadata","canDelete","canAccept","canUpdateMember","canReject","canManageAccess","canCreateMember","canDeleteMember","canSetToShared","canActivate","canDeactivate","hasAnyAction","Button","Stack","Status","PopupMenu","PopupMenuToggle","PopupMenuOptions","PopupMenuItem","PopupMenuSectionSeparator","toast","useNavigate","useParams","Trans","useLingui","trpcClient","trpcReact","useSetBreadcrumb","ImageDetailsView","EditImageDetailsModal","EditImageMetadataModal","DeleteImageModal","ActivateImageModal","DeactivateImageModal","ManageImageAccessModal","IMAGE_VISIBILITY","GlanceImage","MemberStatus","TRPCClientError","InferrableClientTypes","getImageAccessStatusUpdatedToast","getImageAccessStatusErrorToast","getImageUpdatedToast","getImageActivatedToast","getImageActivationErrorToast","getImageDeactivatedToast","getImageDeactivationErrorToast","getImageVisibilityUpdatedToast","getImageVisibilityUpdateErrorToast","useState","ContentHeader","useImageActions","RouteIdLevelDefaultError","convertToJsonPatchOperations","ImageErrorComponent","t","navigate","projectId","Route","to","params","RouteComponent","imageId","from","data","image","status","error","compute","getImageById","useQuery","project_id","id","name","permissionsData","canUser","permission","permissions","canDelete","canUpdate","canCreateMember","canDeleteMember","canUpdateMember","utils","useUtils","editDetailsModalOpen","setEditDetailsModalOpen","editMetadataModalOpen","setEditMetadataModalOpen","deleteModalOpen","setDeleteModalOpen","activateModalOpen","setActivateModalOpen","deactivateModalOpen","setDeactivateModalOpen","manageAccessModalOpen","setManageAccessModalOpen","updateImageMutation","updateImage","useMutation","onSuccess","updatedImage","setData","prev","listImagesWithPagination","invalidate","deleteImageMutation","deleteImage","deactivateImageMutation","deactivateImage","reactivateImageMutation","reactivateImage","updateImageVisibilityMutation","updateImageVisibility","isShared","visibility","SHARED","myMemberData","getImageMember","memberId","enabled","retry","updateMemberMutation","updateImageMember","listImageMembers","listSharedImagesByMemberStatus","handleMemberStatusChange","newStatus","mutateAsync","message","options","info","errorMessage","handleBack","isLoading","isPending","handleSaveEdit","updatedProperties","Partial","Promise","operations","String","success","handleDelete","deletedImage","handleActivate","img","Error","handleDeactivate","handleUpdateVisibility","newVisibility","actions","hasMoreActions","canEditMetadata","canSetToShared","canActivate","canDeactivate","canManageAccess","headerActions","canEditDetails","isSharedWithMe","protected","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/images/-components/ImageDetailsView.tsx","../../src/client/routes/_auth/projects/$projectId/compute/images/-hooks/useImageActions.ts","../../src/client/routes/_auth/projects/$projectId/compute/images/$imageId.tsx?tsr-split=component"],"sourcesContent":["import React from \"react\"\nimport {\n  Container,\n  Stack,\n  Button,\n  ButtonRow,\n  Box,\n  DescriptionList,\n  DescriptionTerm,\n  DescriptionDefinition,\n} from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { GlanceImage, ImageMember, MemberStatus } from \"@/server/Compute/types/image\"\nimport { SizeDisplay } from \"./SizeDisplay\"\nimport { MEMBER_STATUSES } from \"../../-constants/filters\"\nimport ClipboardText from \"@/client/components/ClipboardText\"\nimport { TwoColumnDescriptionList } from \"@/client/components/TwoColumnDescriptionList\"\n\ninterface ImageDetailsViewProps {\n  image: GlanceImage\n  isSharedWithMe?: boolean\n  permissions?: {\n    canCreateMember: boolean\n    canDeleteMember: boolean\n    canUpdateMember: boolean\n  }\n  myMemberData?: ImageMember\n  onMemberStatusChange?: (status: MemberStatus) => void\n  isMemberStatusChanging?: boolean\n  actions?: React.ReactNode\n}\n\nconst SharedImageBox: React.FC<{\n  image: GlanceImage\n  myMemberData: ImageMember\n  canUpdateMember: boolean\n  onStatusChange: (status: MemberStatus) => void\n  isLoading: boolean\n}> = ({ image, myMemberData, canUpdateMember, onStatusChange, isLoading }) => {\n  const { t } = useLingui()\n  const isPending = myMemberData.status === MEMBER_STATUSES.PENDING\n  const isRejected = myMemberData.status === MEMBER_STATUSES.REJECTED\n\n  const sharedAt = myMemberData.created_at ? new Date(myMemberData.created_at).toLocaleString() : t`N/A`\n  const updatedAt = myMemberData.updated_at ? new Date(myMemberData.updated_at).toLocaleString() : t`N/A`\n  const ownerProject = image.owner ?? \"\"\n\n  return (\n    <Box>\n      {isPending && (\n        <p className=\"text-theme-highest font-semibold\">\n          <Trans>Your action is required</Trans>\n        </p>\n      )}\n      <p>\n        <Trans>\n          This image was shared with you by <span className=\"font-semibold\">{ownerProject}</span> on {sharedAt}.\n        </Trans>\n      </p>\n      <ul>\n        <li>\n          <span className=\"font-semibold\">\n            <Trans>Access Status:</Trans>\n          </span>{\" \"}\n          {myMemberData.status}\n        </li>\n        <li>\n          <span className=\"font-semibold\">\n            <Trans>Shared:</Trans>\n          </span>{\" \"}\n          {sharedAt}\n        </li>\n        <li>\n          <span className=\"font-semibold\">\n            <Trans>Updated:</Trans>\n          </span>{\" \"}\n          {updatedAt}\n        </li>\n      </ul>\n\n      {canUpdateMember && (isPending || isRejected || myMemberData.status === MEMBER_STATUSES.ACCEPTED) && (\n        <ButtonRow>\n          {(isPending || isRejected) && (\n            <Button onClick={() => onStatusChange(MEMBER_STATUSES.ACCEPTED)} disabled={isLoading}>\n              <Trans>Accept</Trans>\n            </Button>\n          )}\n          {(isPending || myMemberData.status === MEMBER_STATUSES.ACCEPTED) && (\n            <Button onClick={() => onStatusChange(MEMBER_STATUSES.REJECTED)} disabled={isLoading}>\n              <Trans>Reject</Trans>\n            </Button>\n          )}\n        </ButtonRow>\n      )}\n    </Box>\n  )\n}\n\nexport const GeneralImageData: React.FC<{ image: GlanceImage }> = ({ image }) => {\n  const { t } = useLingui()\n  const items = [\n    { label: t`ID`, value: <ClipboardText text={image.id} /> },\n    { label: t`Name`, value: image.name },\n    { label: t`Status`, value: image.status },\n    { label: t`Size`, value: <SizeDisplay size={image.size} /> },\n    { label: t`Min. Disk`, value: `${image.min_disk} GB` },\n    { label: t`Min. RAM`, value: `${image.min_ram} MB` },\n    { label: t`Disk Format`, value: <span className=\"uppercase\">{image.disk_format}</span> },\n    { label: t`Container Format`, value: <span className=\"uppercase\">{image.container_format}</span> },\n    {\n      label: t`Created At`,\n      value: image.created_at ? new Date(image.created_at).toLocaleDateString() : t`N/A`,\n    },\n    {\n      label: t`Updated At`,\n      value: image.updated_at ? new Date(image.updated_at).toLocaleDateString() : t`N/A`,\n    },\n  ]\n\n  return (\n    <Container px={false} py>\n      <h2>{t`General Image Data`}</h2>\n      <TwoColumnDescriptionList items={items} />\n    </Container>\n  )\n}\n\nexport const SecuritySection: React.FC<{ image: GlanceImage; isSharedWithMe?: boolean }> = ({\n  image,\n  isSharedWithMe = false,\n}) => {\n  const { t } = useLingui()\n\n  const items = [\n    {\n      label: isSharedWithMe ? t`Shared by Project` : t`Owner Project ID`,\n      value: image.owner ? <ClipboardText text={image.owner} /> : \"\",\n    },\n    { label: t`Visibility`, value: image.visibility },\n    { label: t`Protected`, value: image.protected ? t`Yes` : t`No` },\n    { label: t`Checksum`, value: image?.checksum ? image.checksum : \"\" },\n  ]\n\n  return (\n    <Container px={false} py>\n      <h2>{t`Security`}</h2>\n      <TwoColumnDescriptionList items={items} />\n    </Container>\n  )\n}\n\nexport const CustomPropertiesSection: React.FC<{ image: GlanceImage }> = ({ image }) => {\n  const { t } = useLingui()\n\n  const knownFields = new Set([\n    \"id\",\n    \"name\",\n    \"status\",\n    \"visibility\",\n    \"size\",\n    \"disk_format\",\n    \"container_format\",\n    \"min_disk\",\n    \"min_ram\",\n    \"owner\",\n    \"protected\",\n    \"created_at\",\n    \"updated_at\",\n    \"checksum\",\n  ])\n\n  const customProperties = Object.entries(image)\n    .filter(([key]) => !knownFields.has(key))\n    .sort(([a], [b]) => a.localeCompare(b))\n\n  const hasProperties = customProperties.length > 0\n\n  return (\n    <Container px={false} py>\n      <h2>{t`Metadata`}</h2>\n      {hasProperties ? (\n        <DescriptionList>\n          {customProperties.map(([key, value]) => (\n            <React.Fragment key={key}>\n              <DescriptionTerm>{key}</DescriptionTerm>\n              <DescriptionDefinition>\n                {value === null || value === undefined ? (\n                  <span>null</span>\n                ) : typeof value === \"object\" ? (\n                  <span className=\"break-all\">{JSON.stringify(value)}</span>\n                ) : typeof value === \"boolean\" ? (\n                  value ? (\n                    t`True`\n                  ) : (\n                    t`False`\n                  )\n                ) : (\n                  <span className=\"break-all\">{String(value)}</span>\n                )}\n              </DescriptionDefinition>\n            </React.Fragment>\n          ))}\n        </DescriptionList>\n      ) : (\n        <p className=\"text-theme-light\">{t`No custom properties defined`}</p>\n      )}\n    </Container>\n  )\n}\n\nexport const ImageDetailsView: React.FC<ImageDetailsViewProps> = ({\n  image,\n  isSharedWithMe = false,\n  permissions,\n  myMemberData,\n  onMemberStatusChange,\n  isMemberStatusChanging,\n  actions,\n}) => {\n  return (\n    <Stack direction=\"vertical\" gap=\"6\">\n      {isSharedWithMe && myMemberData && onMemberStatusChange && (\n        <SharedImageBox\n          image={image}\n          myMemberData={myMemberData}\n          canUpdateMember={permissions?.canUpdateMember ?? false}\n          onStatusChange={onMemberStatusChange}\n          isLoading={isMemberStatusChanging ?? false}\n        />\n      )}\n\n      {actions}\n      <GeneralImageData image={image} />\n      <SecuritySection image={image} isSharedWithMe={isSharedWithMe} />\n      <CustomPropertiesSection image={image} />\n    </Stack>\n  )\n}\n","import { GlanceImage, ImageMember } from \"@/server/Compute/types/image\"\nimport { IMAGE_STATUSES, IMAGE_VISIBILITY } from \"../../-constants/filters\"\n\nexport interface ImageActionsInput {\n  image: GlanceImage\n  projectId: string\n  permissions: {\n    canUpdate: boolean\n    canDelete: boolean\n    canCreateMember: boolean\n    canDeleteMember: boolean\n    canUpdateMember: boolean\n  }\n  myMemberData?: ImageMember | null\n}\n\nexport interface ImageActions {\n  // Derived state\n  isSharedWithMe: boolean\n  isOwnImage: boolean\n  isPendingShared: boolean\n  isAcceptedShared: boolean\n  isDeactivated: boolean\n  isPrivate: boolean\n  isSharedVisibility: boolean\n  isProtected: boolean\n\n  // Action flags\n  canViewDetails: boolean\n  canEditDetails: boolean\n  canEditMetadata: boolean\n  canDelete: boolean\n  canAccept: boolean\n  canReject: boolean\n  canManageAccess: boolean\n  canSetToShared: boolean\n  canActivate: boolean\n  canDeactivate: boolean\n\n  // Convenience\n  hasAnyAction: boolean\n}\n\n/**\n * Centralized hook for determining what actions are available for an image\n * based on ownership, permissions, and member status.\n *\n * Eliminates duplicate permission logic across ImageTableRow, $imageId, and ImageListView.\n */\nexport function useImageActions({ image, projectId, permissions, myMemberData }: ImageActionsInput): ImageActions {\n  // Derived state\n  const isShared = image.visibility === IMAGE_VISIBILITY.SHARED\n  const isSharedWithMe = isShared && !!myMemberData\n  const isOwnImage = image.owner === projectId\n  const isPendingShared = isSharedWithMe && myMemberData?.status === \"pending\"\n  const isAcceptedShared = isSharedWithMe && myMemberData?.status === \"accepted\"\n  const isDeactivated = image.status === IMAGE_STATUSES.DEACTIVATED\n  const isPrivate = image.visibility === IMAGE_VISIBILITY.PRIVATE\n  const isSharedVisibility = image.visibility === IMAGE_VISIBILITY.SHARED\n  const isProtected = !!image.protected\n\n  // Action flags\n  const canViewDetails = true // Always available if user can see the image\n  const canEditDetails = isOwnImage && permissions.canUpdate\n  const canEditMetadata = isOwnImage && permissions.canUpdate\n  const canDelete = isOwnImage && permissions.canDelete && !isProtected\n  const canAccept = isPendingShared && !isOwnImage && permissions.canUpdateMember\n  const canReject = (isPendingShared || isAcceptedShared) && !isOwnImage && permissions.canUpdateMember\n  const canManageAccess =\n    isOwnImage && isSharedVisibility && (permissions.canCreateMember || permissions.canDeleteMember)\n  const canSetToShared = isOwnImage && isPrivate && permissions.canUpdate\n  const canActivate = isOwnImage && isDeactivated && permissions.canUpdate\n  const canDeactivate = isOwnImage && !isDeactivated && permissions.canUpdate\n\n  const hasAnyAction =\n    canEditDetails ||\n    canEditMetadata ||\n    canDelete ||\n    canAccept ||\n    canReject ||\n    canManageAccess ||\n    canSetToShared ||\n    canActivate ||\n    canDeactivate\n\n  return {\n    // Derived state\n    isSharedWithMe,\n    isOwnImage,\n    isPendingShared,\n    isAcceptedShared,\n    isDeactivated,\n    isPrivate,\n    isSharedVisibility,\n    isProtected,\n\n    // Action flags\n    canViewDetails,\n    canEditDetails,\n    canEditMetadata,\n    canDelete,\n    canAccept,\n    canReject,\n    canManageAccess,\n    canSetToShared,\n    canActivate,\n    canDeactivate,\n\n    // Convenience\n    hasAnyAction,\n  }\n}\n","import {\n  Button,\n  Stack,\n  Status,\n  PopupMenu,\n  PopupMenuToggle,\n  PopupMenuOptions,\n  PopupMenuItem,\n  PopupMenuSectionSeparator,\n  toast,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate, useParams } from \"@tanstack/react-router\"\nimport { z } from \"zod\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { trpcClient, trpcReact } from \"@/client/trpcClient\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { ImageDetailsView } from \"./-components/ImageDetailsView\"\nimport { EditImageDetailsModal } from \"./-components/EditImageDetailsModal\"\nimport { EditImageMetadataModal } from \"./-components/EditImageMetadataModal\"\nimport { DeleteImageModal } from \"./-components/DeleteImageModal\"\nimport { ActivateImageModal } from \"./-components/ActivateImageModal\"\nimport { DeactivateImageModal } from \"./-components/DeactivateImageModal\"\nimport { ManageImageAccessModal } from \"./-components/ManageImageAccessModal\"\nimport { IMAGE_VISIBILITY } from \"../-constants/filters\"\nimport { GlanceImage, MemberStatus } from \"@/server/Compute/types/image\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { InferrableClientTypes } from \"@trpc/server/unstable-core-do-not-import\"\nimport {\n  getImageAccessStatusUpdatedToast,\n  getImageAccessStatusErrorToast,\n  getImageUpdatedToast,\n  getImageActivatedToast,\n  getImageActivationErrorToast,\n  getImageDeactivatedToast,\n  getImageDeactivationErrorToast,\n  getImageVisibilityUpdatedToast,\n  getImageVisibilityUpdateErrorToast,\n} from \"./-components/ImageToastNotifications\"\nimport { useState } from \"react\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { useImageActions } from \"./-hooks/useImageActions\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { convertToJsonPatchOperations } from \"./-utils/imageHelpers\"\n\nfunction ImageErrorComponent() {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId } = Route.useParams()\n\n  return (\n    <RouteIdLevelDefaultError\n      action={\n        <Button\n          variant=\"primary\"\n          onClick={() => navigate({ to: \"/projects/$projectId/compute/images\", params: { projectId } })}\n        >\n          {t`Back to Images`}\n        </Button>\n      }\n    />\n  )\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/images/$imageId\")({\n  staticData: {\n    section: \"compute\",\n    service: \"images\",\n    analytics: {\n      name: \"compute.images.detail\",\n    },\n  } satisfies RouteInfo,\n  validateSearch: z.object({\n    tab: z.enum([\"details\", \"sharing\"]).optional(),\n  }),\n  loader: async ({ context, params }) => {\n    try {\n      const image = await context.trpcClient?.compute.getImageById.query({\n        project_id: params.projectId,\n        imageId: params.imageId,\n      })\n      return { imageTitle: (image?.name as string | undefined) ?? image?.id ?? null }\n    } catch {\n      return { imageTitle: null }\n    }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.imageTitle ?? \"Image Details\" }],\n  }),\n  component: RouteComponent,\n  beforeLoad: async ({ context, params }) => {\n    const { trpcClient } = context\n    const { projectId } = params\n\n    const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n\n    const serviceIndex = getServiceIndex(availableServices)\n\n    // Redirect to the \"Projects Overview\" page if none of compute services available\n    if (!serviceIndex[\"image\"] && !serviceIndex[\"compute\"]) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n\n    if (!serviceIndex[\"image\"][\"glance\"]) {\n      // Redirect to the \"Compute Services Overview\" page if the \"Glance\" service is not available\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId: params.projectId },\n      })\n    }\n  },\n  errorComponent: ImageErrorComponent,\n})\n\nfunction RouteComponent() {\n  const { projectId, imageId } = useParams({\n    from: \"/_auth/projects/$projectId/compute/images/$imageId\",\n  })\n\n  const navigate = useNavigate()\n  const { t } = useLingui()\n\n  const {\n    data: image,\n    status,\n    error,\n  } = trpcReact.compute.getImageById.useQuery({ project_id: projectId, imageId: imageId })\n\n  useSetBreadcrumb(Route.id, image?.name as string | undefined)\n\n  const { data: permissionsData } = trpcReact.compute.canUser.useQuery({\n    project_id: projectId,\n    permission: [\n      \"images:delete\",\n      \"images:update\",\n      \"images:create_member\",\n      \"images:delete_member\",\n      \"images:update_member\",\n    ],\n  })\n\n  const permissions = {\n    canDelete: permissionsData?.[0] ?? false,\n    canUpdate: permissionsData?.[1] ?? false,\n    canCreateMember: permissionsData?.[2] ?? false,\n    canDeleteMember: permissionsData?.[3] ?? false,\n    canUpdateMember: permissionsData?.[4] ?? false,\n  }\n\n  const utils = trpcReact.useUtils()\n\n  const [editDetailsModalOpen, setEditDetailsModalOpen] = useState(false)\n  const [editMetadataModalOpen, setEditMetadataModalOpen] = useState(false)\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false)\n  const [activateModalOpen, setActivateModalOpen] = useState(false)\n  const [deactivateModalOpen, setDeactivateModalOpen] = useState(false)\n  const [manageAccessModalOpen, setManageAccessModalOpen] = useState(false)\n\n  const updateImageMutation = trpcReact.compute.updateImage.useMutation({\n    onSuccess: (updatedImage) => {\n      utils.compute.getImageById.setData({ project_id: projectId, imageId }, (prev) =>\n        prev ? { ...prev, ...updatedImage } : updatedImage\n      )\n      utils.compute.listImagesWithPagination.invalidate()\n    },\n  })\n\n  const deleteImageMutation = trpcReact.compute.deleteImage.useMutation({\n    onSuccess: () => {\n      utils.compute.listImagesWithPagination.invalidate()\n    },\n  })\n\n  const deactivateImageMutation = trpcReact.compute.deactivateImage.useMutation({\n    onSuccess: () => {\n      utils.compute.getImageById.invalidate({ project_id: projectId, imageId })\n    },\n  })\n\n  const reactivateImageMutation = trpcReact.compute.reactivateImage.useMutation({\n    onSuccess: () => {\n      utils.compute.getImageById.invalidate({ project_id: projectId, imageId })\n    },\n  })\n\n  const updateImageVisibilityMutation = trpcReact.compute.updateImageVisibility.useMutation({\n    onSuccess: (updatedImage) => {\n      // Glance's PATCH response can omit fields such as `owner`. Merge into the\n      // existing cached image so owner-gated UI (Edit Details, Manage Access)\n      // isn't lost when only visibility changes.\n      utils.compute.getImageById.setData({ project_id: projectId, imageId }, (prev) =>\n        prev ? { ...prev, ...updatedImage } : updatedImage\n      )\n    },\n  })\n\n  // \"Shared with me\" = image is shared AND this project is a member. Owner\n  // equality (image.owner === projectId) is unreliable, so derive from members.\n  const isShared = image?.visibility === IMAGE_VISIBILITY.SHARED\n\n  const { data: myMemberData } = trpcReact.compute.getImageMember.useQuery(\n    { project_id: projectId, imageId: imageId, memberId: projectId },\n    { enabled: isShared && !!imageId && !!projectId, retry: false }\n  )\n\n  const updateMemberMutation = trpcReact.compute.updateImageMember.useMutation({\n    onSuccess: () => {\n      utils.compute.getImageMember.invalidate({ project_id: projectId, imageId: imageId, memberId: projectId })\n      utils.compute.listImageMembers.invalidate({ project_id: projectId, imageId: imageId })\n      utils.compute.listImagesWithPagination.invalidate()\n      utils.compute.listSharedImagesByMemberStatus.invalidate()\n    },\n  })\n\n  const handleMemberStatusChange = async (newStatus: MemberStatus) => {\n    try {\n      await updateMemberMutation.mutateAsync({ project_id: projectId, imageId, memberId: projectId, status: newStatus })\n      const { message, ...options } = getImageAccessStatusUpdatedToast(newStatus)\n      toast.info(message, options)\n    } catch (error) {\n      const errorMessage = (error as TRPCClientError<InferrableClientTypes>)?.message\n      const { message, ...options } = getImageAccessStatusErrorToast(errorMessage)\n      toast.error(message, options)\n    }\n  }\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/compute/images\",\n      params: { projectId },\n    })\n  }\n\n  const isLoading =\n    updateImageMutation.isPending ||\n    deleteImageMutation.isPending ||\n    deactivateImageMutation.isPending ||\n    reactivateImageMutation.isPending ||\n    updateImageVisibilityMutation.isPending\n\n  const handleSaveEdit = async (updatedProperties: Partial<GlanceImage>): Promise<boolean> => {\n    if (!image) return false\n    const operations = convertToJsonPatchOperations(updatedProperties, image)\n    try {\n      await updateImageMutation.mutateAsync({ project_id: projectId, imageId, operations })\n      setEditDetailsModalOpen(false)\n      const { message, ...options } = getImageUpdatedToast(String(image.name ?? image.id))\n      toast.success(message, options)\n      return true\n    } catch {\n      return false\n    }\n  }\n\n  const handleDelete = async (deletedImage: GlanceImage) => {\n    try {\n      await deleteImageMutation.mutateAsync({ project_id: projectId, imageId: deletedImage.id })\n      setDeleteModalOpen(false)\n      handleBack()\n    } catch {\n      setDeleteModalOpen(false)\n    }\n  }\n\n  const handleActivate = async (img: GlanceImage) => {\n    try {\n      await reactivateImageMutation.mutateAsync({ project_id: projectId, imageId: img.id })\n      setActivateModalOpen(false)\n      const { message, ...options } = getImageActivatedToast(String(img.name ?? img.id))\n      toast.success(message, options)\n    } catch (error) {\n      setActivateModalOpen(false)\n      const { message, ...options } = getImageActivationErrorToast(img.id, (error as Error)?.message ?? \"\")\n      toast.error(message, options)\n    }\n  }\n\n  const handleDeactivate = async (img: GlanceImage) => {\n    try {\n      await deactivateImageMutation.mutateAsync({ project_id: projectId, imageId: img.id })\n      setDeactivateModalOpen(false)\n      const { message, ...options } = getImageDeactivatedToast(String(img.name ?? img.id))\n      toast.success(message, options)\n    } catch (error) {\n      setDeactivateModalOpen(false)\n      const { message, ...options } = getImageDeactivationErrorToast(img.id, (error as Error)?.message ?? \"\")\n      toast.error(message, options)\n    }\n  }\n\n  const handleUpdateVisibility = async (newVisibility: \"public\" | \"private\" | \"shared\" | \"community\") => {\n    if (!image) return\n    try {\n      await updateImageVisibilityMutation.mutateAsync({\n        project_id: projectId,\n        imageId: image.id,\n        visibility: newVisibility,\n      })\n      const { message, ...options } = getImageVisibilityUpdatedToast(String(image.name ?? image.id), newVisibility)\n      toast.success(message, options)\n    } catch (error) {\n      const { message, ...options } = getImageVisibilityUpdateErrorToast(\n        String(image.name ?? image.id),\n        (error as Error)?.message ?? \"\"\n      )\n      toast.error(message, options)\n    }\n  }\n\n  // Handle loading state\n  if (status === \"pending\") {\n    return <Status status=\"progress\" title={t`Loading Image Details...`} />\n  }\n\n  // Handle error state\n  if (status === \"error\") {\n    const errorMessage = error?.message || t`Unknown Error`\n\n    return (\n      <RouteIdLevelDefaultError\n        errorTitle={t`Error Loading Image`}\n        errorDescription={errorMessage}\n        action={\n          <Button onClick={handleBack} variant=\"primary\">\n            <Trans>Back to Images</Trans>\n          </Button>\n        }\n      />\n    )\n  }\n\n  // Handle no data state\n  if (!image) {\n    return <ImageErrorComponent />\n  }\n\n  // Use centralized actions hook\n  const actions = useImageActions({\n    image,\n    projectId,\n    permissions,\n    myMemberData,\n  })\n\n  const hasMoreActions =\n    actions.canEditMetadata ||\n    actions.canSetToShared ||\n    actions.canActivate ||\n    actions.canDeactivate ||\n    actions.canDelete ||\n    actions.canManageAccess\n\n  const headerActions = (hasMoreActions || actions.canEditDetails) && (\n    <Stack gap=\"0.5\" alignment=\"center\">\n      {hasMoreActions && (\n        <PopupMenu className=\"flex items-center\">\n          <PopupMenuToggle as=\"div\">\n            <Button icon=\"moreVert\" title={t`More Actions`} disabled={isLoading} />\n          </PopupMenuToggle>\n          <PopupMenuOptions>\n            {actions.canEditMetadata && (\n              <PopupMenuItem\n                onClick={() => setEditMetadataModalOpen(true)}\n                label={t`Edit Metadata`}\n                disabled={isLoading}\n              />\n            )}\n            {(actions.canManageAccess || actions.canSetToShared || actions.canActivate || actions.canDeactivate) && (\n              <PopupMenuSectionSeparator />\n            )}\n            {actions.canManageAccess && (\n              <PopupMenuItem\n                onClick={() => setManageAccessModalOpen(true)}\n                label={t`Manage Access`}\n                disabled={isLoading}\n              />\n            )}\n            {actions.canSetToShared && (\n              <PopupMenuItem label={t`Set to \"Shared\"`} onClick={() => handleUpdateVisibility(\"shared\")} />\n            )}\n            {actions.canActivate && (\n              <PopupMenuItem label={t`Activate Image`} onClick={() => setActivateModalOpen(true)} />\n            )}\n            {actions.canDeactivate && (\n              <PopupMenuItem label={t`Deactivate Image`} onClick={() => setDeactivateModalOpen(true)} />\n            )}\n            {actions.canDelete && (\n              <>\n                <PopupMenuSectionSeparator />\n                <PopupMenuItem label={t`Delete Image`} onClick={() => setDeleteModalOpen(true)} />\n              </>\n            )}\n          </PopupMenuOptions>\n        </PopupMenu>\n      )}\n\n      {actions.canEditDetails && (\n        <Button onClick={() => setEditDetailsModalOpen(true)} variant=\"primary\" disabled={isLoading}>\n          <Trans>Edit Details</Trans>\n        </Button>\n      )}\n    </Stack>\n  )\n\n  // Render success state\n  return (\n    <>\n      <ContentHeader title={String(image.name ?? image.id)} projectId={projectId} actions={headerActions} />\n\n      <div className=\"mt-3\">\n        <ImageDetailsView\n          key={image.id}\n          image={image}\n          isSharedWithMe={actions.isSharedWithMe}\n          permissions={{\n            canCreateMember: permissions.canCreateMember,\n            canDeleteMember: permissions.canDeleteMember,\n            canUpdateMember: permissions.canUpdateMember,\n          }}\n          myMemberData={myMemberData}\n          onMemberStatusChange={handleMemberStatusChange}\n          isMemberStatusChanging={updateMemberMutation.isPending}\n        />\n      </div>\n\n      {editDetailsModalOpen && (\n        <EditImageDetailsModal\n          image={image}\n          isOpen={editDetailsModalOpen}\n          isLoading={updateImageMutation.isPending}\n          onClose={() => setEditDetailsModalOpen(false)}\n          onSave={handleSaveEdit}\n        />\n      )}\n\n      {editMetadataModalOpen && trpcClient && projectId && image && (\n        <EditImageMetadataModal\n          key=\"edit-metadata-modal\"\n          client={trpcClient}\n          image={image}\n          isOpen={editMetadataModalOpen}\n          onClose={() => {\n            setEditMetadataModalOpen(false)\n            // Invalidate queries only when modal closes to refresh with server data\n            utils.compute.getImageById.invalidate({ project_id: projectId, imageId })\n            utils.compute.listImagesWithPagination.invalidate()\n          }}\n          projectId={projectId}\n        />\n      )}\n\n      {deleteModalOpen && (\n        <DeleteImageModal\n          image={image}\n          isOpen={deleteModalOpen}\n          isLoading={deleteImageMutation.isPending}\n          isDisabled={!!image.protected}\n          onClose={() => setDeleteModalOpen(false)}\n          onDelete={handleDelete}\n        />\n      )}\n\n      {activateModalOpen && (\n        <ActivateImageModal\n          image={image}\n          isOpen={activateModalOpen}\n          isLoading={reactivateImageMutation.isPending}\n          onClose={() => setActivateModalOpen(false)}\n          onActivate={handleActivate}\n        />\n      )}\n\n      {deactivateModalOpen && (\n        <DeactivateImageModal\n          image={image}\n          isOpen={deactivateModalOpen}\n          isLoading={deactivateImageMutation.isPending}\n          onClose={() => setDeactivateModalOpen(false)}\n          onDeactivate={handleDeactivate}\n        />\n      )}\n\n      {manageAccessModalOpen && (\n        <ManageImageAccessModal\n          image={image}\n          isOpen={manageAccessModalOpen}\n          onClose={() => setManageAccessModalOpen(false)}\n          permissions={{\n            canCreateMember: permissions.canCreateMember,\n            canDeleteMember: permissions.canDeleteMember,\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/client/{_imageId-pBSS0YcC.mjs → _imageId-D-jqz3e3.mjs}

@@ -20,7 +20,7 @@ var a = t("/_auth/projects/$projectId/compute/images/$imageId")({
 		}
 	},
 	head: ({ loaderData: e }) => ({ meta: [{ title: e?.imageTitle ?? "Image Details" }] }),
-	component: n(() => import("./_imageId-mfKp3JHn.mjs"), "component"),
+	component: n(() => import("./_imageId-BAezmV0Y.mjs"), "component"),
 	beforeLoad: async ({ context: t, params: n }) => {
 		let { trpcClient: i } = t, { projectId: a } = n, o = await i?.auth.getAvailableServices.query() || [], s = e(o);
 		if (!s.image && !s.compute) throw r({
@@ -32,9 +32,9 @@ var a = t("/_auth/projects/$projectId/compute/images/$imageId")({
 			params: { projectId: n.projectId }
 		});
 	},
-	errorComponent: n(() => import("./_imageId-mpXUMCh_.mjs"), "errorComponent")
+	errorComponent: n(() => import("./_imageId-gMdrdnVt.mjs"), "errorComponent")
 });
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=_imageId-pBSS0YcC.mjs.map
+//# sourceMappingURL=_imageId-D-jqz3e3.mjs.map