@cobaltcore-dev/aurora 0.9.0 → 0.10.0

package/dist/client/DeleteVersionsModal-CyYZfB8d.mjs

@@ -0,0 +1,331 @@
+import { H as e, J as t, Y as n, _ as r, ct as i, f as a, it as o, lt as s, m as c } from "./build-BdRRmNf5.mjs";
+import { r as l } from "./trpcClient-BzPUgiM2.mjs";
+import { t as u } from "./useProjectId-DBc5lpoU.mjs";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useEffect as m, useState as h } from "react";
+import { Trans as g, useLingui as _ } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteBucketPolicyModal.tsx
+var v = ({ isOpen: r, bucketName: a, onClose: o, onSuccess: s, onError: c }) => {
+	let { i18n: h, _: v } = _(), y = u(), b = l.useUtils(), { data: x, isLoading: S, error: C } = l.storage.ceph.bucketPolicy.get.useQuery({
+		project_id: y,
+		bucketName: a
+	}, {
+		enabled: r && !!y,
+		retry: !1
+	}), w = l.storage.ceph.bucketPolicy.delete.useMutation({
+		onSuccess: () => {
+			b.storage.ceph.bucketPolicy.get.invalidate(), s?.(a), T();
+		},
+		onError: (e) => {
+			c?.(a, e.message);
+		}
+	});
+	m(() => {
+		r || w.reset();
+	}, [r, a]);
+	let T = () => {
+		w.reset(), o();
+	}, E = () => {
+		w.mutate({
+			project_id: y,
+			bucketName: a
+		});
+	};
+	if (!r) return null;
+	let D = !!x?.policy, O = w.isPending;
+	return /*#__PURE__*/ f(i, {
+		title: h._({ id: "On9AgT" }),
+		open: r,
+		onCancel: T,
+		confirmButtonLabel: h._({ id: "VMoZmg" }),
+		confirmButtonVariant: "primary-danger",
+		onConfirm: E,
+		cancelButtonLabel: h._({ id: "dEgA5A" }),
+		size: "small",
+		disableConfirmButton: O || S || !D || !!C,
+		children: /*#__PURE__*/ p(n, {
+			direction: "vertical",
+			gap: "4",
+			children: [
+				S && /*#__PURE__*/ f("div", {
+					className: "flex items-center justify-center py-4",
+					children: /*#__PURE__*/ f(e, {
+						variant: "primary",
+						size: "large"
+					})
+				}),
+				C && /*#__PURE__*/ f(t, {
+					variant: "error",
+					title: h._({ id: "XicAqm" }),
+					children: C.message
+				}),
+				!S && !C && !D && /*#__PURE__*/ f(t, {
+					variant: "warning",
+					title: h._({ id: "GZjazt" }),
+					children: /*#__PURE__*/ f(g, { id: "/HejCc" })
+				}),
+				!S && !C && D && /*#__PURE__*/ p(d, { children: [/*#__PURE__*/ f("p", {
+					className: "text-theme-default",
+					children: /*#__PURE__*/ f(g, {
+						id: "QDUXIq",
+						values: { bucketName: a },
+						components: { 0: /*#__PURE__*/ f("strong", {}) }
+					})
+				}), /*#__PURE__*/ f("p", {
+					className: "text-theme-default",
+					children: /*#__PURE__*/ f(g, { id: "Rsh494" })
+				})] }),
+				w.isError && /*#__PURE__*/ f(t, {
+					variant: "error",
+					title: h._({ id: "+Pe7SS" }),
+					children: w.error?.message
+				})
+			]
+		})
+	});
+}, y = ({ isOpen: e, bucket: t, onClose: r, onSuccess: a, onError: s }) => {
+	let { i18n: d, _: m } = _(), v = u(), [y, b] = h(""), [x, S] = h(null), [C, w] = h(!1), T = l.useUtils(), E = l.storage.ceph.objects.deleteAll.useMutation({ onSettled: () => {
+		T.storage.ceph.containers.list.invalidate(), T.storage.ceph.objects.list.invalidate(), D();
+	} }), D = () => {
+		b(""), S(null), w(!1), E.reset(), r();
+	}, O = (e) => {
+		let t = e.target.value;
+		b(t), x && S(null);
+	}, k = () => {
+		if (!t) return;
+		if (y.trim() !== t.name) {
+			S(d._({ id: "wxVsr5" }));
+			return;
+		}
+		let e = t.name;
+		E.mutate({
+			project_id: v,
+			containerName: e,
+			includeVersionsAndDeleteMarkers: C
+		}, {
+			onSuccess: (t) => {
+				a?.(e, t);
+			},
+			onError: (t) => {
+				s?.(e, t.message);
+			}
+		});
+	}, A = (e) => {
+		e.key === "Enter" && k();
+	};
+	if (!e || !t) return null;
+	let j = t.name;
+	return /*#__PURE__*/ f(i, {
+		title: d._({ id: "CfKRC1" }),
+		open: e,
+		onCancel: D,
+		confirmButtonLabel: d._({ id: "CfKRC1" }),
+		confirmButtonVariant: "primary-danger",
+		onConfirm: k,
+		cancelButtonLabel: d._({ id: "dEgA5A" }),
+		size: "small",
+		disableConfirmButton: E.isPending || y.trim() !== t.name,
+		children: /*#__PURE__*/ p(n, {
+			direction: "vertical",
+			gap: "6",
+			children: [
+				/*#__PURE__*/ f("p", {
+					className: "text-theme-default m-0",
+					children: /*#__PURE__*/ f(g, {
+						id: "i9I/nL",
+						values: { bucketName: j }
+					})
+				}),
+				/*#__PURE__*/ f(o, {
+					checked: C,
+					onChange: (e) => w(e.target.checked),
+					label: d._({ id: "mbmb/h" }),
+					disabled: E.isPending
+				}),
+				/*#__PURE__*/ f(c, {
+					label: d._({ id: "dEHa3L" }),
+					required: !0,
+					value: y,
+					onChange: O,
+					onKeyDown: A,
+					invalid: !!x,
+					errortext: x || void 0,
+					disabled: E.isPending,
+					placeholder: t.name,
+					autoFocus: !0
+				})
+			]
+		})
+	});
+}, b = ({ isOpen: t, bucket: o, onClose: v, onSuccess: y, onError: b }) => {
+	let { i18n: x, _: S } = _(), C = u(), [w, T] = h(""), [E, D] = h(null), O = l.useUtils(), { data: k, isLoading: A, error: j } = l.storage.ceph.objects.list.useQuery({
+		project_id: C ?? "",
+		containerName: o?.name ?? "",
+		maxKeys: 1,
+		delimiter: "",
+		showVersions: !0
+	}, { enabled: t && o !== null }), M = l.storage.ceph.containers.delete.useMutation({ onSettled: () => {
+		O.storage.ceph.containers.list.invalidate();
+	} });
+	m(() => {
+		t || (T(""), D(null), M.reset());
+	}, [t, o?.name]);
+	let N = () => {
+		T(""), D(null), M.reset(), v();
+	}, P = (e) => {
+		let t = e.target.value;
+		T(t), E && D(null);
+	}, F = () => {
+		if (!o || j) return;
+		if (w.trim() !== o.name) {
+			D(x._({ id: "wxVsr5" }));
+			return;
+		}
+		let e = o.name;
+		M.mutate({
+			project_id: C,
+			bucketName: e
+		}, {
+			onSuccess: () => {
+				N(), y?.(e);
+			},
+			onError: (t) => {
+				N(), b?.(e, t.message);
+			}
+		});
+	}, I = (e) => {
+		e.key === "Enter" && F();
+	};
+	if (!t || !o) return null;
+	let L = k?.objects?.length ?? 0, R = k?.versions?.length ?? 0, z = L > 0, B = L === 0 && R > 0, V = j?.message;
+	return /*#__PURE__*/ f(i, {
+		title: x._({ id: "IwlPLb" }),
+		open: t,
+		onCancel: N,
+		confirmButtonLabel: z || B ? void 0 : x._({ id: "IwlPLb" }),
+		confirmButtonVariant: z || B ? void 0 : "primary-danger",
+		onConfirm: z || B ? void 0 : F,
+		cancelButtonLabel: z || B ? void 0 : x._({ id: "dEgA5A" }),
+		modalFooter: z || B ? /*#__PURE__*/ f(a, {
+			className: "flex justify-end",
+			children: /*#__PURE__*/ f(s, { children: /*#__PURE__*/ f(r, {
+				variant: "primary",
+				onClick: N,
+				"data-testid": "delete-has-objects-close-button",
+				children: /*#__PURE__*/ f(g, { id: "yz7wBu" })
+			}) })
+		}) : void 0,
+		size: "small",
+		disableConfirmButton: M.isPending || A || !!j || w.trim() !== o.name,
+		children: /*#__PURE__*/ p(n, {
+			direction: "vertical",
+			gap: "6",
+			children: [j && /*#__PURE__*/ f("p", {
+				className: "text-theme-error",
+				role: "alert",
+				"aria-live": "assertive",
+				children: /*#__PURE__*/ f(g, {
+					id: "MJLqeY",
+					values: { errorMessage: V }
+				})
+			}), A ? /*#__PURE__*/ p(n, {
+				direction: "horizontal",
+				gap: "2",
+				alignment: "center",
+				children: [/*#__PURE__*/ f(e, {}), /*#__PURE__*/ f("span", {
+					className: "text-juno-grey-light-1 text-sm",
+					children: /*#__PURE__*/ f(g, { id: "rPuPb+" })
+				})]
+			}) : z ? /*#__PURE__*/ f("p", {
+				className: "text-theme-default",
+				children: /*#__PURE__*/ f(g, {
+					id: "EpRlc1",
+					components: { 0: /*#__PURE__*/ f("strong", {}) }
+				})
+			}) : B ? /*#__PURE__*/ f("p", {
+				className: "text-theme-default",
+				children: /*#__PURE__*/ f(g, {
+					id: "QEfrEi",
+					components: { 0: /*#__PURE__*/ f("strong", {}) }
+				})
+			}) : /*#__PURE__*/ p(d, { children: [/*#__PURE__*/ f("p", {
+				className: "text-theme-default",
+				children: /*#__PURE__*/ f(g, { id: "/pOQrn" })
+			}), /*#__PURE__*/ f(c, {
+				label: x._({ id: "dEHa3L" }),
+				required: !0,
+				value: w,
+				onChange: P,
+				onKeyDown: I,
+				invalid: !!E,
+				errortext: E || void 0,
+				disabled: M.isPending,
+				placeholder: o.name
+			})] })]
+		})
+	});
+}, x = ({ isOpen: e, bucket: t, onClose: r, onSuccess: a, onError: o }) => {
+	let { i18n: s, _: d } = _(), m = u(), [v, y] = h(""), [b, x] = h(null), S = l.useUtils(), C = l.storage.ceph.objects.deleteAll.useMutation({ onSettled: () => {
+		S.storage.ceph.containers.list.invalidate(), S.storage.ceph.objects.list.invalidate(), w();
+	} }), w = () => {
+		y(""), x(null), C.reset(), r();
+	}, T = (e) => {
+		let t = e.target.value;
+		y(t), b && x(null);
+	}, E = () => {
+		if (!t) return;
+		if (v.trim() !== t.name) {
+			x(s._({ id: "wxVsr5" }));
+			return;
+		}
+		let e = t.name;
+		C.mutate({
+			project_id: m,
+			containerName: e,
+			includeVersionsAndDeleteMarkers: !0
+		}, {
+			onSuccess: (t) => {
+				a?.(e, t);
+			},
+			onError: (t) => {
+				o?.(e, t.message);
+			}
+		});
+	};
+	return !e || !t ? null : /*#__PURE__*/ f(i, {
+		title: s._({ id: "1mFMeP" }),
+		open: e,
+		onCancel: w,
+		confirmButtonLabel: s._({ id: "1mFMeP" }),
+		confirmButtonVariant: "primary-danger",
+		onConfirm: E,
+		cancelButtonLabel: s._({ id: "dEgA5A" }),
+		size: "small",
+		disableConfirmButton: C.isPending || v.trim() !== t.name,
+		children: /*#__PURE__*/ p(n, {
+			direction: "vertical",
+			gap: "6",
+			children: [/*#__PURE__*/ f("p", {
+				className: "text-theme-default m-0",
+				children: /*#__PURE__*/ f(g, { id: "T3+VKR" })
+			}), /*#__PURE__*/ f(c, {
+				label: s._({ id: "dEHa3L" }),
+				required: !0,
+				value: v,
+				onChange: T,
+				onKeyDown: (e) => {
+					e.key === "Enter" && E();
+				},
+				invalid: !!b,
+				errortext: b || void 0,
+				disabled: C.isPending,
+				placeholder: t.name,
+				autoFocus: !0
+			})]
+		})
+	});
+};
+//#endregion
+export { v as i, b as n, y as r, x as t };
+
+//# sourceMappingURL=DeleteVersionsModal-CyYZfB8d.mjs.map

package/dist/client/DeleteVersionsModal-CyYZfB8d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteVersionsModal-CyYZfB8d.mjs","names":["useEffect","trpcReact","Modal","Stack","Spinner","Message","useProjectId","DeleteBucketPolicyModal","isOpen","bucketName","onClose","onSuccess","onError","useLingui","projectId","utils","useUtils","data","policyData","isLoading","isPolicyLoading","error","policyError","storage","ceph","bucketPolicy","get","useQuery","project_id","enabled","retry","deleteMutation","delete","useMutation","invalidate","name","handleClose","message","reset","handleDelete","mutate","hasPolicy","policy","isDeleting","isPending","title","t","open","onCancel","confirmButtonLabel","confirmButtonVariant","onConfirm","cancelButtonLabel","size","disableConfirmButton","direction","gap","div","className","variant","p","strong","isError","useState","trpcReact","Modal","TextInput","Stack","Checkbox","useProjectId","EmptyBucketModal","isOpen","bucket","onClose","onSuccess","onError","useLingui","projectId","confirmName","setConfirmName","nameError","setNameError","deleteVersionsAndMarkers","setDeleteVersionsAndMarkers","utils","useUtils","emptyBucketMutation","storage","ceph","objects","deleteAll","useMutation","onSettled","containers","list","invalidate","handleClose","reset","handleConfirmNameChange","e","value","target","handleSubmit","trim","name","t","bucketName","mutate","project_id","containerName","includeVersionsAndDeleteMarkers","deletedCount","error","message","handleKeyDown","key","title","open","onCancel","confirmButtonLabel","confirmButtonVariant","onConfirm","cancelButtonLabel","size","disableConfirmButton","isPending","direction","gap","p","className","checked","onChange","label","disabled","required","onKeyDown","invalid","errortext","undefined","placeholder","autoFocus","useState","useEffect","trpcReact","Modal","ModalFooter","ButtonRow","TextInput","Stack","Spinner","Button","useProjectId","DeleteBucketModal","isOpen","bucket","onClose","onSuccess","onError","useLingui","projectId","confirmName","setConfirmName","nameError","setNameError","utils","useUtils","data","objects","isLoading","isLoadingObjects","error","objectsError","storage","ceph","list","useQuery","project_id","containerName","name","maxKeys","delimiter","showVersions","enabled","deleteBucketMutation","containers","delete","useMutation","onSettled","invalidate","reset","handleClose","handleConfirmNameChange","e","value","target","handleSubmit","trim","t","bucketName","mutate","message","handleKeyDown","key","currentObjectCount","length","versionCount","versions","isNonEmpty","hasOnlyVersions","errorMessage","title","open","onCancel","confirmButtonLabel","undefined","confirmButtonVariant","onConfirm","cancelButtonLabel","modalFooter","className","variant","onClick","data-testid","size","disableConfirmButton","isPending","direction","gap","p","role","aria-live","alignment","span","strong","label","required","onChange","onKeyDown","invalid","errortext","disabled","placeholder","useState","trpcReact","Modal","TextInput","Stack","useProjectId","DeleteVersionsModal","isOpen","bucket","onClose","onSuccess","onError","useLingui","projectId","confirmName","setConfirmName","nameError","setNameError","utils","useUtils","deleteVersionsMutation","storage","ceph","objects","deleteAll","useMutation","onSettled","containers","list","invalidate","handleClose","reset","handleConfirmNameChange","e","value","target","handleSubmit","trim","name","t","bucketName","mutate","project_id","containerName","includeVersionsAndDeleteMarkers","deletedCount","error","message","handleKeyDown","key","title","open","onCancel","confirmButtonLabel","confirmButtonVariant","onConfirm","cancelButtonLabel","size","disableConfirmButton","isPending","direction","gap","p","className","label","required","onChange","onKeyDown","invalid","errortext","undefined","disabled","placeholder","autoFocus"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteBucketPolicyModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/EmptyBucketModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteBucketModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteVersionsModal.tsx"],"sourcesContent":["import { useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, Stack, Spinner, Message } from \"@cloudoperators/juno-ui-components\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface DeleteBucketPolicyModalProps {\n  isOpen: boolean\n  bucketName: string\n  onClose: () => void\n  onSuccess?: (bucketName: string) => void\n  onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const DeleteBucketPolicyModal = ({\n  isOpen,\n  bucketName,\n  onClose,\n  onSuccess,\n  onError,\n}: DeleteBucketPolicyModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const utils = trpcReact.useUtils()\n\n  // Query to verify policy exists\n  const {\n    data: policyData,\n    isLoading: isPolicyLoading,\n    error: policyError,\n  } = trpcReact.storage.ceph.bucketPolicy.get.useQuery(\n    {\n      project_id: projectId,\n      bucketName,\n    },\n    {\n      enabled: isOpen && !!projectId,\n      retry: false,\n    }\n  )\n\n  // Delete mutation\n  const deleteMutation = trpcReact.storage.ceph.bucketPolicy.delete.useMutation({\n    onSuccess: () => {\n      utils.storage.ceph.bucketPolicy.get.invalidate()\n      const name = bucketName\n      onSuccess?.(name)\n      handleClose()\n    },\n    onError: (error) => {\n      const name = bucketName\n      onError?.(name, error.message)\n    },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      deleteMutation.reset()\n    }\n  }, [isOpen, bucketName])\n\n  const handleClose = () => {\n    deleteMutation.reset()\n    onClose()\n  }\n\n  const handleDelete = () => {\n    deleteMutation.mutate({\n      project_id: projectId,\n      bucketName,\n    })\n  }\n\n  if (!isOpen) return null\n\n  const hasPolicy = !!policyData?.policy\n  const isDeleting = deleteMutation.isPending\n\n  return (\n    <Modal\n      title={t`Delete Bucket Policy`}\n      open={isOpen}\n      onCancel={handleClose}\n      confirmButtonLabel={t`Delete Policy`}\n      confirmButtonVariant=\"primary-danger\"\n      onConfirm={handleDelete}\n      cancelButtonLabel={t`Cancel`}\n      size=\"small\"\n      disableConfirmButton={isDeleting || isPolicyLoading || !hasPolicy || !!policyError}\n    >\n      <Stack direction=\"vertical\" gap=\"4\">\n        {isPolicyLoading && (\n          <div className=\"flex items-center justify-center py-4\">\n            <Spinner variant=\"primary\" size=\"large\" />\n          </div>\n        )}\n\n        {policyError && (\n          <Message variant=\"error\" title={t`Failed to load policy`}>\n            {policyError.message}\n          </Message>\n        )}\n\n        {!isPolicyLoading && !policyError && !hasPolicy && (\n          <Message variant=\"warning\" title={t`No policy found`}>\n            <Trans>This bucket does not have a policy attached.</Trans>\n          </Message>\n        )}\n\n        {!isPolicyLoading && !policyError && hasPolicy && (\n          <>\n            <p className=\"text-theme-default\">\n              <Trans>\n                Are you sure you want to delete the policy for bucket <strong>{bucketName}</strong>?\n              </Trans>\n            </p>\n            <p className=\"text-theme-default\">\n              <Trans>\n                Deleting the policy will remove all access restrictions defined by it. This action cannot be undone.\n              </Trans>\n            </p>\n          </>\n        )}\n\n        {deleteMutation.isError && (\n          <Message variant=\"error\" title={t`Failed to delete policy`}>\n            {deleteMutation.error?.message}\n          </Message>\n        )}\n      </Stack>\n    </Modal>\n  )\n}\n","import { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, TextInput, Stack, Checkbox } from \"@cloudoperators/juno-ui-components\"\nimport { Bucket } from \"@/server/Storage/types/ceph\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface EmptyBucketModalProps {\n  isOpen: boolean\n  bucket: Bucket | null\n  onClose: () => void\n  onSuccess?: (bucketName: string, deletedCount: number) => void\n  onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const EmptyBucketModal = ({ isOpen, bucket, onClose, onSuccess, onError }: EmptyBucketModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const [confirmName, setConfirmName] = useState(\"\")\n  const [nameError, setNameError] = useState<string | null>(null)\n  const [deleteVersionsAndMarkers, setDeleteVersionsAndMarkers] = useState(false)\n\n  const utils = trpcReact.useUtils()\n\n  const emptyBucketMutation = trpcReact.storage.ceph.objects.deleteAll.useMutation({\n    onSettled: () => {\n      // Invalidate both containers.list (to update bucket metadata) and objects.list (to refresh empty state)\n      utils.storage.ceph.containers.list.invalidate()\n      utils.storage.ceph.objects.list.invalidate()\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    setConfirmName(\"\")\n    setNameError(null)\n    setDeleteVersionsAndMarkers(false)\n    emptyBucketMutation.reset()\n    onClose()\n  }\n\n  const handleConfirmNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setConfirmName(value)\n    if (nameError) setNameError(null)\n  }\n\n  const handleSubmit = () => {\n    if (!bucket) return\n    if (confirmName.trim() !== bucket.name) {\n      setNameError(t`Bucket name does not match`)\n      return\n    }\n\n    // Capture bucket name before async operation to avoid dereferencing null bucket in callbacks\n    const bucketName = bucket.name\n\n    emptyBucketMutation.mutate(\n      {\n        project_id: projectId,\n        containerName: bucketName,\n        includeVersionsAndDeleteMarkers: deleteVersionsAndMarkers,\n      },\n      {\n        onSuccess: (deletedCount) => {\n          onSuccess?.(bucketName, deletedCount)\n        },\n        onError: (error) => {\n          onError?.(bucketName, error.message)\n        },\n      }\n    )\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\") handleSubmit()\n  }\n\n  if (!isOpen || !bucket) return null\n\n  const bucketName = bucket.name\n\n  return (\n    <Modal\n      title={t`Empty Bucket`}\n      open={isOpen}\n      onCancel={handleClose}\n      confirmButtonLabel={t`Empty Bucket`}\n      confirmButtonVariant=\"primary-danger\"\n      onConfirm={handleSubmit}\n      cancelButtonLabel={t`Cancel`}\n      size=\"small\"\n      disableConfirmButton={emptyBucketMutation.isPending || confirmName.trim() !== bucket.name}\n    >\n      <Stack direction=\"vertical\" gap=\"6\">\n        <p className=\"text-theme-default m-0\">\n          <Trans>\n            This action will permanently delete all objects from {bucketName}. You may choose to also delete all\n            versions and delete markers. This will enable you to delete the bucket. This action cannot be undone.\n          </Trans>\n        </p>\n\n        <Checkbox\n          checked={deleteVersionsAndMarkers}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) => setDeleteVersionsAndMarkers(e.target.checked)}\n          label={t`Also delete all versions and all delete markers`}\n          disabled={emptyBucketMutation.isPending}\n        />\n\n        <TextInput\n          label={t`Type the bucket name to confirm`}\n          required\n          value={confirmName}\n          onChange={handleConfirmNameChange}\n          onKeyDown={handleKeyDown}\n          invalid={!!nameError}\n          errortext={nameError || undefined}\n          disabled={emptyBucketMutation.isPending}\n          placeholder={bucket.name}\n          autoFocus\n        />\n      </Stack>\n    </Modal>\n  )\n}\n","import { useState, useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, ModalFooter, ButtonRow, TextInput, Stack, Spinner, Button } from \"@cloudoperators/juno-ui-components\"\nimport type { Bucket } from \"@/server/Storage/types/ceph\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface DeleteBucketModalProps {\n  isOpen: boolean\n  bucket: Bucket | null\n  onClose: () => void\n  onSuccess?: (bucketName: string) => void\n  onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const DeleteBucketModal = ({ isOpen, bucket, onClose, onSuccess, onError }: DeleteBucketModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const [confirmName, setConfirmName] = useState(\"\")\n  const [nameError, setNameError] = useState<string | null>(null)\n\n  const utils = trpcReact.useUtils()\n\n  // Fetch actual objects and versions to get accurate real-time state\n  // Use showVersions=true to also detect delete markers in versioned buckets\n  // Use delimiter=\"\" to get ALL objects including folder markers (zero-byte objects ending in \"/\")\n  // Without this, folders are returned as CommonPrefixes and we can't accurately check if bucket is empty\n  const {\n    data: objects,\n    isLoading: isLoadingObjects,\n    error: objectsError,\n  } = trpcReact.storage.ceph.objects.list.useQuery(\n    { project_id: projectId ?? \"\", containerName: bucket?.name ?? \"\", maxKeys: 1, delimiter: \"\", showVersions: true },\n    { enabled: isOpen && bucket !== null }\n  )\n\n  const deleteBucketMutation = trpcReact.storage.ceph.containers.delete.useMutation({\n    onSettled: () => {\n      utils.storage.ceph.containers.list.invalidate()\n    },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      setConfirmName(\"\")\n      setNameError(null)\n      deleteBucketMutation.reset()\n    }\n  }, [isOpen, bucket?.name])\n\n  const handleClose = () => {\n    setConfirmName(\"\")\n    setNameError(null)\n    deleteBucketMutation.reset()\n    onClose()\n  }\n\n  const handleConfirmNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setConfirmName(value)\n    if (nameError) setNameError(null)\n  }\n\n  const handleSubmit = () => {\n    if (!bucket) return\n    if (objectsError) return\n    if (confirmName.trim() !== bucket.name) {\n      setNameError(t`Bucket name does not match`)\n      return\n    }\n\n    // Capture bucket name before async operation to avoid dereferencing null bucket in callbacks\n    const bucketName = bucket.name\n\n    deleteBucketMutation.mutate(\n      { project_id: projectId, bucketName },\n      {\n        onSuccess: () => {\n          handleClose()\n          onSuccess?.(bucketName)\n        },\n        onError: (error) => {\n          handleClose()\n          onError?.(bucketName, error.message)\n        },\n      }\n    )\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\") handleSubmit()\n  }\n\n  if (!isOpen || !bucket) return null\n\n  // Check if bucket has current objects (not just versions/delete markers)\n  // When delimiter=\"\", folders are returned as objects (keys ending in \"/\")\n  const currentObjectCount = objects?.objects?.length ?? 0\n  const versionCount = objects?.versions?.length ?? 0\n\n  // Bucket is non-empty if it has current objects\n  // If it only has versions/delete markers (no current objects), it's considered \"empty\" for deletion purposes\n  const isNonEmpty = currentObjectCount > 0\n  const hasOnlyVersions = currentObjectCount === 0 && versionCount > 0\n  const errorMessage = objectsError?.message\n\n  return (\n    <Modal\n      title={t`Delete Bucket`}\n      open={isOpen}\n      onCancel={handleClose}\n      confirmButtonLabel={isNonEmpty || hasOnlyVersions ? undefined : t`Delete Bucket`}\n      confirmButtonVariant={isNonEmpty || hasOnlyVersions ? undefined : \"primary-danger\"}\n      onConfirm={isNonEmpty || hasOnlyVersions ? undefined : handleSubmit}\n      cancelButtonLabel={isNonEmpty || hasOnlyVersions ? undefined : t`Cancel`}\n      modalFooter={\n        isNonEmpty || hasOnlyVersions ? (\n          <ModalFooter className=\"flex justify-end\">\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleClose} data-testid=\"delete-has-objects-close-button\">\n                <Trans>Close</Trans>\n              </Button>\n            </ButtonRow>\n          </ModalFooter>\n        ) : undefined\n      }\n      size=\"small\"\n      disableConfirmButton={\n        deleteBucketMutation.isPending || isLoadingObjects || !!objectsError || confirmName.trim() !== bucket.name\n      }\n    >\n      <Stack direction=\"vertical\" gap=\"6\">\n        {objectsError && (\n          <p className=\"text-theme-error\" role=\"alert\" aria-live=\"assertive\">\n            <Trans>Failed to check bucket contents: {errorMessage}</Trans>\n          </p>\n        )}\n\n        {isLoadingObjects ? (\n          <Stack direction=\"horizontal\" gap=\"2\" alignment=\"center\">\n            <Spinner />\n            <span className=\"text-juno-grey-light-1 text-sm\">\n              <Trans>Checking bucket contents...</Trans>\n            </span>\n          </Stack>\n        ) : isNonEmpty ? (\n          <p className=\"text-theme-default\">\n            <Trans>\n              This bucket contains objects and cannot be deleted. Use <strong>Empty Bucket</strong> action to remove all\n              content first.\n            </Trans>\n          </p>\n        ) : hasOnlyVersions ? (\n          <p className=\"text-theme-default\">\n            <Trans>\n              This bucket contains old versions and delete markers. Use <strong>Delete Versions</strong> action to\n              remove them before deleting the bucket.\n            </Trans>\n          </p>\n        ) : (\n          <>\n            <p className=\"text-theme-default\">\n              <Trans>\n                This action is irreversible. Deleting a bucket permanently removes it and cannot be undone. The bucket\n                must be empty before deletion.\n              </Trans>\n            </p>\n\n            <TextInput\n              label={t`Type the bucket name to confirm`}\n              required\n              value={confirmName}\n              onChange={handleConfirmNameChange}\n              onKeyDown={handleKeyDown}\n              invalid={!!nameError}\n              errortext={nameError || undefined}\n              disabled={deleteBucketMutation.isPending}\n              placeholder={bucket.name}\n            />\n          </>\n        )}\n      </Stack>\n    </Modal>\n  )\n}\n","import { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, TextInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { Bucket } from \"@/server/Storage/types/ceph\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface DeleteVersionsModalProps {\n  isOpen: boolean\n  bucket: Bucket | null\n  onClose: () => void\n  onSuccess?: (bucketName: string, deletedCount: number) => void\n  onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const DeleteVersionsModal = ({ isOpen, bucket, onClose, onSuccess, onError }: DeleteVersionsModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const [confirmName, setConfirmName] = useState(\"\")\n  const [nameError, setNameError] = useState<string | null>(null)\n\n  const utils = trpcReact.useUtils()\n\n  const deleteVersionsMutation = trpcReact.storage.ceph.objects.deleteAll.useMutation({\n    onSettled: () => {\n      // Invalidate both containers.list (to update bucket metadata) and objects.list (to refresh empty state)\n      utils.storage.ceph.containers.list.invalidate()\n      utils.storage.ceph.objects.list.invalidate()\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    setConfirmName(\"\")\n    setNameError(null)\n    deleteVersionsMutation.reset()\n    onClose()\n  }\n\n  const handleConfirmNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setConfirmName(value)\n    if (nameError) setNameError(null)\n  }\n\n  const handleSubmit = () => {\n    if (!bucket) return\n    if (confirmName.trim() !== bucket.name) {\n      setNameError(t`Bucket name does not match`)\n      return\n    }\n\n    // Capture bucket name before async operation to avoid dereferencing null bucket in callbacks\n    const bucketName = bucket.name\n\n    // Always delete all versions and delete markers (includeVersionsAndDeleteMarkers: true)\n    deleteVersionsMutation.mutate(\n      {\n        project_id: projectId,\n        containerName: bucketName,\n        includeVersionsAndDeleteMarkers: true,\n      },\n      {\n        onSuccess: (deletedCount) => {\n          onSuccess?.(bucketName, deletedCount)\n        },\n        onError: (error) => {\n          onError?.(bucketName, error.message)\n        },\n      }\n    )\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\") handleSubmit()\n  }\n\n  if (!isOpen || !bucket) return null\n\n  return (\n    <Modal\n      title={t`Delete Versions`}\n      open={isOpen}\n      onCancel={handleClose}\n      confirmButtonLabel={t`Delete Versions`}\n      confirmButtonVariant=\"primary-danger\"\n      onConfirm={handleSubmit}\n      cancelButtonLabel={t`Cancel`}\n      size=\"small\"\n      disableConfirmButton={deleteVersionsMutation.isPending || confirmName.trim() !== bucket.name}\n    >\n      <Stack direction=\"vertical\" gap=\"6\">\n        <p className=\"text-theme-default m-0\">\n          <Trans>\n            This action will permanently delete all versions and delete markers. This will enable you to delete the\n            bucket. This action cannot be undone.\n          </Trans>\n        </p>\n\n        <TextInput\n          label={t`Type the bucket name to confirm`}\n          required\n          value={confirmName}\n          onChange={handleConfirmNameChange}\n          onKeyDown={handleKeyDown}\n          invalid={!!nameError}\n          errortext={nameError || undefined}\n          disabled={deleteVersionsMutation.isPending}\n          placeholder={bucket.name}\n          autoFocus\n        />\n      </Stack>\n    </Modal>\n  )\n}\n"],"mappings":";;;;;;;AAcA,IAAaO,KAA2B,EACtCC,WACAC,eACAC,YACAC,cACAC,iBAC6B;CAC7B,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAYR,EAAAA,GACZS,IAAQd,EAAUe,SAAQ,GAG1B,EACJC,MAAMC,GACNC,WAAWC,GACXC,OAAOC,MACLrB,EAAUsB,QAAQC,KAAKC,aAAaC,IAAIC,SAC1C;EACEC,YAAYd;EACZL;CACF,GACA;EACEoB,SAASrB,KAAU,CAAC,CAACM;EACrBgB,OAAO;CACT,CAAA,GAIIC,IAAiB9B,EAAUsB,QAAQC,KAAKC,aAAaO,OAAOC,YAAY;EAC5EtB,iBAAW;GAITyB,AAHArB,EAAMQ,QAAQC,KAAKC,aAAaC,IAAIQ,WAAU,GAE9CvB,IAAYwB,CAAAA,GACZC,EAAAA;EACF;EACAxB,UAAUS,MAAAA;GAERT,IAAUuB,GAAMd,EAAMgB,OAAO;EAC/B;CACF,CAAA;CAEArC,QAAU;EACR,AAAKQ,KACHuB,EAAeO,MAAK;CAExB,GAAG,CAAC9B,GAAQC,CAAAA,CAAW;CAEvB,IAAM2B,UAAc;EAElB1B,AADAqB,EAAeO,MAAK,GACpB5B,EAAAA;CACF,GAEM6B,UAAe;EACnBR,EAAeS,OAAO;GACpBZ,YAAYd;GACZL;EACF,CAAA;CACF;CAEA,IAAI,CAACD,GAAQ,OAAO;CAEpB,IAAMiC,IAAY,CAAC,CAACvB,GAAYwB,QAC1BC,IAAaZ,EAAea;CAElC,OACE,gBAAC1C,GAAAA;EACC2C,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAqB,CAAA;EAC7BC,MAAMvC;EACNwC,UAAUZ;EACVa,oBAAoBH,EAAAA,EAAC,EAAA,IAAA,SAAc,CAAA;EACnCI,sBAAqB;EACrBC,WAAWZ;EACXa,mBAAmBN,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;EAC3BO,MAAK;EACLC,sBAAsBX,KAAcvB,KAAmB,CAACqB,KAAa,CAAC,CAACnB;YAEvE,gBAACnB,GAAAA;GAAMoD,WAAU;GAAWC,KAAI;;IAC7BpC,KACC,gBAACqC,OAAAA;KAAIC,WAAU;eACb,gBAACtD,GAAAA;MAAQuD,SAAQ;MAAUN,MAAK;;;IAInC/B,KACC,gBAACjB,GAAAA;KAAQsD,SAAQ;KAAQd,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAsB,CAAA;eACpDxB,EAAYe;;IAIhB,CAACjB,KAAmB,CAACE,KAAe,CAACmB,KACpC,gBAACpC,GAAAA;KAAQsD,SAAQ;KAAUd,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAgB,CAAA;eACjD,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IAIH,CAAC1B,KAAmB,CAACE,KAAemB,KACnC,gBAAA,GAAA,EAAA,UAAA,CACE,gBAACmB,KAAAA;KAAEF,WAAU;eACX,gBAAA,GAAA;;gBACiEjD,cAAAA;uCAARoD,UAAAA,CAAAA,CAAAA,EAAAA;;QAG3D,gBAACD,KAAAA;KAAEF,WAAU;eACX,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IAOL3B,EAAe+B,WACd,gBAACzD,GAAAA;KAAQsD,SAAQ;KAAQd,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAwB,CAAA;eACtDf,EAAeV,OAAOgB;;;;;AAMnC,GCrHaiC,KAAoB,EAAEC,WAAQC,WAAQC,YAASC,cAAWC,iBAAgC;CACrG,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAYR,EAAAA,GACZ,CAACS,GAAaC,KAAkBhB,EAAS,EAAA,GACzC,CAACiB,GAAWC,KAAgBlB,EAAwB,IAAA,GACpD,CAACmB,GAA0BC,KAA+BpB,EAAS,EAAA,GAEnEqB,IAAQpB,EAAUqB,SAAQ,GAE1BC,IAAsBtB,EAAUuB,QAAQC,KAAKC,QAAQC,UAAUC,YAAY,EAC/EC,iBAAW;EAITI,AAFAZ,EAAMG,QAAQC,KAAKK,WAAWC,KAAKC,WAAU,GAC7CX,EAAMG,QAAQC,KAAKC,QAAQK,KAAKC,WAAU,GAC1CC,EAAAA;CACF,EACF,CAAA,GAEMA,UAAc;EAKlBvB,AAJAM,EAAe,EAAA,GACfE,EAAa,IAAA,GACbE,EAA4B,EAAA,GAC5BG,EAAoBW,MAAK,GACzBxB,EAAAA;CACF,GAEMyB,KAA2BC,MAAAA;EAC/B,IAAMC,IAAQD,EAAEE,OAAOD;EAEvB,AADArB,EAAeqB,CAAAA,GACXpB,KAAWC,EAAa,IAAA;CAC9B,GAEMqB,UAAe;EACnB,IAAI,CAAC9B,GAAQ;EACb,IAAIM,EAAYyB,KAAI,MAAO/B,EAAOgC,MAAM;GACtCvB,EAAawB,EAAAA,EAAC,EAAA,IAAA,SAA2B,CAAA,CAAA;GACzC;EACF;EAGA,IAAMC,IAAalC,EAAOgC;EAE1BlB,EAAoBqB,OAClB;GACEC,YAAY/B;GACZgC,eAAeH;GACfI,iCAAiC5B;EACnC,GACA;GACER,YAAYqC,MAAAA;IACVrC,IAAYgC,GAAYK,CAAAA;GAC1B;GACApC,UAAUqC,MAAAA;IACRrC,IAAU+B,GAAYM,EAAMC,OAAO;GACrC;EACF,CAAA;CAEJ,GAEMC,KAAiBf,MAAAA;EACrB,AAAIA,EAAEgB,QAAQ,WAASb,EAAAA;CACzB;CAEA,IAAI,CAAC/B,KAAU,CAACC,GAAQ,OAAO;CAE/B,IAAMkC,IAAalC,EAAOgC;CAE1B,OACE,gBAACvC,GAAAA;EACCmD,OAAOX,EAAAA,EAAC,EAAA,IAAA,SAAa,CAAA;EACrBY,MAAM9C;EACN+C,UAAUtB;EACVuB,oBAAoBd,EAAAA,EAAC,EAAA,IAAA,SAAa,CAAA;EAClCe,sBAAqB;EACrBC,WAAWnB;EACXoB,mBAAmBjB,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;EAC3BkB,MAAK;EACLC,sBAAsBtC,EAAoBuC,aAAa/C,EAAYyB,KAAI,MAAO/B,EAAOgC;YAErF,gBAACrC,GAAAA;GAAM2D,WAAU;GAAWC,KAAI;;IAC9B,gBAACC,KAAAA;KAAEC,WAAU;eACX,gBAAA,GAAA;;gBACwDvB,cAAAA;;;IAK1D,gBAACtC,GAAAA;KACC8D,SAAShD;KACTiD,WAAWhC,MAA2ChB,EAA4BgB,EAAEE,OAAO6B,OAAO;KAClGE,OAAO3B,EAAAA,EAAC,EAAA,IAAA,SAAgD,CAAA;KACxD4B,UAAU/C,EAAoBuC;;IAGhC,gBAAC3D,GAAAA;KACCkE,OAAO3B,EAAAA,EAAC,EAAA,IAAA,SAAgC,CAAA;KACxC6B,UAAQ;KACRlC,OAAOtB;KACPqD,UAAUjC;KACVqC,WAAWrB;KACXsB,SAAS,CAAC,CAACxD;KACXyD,WAAWzD,KAAa0D,KAAAA;KACxBL,UAAU/C,EAAoBuC;KAC9Bc,aAAanE,EAAOgC;KACpBoC,WAAS;;;;;AAKnB,GC7GaY,KAAqB,EAAEC,WAAQC,WAAQC,YAASC,cAAWC,iBAAiC;CACvG,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAYR,EAAAA,GACZ,CAACS,GAAaC,KAAkBpB,EAAS,EAAA,GACzC,CAACqB,GAAWC,KAAgBtB,EAAwB,IAAA,GAEpDuB,IAAQrB,EAAUsB,SAAQ,GAM1B,EACJC,MAAMC,GACNC,WAAWC,GACXC,OAAOC,MACL5B,EAAU6B,QAAQC,KAAKN,QAAQO,KAAKC,SACtC;EAAEC,YAAYjB,KAAa;EAAIkB,eAAevB,GAAQwB,QAAQ;EAAIC,SAAS;EAAGC,WAAW;EAAIC,cAAc;CAAK,GAChH,EAAEC,SAAS7B,KAAUC,MAAW,KAAK,CAAA,GAGjC6B,IAAuBxC,EAAU6B,QAAQC,KAAKW,WAAWC,OAAOC,YAAY,EAChFC,iBAAW;EACTvB,EAAMQ,QAAQC,KAAKW,WAAWV,KAAKc,WAAU;CAC/C,EACF,CAAA;CAEA9C,QAAU;EACR,AAAKW,MACHQ,EAAe,EAAA,GACfE,EAAa,IAAA,GACboB,EAAqBM,MAAK;CAE9B,GAAG,CAACpC,GAAQC,GAAQwB,IAAAA,CAAK;CAEzB,IAAMY,UAAc;EAIlBnC,AAHAM,EAAe,EAAA,GACfE,EAAa,IAAA,GACboB,EAAqBM,MAAK,GAC1BlC,EAAAA;CACF,GAEMoC,KAA2BC,MAAAA;EAC/B,IAAMC,IAAQD,EAAEE,OAAOD;EAEvB,AADAhC,EAAegC,CAAAA,GACX/B,KAAWC,EAAa,IAAA;CAC9B,GAEMgC,UAAe;EAEnB,IADI,CAACzC,KACDiB,GAAc;EAClB,IAAIX,EAAYoC,KAAI,MAAO1C,EAAOwB,MAAM;GACtCf,EAAakC,EAAAA,EAAC,EAAA,IAAA,SAA2B,CAAA,CAAA;GACzC;EACF;EAGA,IAAMC,IAAa5C,EAAOwB;EAE1BK,EAAqBgB,OACnB;GAAEvB,YAAYjB;GAAWuC;EAAW,GACpC;GACE1C,iBAAW;IAETA,AADAkC,EAAAA,GACAlC,IAAY0C,CAAAA;GACd;GACAzC,UAAUa,MAAAA;IAERb,AADAiC,EAAAA,GACAjC,IAAUyC,GAAY5B,EAAM8B,OAAO;GACrC;EACF,CAAA;CAEJ,GAEMC,KAAiBT,MAAAA;EACrB,AAAIA,EAAEU,QAAQ,WAASP,EAAAA;CACzB;CAEA,IAAI,CAAC1C,KAAU,CAACC,GAAQ,OAAO;CAI/B,IAAMiD,IAAqBpC,GAASA,SAASqC,UAAU,GACjDC,IAAetC,GAASuC,UAAUF,UAAU,GAI5CG,IAAaJ,IAAqB,GAClCK,IAAkBL,MAAuB,KAAKE,IAAe,GAC7DI,IAAetC,GAAc6B;CAEnC,OACE,gBAACxD,GAAAA;EACCkE,OAAOb,EAAAA,EAAC,EAAA,IAAA,SAAc,CAAA;EACtBc,MAAM1D;EACN2D,UAAUtB;EACVuB,oBAAoBN,KAAcC,IAAkBM,KAAAA,IAAYjB,EAAAA,EAAC,EAAA,IAAA,SAAc,CAAA;EAC/EkB,sBAAsBR,KAAcC,IAAkBM,KAAAA,IAAY;EAClEE,WAAWT,KAAcC,IAAkBM,KAAAA,IAAYnB;EACvDsB,mBAAmBV,KAAcC,IAAkBM,KAAAA,IAAYjB,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;EACvEqB,aACEX,KAAcC,IACZ,gBAAC/D,GAAAA;GAAY0E,WAAU;aACrB,gBAACzE,GAAAA,EAAAA,UACC,gBAACI,GAAAA;IAAOsE,SAAQ;IAAUC,SAAS/B;IAAagC,eAAY;cAC1D,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;OAIJR,KAAAA;EAENS,MAAK;EACLC,sBACEzC,EAAqB0C,aAAaxD,KAAoB,CAAC,CAACE,KAAgBX,EAAYoC,KAAI,MAAO1C,EAAOwB;YAGxG,gBAAC9B,GAAAA;GAAM8E,WAAU;GAAWC,KAAI;cAC7BxD,KACC,gBAACyD,KAAAA;IAAET,WAAU;IAAmBU,MAAK;IAAQC,aAAU;cACrD,gBAAA,GAAA;;eAAyCrB,gBAAAA;;OAI5CxC,IACC,gBAACrB,GAAAA;IAAM8E,WAAU;IAAaC,KAAI;IAAII,WAAU;eAC9C,gBAAClF,GAAAA,CAAAA,CAAAA,GACD,gBAACmF,QAAAA;KAAKb,WAAU;eACd,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;QAGFZ,IACF,gBAACqB,KAAAA;IAAET,WAAU;cACX,gBAAA,GAAA;;sCAC2Dc,UAAAA,CAAAA,CAAAA,EAAAA;;QAI3DzB,IACF,gBAACoB,KAAAA;IAAET,WAAU;cACX,gBAAA,GAAA;;sCAC6Dc,UAAAA,CAAAA,CAAAA,EAAAA;;QAK/D,gBAAA,GAAA,EAAA,UAAA,CACE,gBAACL,KAAAA;IAAET,WAAU;cACX,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;OAMF,gBAACxE,GAAAA;IACCuF,OAAOrC,EAAAA,EAAC,EAAA,IAAA,SAAgC,CAAA;IACxCsC,UAAQ;IACR1C,OAAOjC;IACP4E,UAAU7C;IACV8C,WAAWpC;IACXqC,SAAS,CAAC,CAAC5E;IACX6E,WAAW7E,KAAaoD,KAAAA;IACxB0B,UAAUzD,EAAqB0C;IAC/BgB,aAAavF,EAAOwB;;;;AAOlC,GCzKasE,KAAuB,EAAEC,WAAQC,WAAQC,YAASC,cAAWC,iBAAmC;CAC3G,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAYR,EAAAA,GACZ,CAACS,GAAaC,KAAkBf,EAAS,EAAA,GACzC,CAACgB,GAAWC,KAAgBjB,EAAwB,IAAA,GAEpDkB,IAAQjB,EAAUkB,SAAQ,GAE1BC,IAAyBnB,EAAUoB,QAAQC,KAAKC,QAAQC,UAAUC,YAAY,EAClFC,iBAAW;EAITI,AAFAZ,EAAMG,QAAQC,KAAKK,WAAWC,KAAKC,WAAU,GAC7CX,EAAMG,QAAQC,KAAKC,QAAQK,KAAKC,WAAU,GAC1CC,EAAAA;CACF,EACF,CAAA,GAEMA,UAAc;EAIlBrB,AAHAM,EAAe,EAAA,GACfE,EAAa,IAAA,GACbG,EAAuBW,MAAK,GAC5BtB,EAAAA;CACF,GAEMuB,KAA2BC,MAAAA;EAC/B,IAAMC,IAAQD,EAAEE,OAAOD;EAEvB,AADAnB,EAAemB,CAAAA,GACXlB,KAAWC,EAAa,IAAA;CAC9B,GAEMmB,UAAe;EACnB,IAAI,CAAC5B,GAAQ;EACb,IAAIM,EAAYuB,KAAI,MAAO7B,EAAO8B,MAAM;GACtCrB,EAAasB,EAAAA,EAAC,EAAA,IAAA,SAA2B,CAAA,CAAA;GACzC;EACF;EAGA,IAAMC,IAAahC,EAAO8B;EAG1BlB,EAAuBqB,OACrB;GACEC,YAAY7B;GACZ8B,eAAeH;GACfI,iCAAiC;EACnC,GACA;GACElC,YAAYmC,MAAAA;IACVnC,IAAY8B,GAAYK,CAAAA;GAC1B;GACAlC,UAAUmC,MAAAA;IACRnC,IAAU6B,GAAYM,EAAMC,OAAO;GACrC;EACF,CAAA;CAEJ;CAQA,OAFI,CAACxC,KAAU,CAACC,IAAe,OAG7B,gBAACN,GAAAA;EACCgD,OAAOX,EAAAA,EAAC,EAAA,IAAA,SAAgB,CAAA;EACxBY,MAAM5C;EACN6C,UAAUtB;EACVuB,oBAAoBd,EAAAA,EAAC,EAAA,IAAA,SAAgB,CAAA;EACrCe,sBAAqB;EACrBC,WAAWnB;EACXoB,mBAAmBjB,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;EAC3BkB,MAAK;EACLC,sBAAsBtC,EAAuBuC,aAAa7C,EAAYuB,KAAI,MAAO7B,EAAO8B;YAExF,gBAAClC,GAAAA;GAAMwD,WAAU;GAAWC,KAAI;cAC9B,gBAACC,KAAAA;IAAEC,WAAU;cACX,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;OAMF,gBAAC5D,GAAAA;IACC6D,OAAOzB,EAAAA,EAAC,EAAA,IAAA,SAAgC,CAAA;IACxC0B,UAAQ;IACR/B,OAAOpB;IACPoD,UAAUlC;IACVmC,YA/BelC,MAAAA;KACrB,AAAIA,EAAEgB,QAAQ,WAASb,EAAAA;IACzB;IA8BQgC,SAAS,CAAC,CAACpD;IACXqD,WAAWrD,KAAasD,KAAAA;IACxBC,UAAUnD,EAAuBuC;IACjCa,aAAahE,EAAO8B;IACpBmC,WAAS;;;;AAKnB"}

package/dist/client/{SortInput-VK7IYqQv.mjs → SortInput-DLcusjGZ.mjs}

@@ -2,14 +2,14 @@ import { h as e, l as t, r as n, v as r } from "./build-BdRRmNf5.mjs";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { useLingui as o } from "@lingui/react";
 //#region src/client/components/ListToolbar/SortInput.tsx
-var s = ({ sortBy: s, onSortByChange: c, sortDirection: l, onSortDirectionChange: u, options: d }) => {
-	let { i18n: f, _: p } = o(), m = () => ({
-		className: "flex-grow",
+var s = ({ sortBy: s, onSortByChange: c, sortDirection: l, onSortDirectionChange: u, options: d, selectClassName: f }) => {
+	let { i18n: p, _: m } = o(), h = () => ({
+		className: f,
 		onChange: c,
 		value: s,
 		"data-testid": "sort-select",
-		label: f._({ id: "/HgF9q" })
-	}), h = () => ({
+		label: p._({ id: "/HgF9q" })
+	}), g = () => ({
 		"data-testid": "direction-toggle",
 		order: l,
 		onChange: u
@@ -17,13 +17,13 @@ var s = ({ sortBy: s, onSortByChange: c, sortDirection: l, onSortDirectionChange
 	return /*#__PURE__*/ a(n, {
 		className: "flex w-full items-end sm:w-auto",
 		children: [/*#__PURE__*/ i(r, {
-			...m(),
+			...h(),
 			children: d.map((e) => /*#__PURE__*/ i(t, {
 				value: e.value,
 				children: e.label
 			}, e.value))
 		}), /*#__PURE__*/ i(e, {
-			...h(),
+			...g(),
 			className: "shadow-none"
 		})]
 	});
@@ -31,4 +31,4 @@ var s = ({ sortBy: s, onSortByChange: c, sortDirection: l, onSortDirectionChange
 //#endregion
 export { s as t };
 
-//# sourceMappingURL=SortInput-VK7IYqQv.mjs.map
+//# sourceMappingURL=SortInput-DLcusjGZ.mjs.map

package/dist/client/SortInput-DLcusjGZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortInput-DLcusjGZ.mjs","names":["React","Select","SelectOption","SortButton","InputGroup","SortInput","sortBy","onSortByChange","sortDirection","onSortDirectionChange","options","selectClassName","useLingui","getSelectProps","className","onChange","value","label","t","getSortButtonProps","order","map","option"],"sources":["../../src/client/components/ListToolbar/SortInput.tsx"],"sourcesContent":["import React from \"react\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n  Select,\n  SelectOption,\n  SortButton,\n  InputGroup,\n  SelectProps,\n  ButtonProps,\n} from \"@cloudoperators/juno-ui-components\"\nimport { SortOption } from \"./types\"\n\nexport interface SortInputProps {\n  sortBy?: string | number | string[]\n  onSortByChange: (param?: string | number | string[]) => void\n  sortDirection: \"asc\" | \"desc\"\n  onSortDirectionChange: (direction: \"asc\" | \"desc\") => void\n  options: SortOption[]\n  selectClassName?: string\n}\n\nexport const SortInput: React.FC<SortInputProps> = ({\n  sortBy,\n  onSortByChange,\n  sortDirection,\n  onSortDirectionChange,\n  options,\n  selectClassName,\n}) => {\n  const { t } = useLingui()\n\n  const getSelectProps = (): SelectProps & { \"data-testid\"?: string } => ({\n    className: selectClassName,\n    onChange: onSortByChange,\n    value: sortBy,\n    \"data-testid\": \"sort-select\",\n    label: t`Sort by`,\n  })\n\n  const getSortButtonProps = (): Omit<ButtonProps, \"onChange\"> & {\n    \"data-testid\"?: string\n    order: \"asc\" | \"desc\"\n    onChange: (order: \"asc\" | \"desc\") => void\n  } => ({\n    \"data-testid\": \"direction-toggle\",\n    order: sortDirection,\n    onChange: onSortDirectionChange,\n  })\n\n  return (\n    <InputGroup className=\"flex w-full items-end sm:w-auto\">\n      <Select {...getSelectProps()}>\n        {options.map((option) => (\n          <SelectOption key={option.value} value={option.value}>\n            {option.label}\n          </SelectOption>\n        ))}\n      </Select>\n      <SortButton {...getSortButtonProps()} className=\"shadow-none\" />\n    </InputGroup>\n  )\n}\n"],"mappings":";;;;AAqBA,IAAaK,KAAuC,EAClDC,WACAC,mBACAC,kBACAC,0BACAC,YACAC,yBACD;CACC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GAERC,WAAkE;EACtEC,WAAWH;EACXI,UAAUR;EACVS,OAAOV;EACP,eAAe;EACfW,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAQ,CAAA;CAClB,IAEMC,WAIA;EACJ,eAAe;EACfC,OAAOZ;EACPO,UAAUN;CACZ;CAEA,OACE,gBAACL,GAAAA;EAAWU,WAAU;aACpB,gBAACb,GAAAA;GAAQ,GAAGY,EAAAA;aACTH,EAAQW,KAAKC,MACZ,gBAACpB,GAAAA;IAAgCc,OAAOM,EAAON;cAC5CM,EAAOL;MADSK,EAAON,KAAK,CAAA;MAKnC,gBAACb,GAAAA;GAAY,GAAGgB,EAAAA;GAAsBL,WAAU;;;AAGtD"}

package/dist/client/_auth-DXJkv9QO.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"_auth-DXJkv9QO.mjs","names":["Outlet","useAuth","RouteComponent","component"],"sources":["../../src/client/routes/_auth.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, Outlet, redirect } from \"@tanstack/react-router\"\nimport { useAuth } from \"../store/AuthProvider\"\n\nexport const Route = createFileRoute(\"/_auth\")({\n  component: RouteComponent,\n  beforeLoad: async ({ context, location }) => {\n    // Always validate cookie first, even if client state says authenticated\n    // This prevents race condition where cookie exists (e.g., from legacy dashboard)\n    // but client state hasn't been initialized yet\n    if (!context.auth?.isAuthenticated) {\n      const token = await context.trpcClient?.auth.getCurrentUserSession.query()\n      if (token) {\n        // Update client state immediately when cookie is valid\n        context.auth?.login(token.user, token.expires_at)\n        return // Continue to route\n      }\n    }\n\n    // Only redirect if still not authenticated after cookie validation\n    if (!context.auth?.isAuthenticated) {\n      const redirectPath = location.pathname ? location.pathname : \"\"\n\n      throw redirect({\n        to: \"/\",\n        search: { redirect: redirectPath },\n      })\n    }\n  },\n})\n\nfunction RouteComponent() {\n  useAuth()\n\n  return <Outlet />\n}\n"],"mappings":";;;;AA8BA,SAASE,IAAAA;CAGP,OAFAD,EAAAA,GAEO,gBAAC,GAAA,CAAA,CAAA;AACV"}
+{"version":3,"file":"_auth-DXJkv9QO.mjs","names":["Outlet","useAuth","RouteComponent","component"],"sources":["../../src/client/routes/_auth.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, Outlet, redirect } from \"@tanstack/react-router\"\nimport { useAuth } from \"../store/AuthProvider\"\n\nexport const Route = createFileRoute(\"/_auth\")({\n  component: RouteComponent,\n  beforeLoad: async ({ context, location }) => {\n    if (!context.auth?.isAuthenticated) {\n      const token = await context.trpcClient?.auth.getCurrentUserSession.query()\n      if (!token) {\n        const redirectPath = location.pathname ? location.pathname : \"\"\n\n        throw redirect({\n          to: \"/\",\n          search: { redirect: redirectPath },\n        })\n      }\n      context.auth?.login(token.user, token.expires_at)\n    }\n  },\n})\n\nfunction RouteComponent() {\n  useAuth()\n\n  return <Outlet />\n}\n"],"mappings":";;;;AAqBA,SAASE,IAAAA;CAGP,OAFAD,EAAAA,GAEO,gBAAC,GAAA,CAAA,CAAA;AACV"}

package/dist/client/{_pcaId-BwTvJJgh.mjs → _pcaId-Bo7yHkNW.mjs}

@@ -1,10 +1,10 @@
 import { D as e, E as t, F as n, G as r, H as i, J as a, K as o, L as s, N as c, Q as l, U as u, Y as d, _ as f, ct as p, et as m, j as h, k as g, ot as _, p as v, tt as y, x as b } from "./build-BdRRmNf5.mjs";
 import { r as x } from "./trpcClient-BzPUgiM2.mjs";
-import { t as S } from "./_pcaId-DUHQd0rB.mjs";
+import { t as S } from "./_pcaId-CKkCVC7b.mjs";
 import { t as C } from "./useModal-DCs1OJh7.mjs";
 import { t as w } from "./useProjectId-DBc5lpoU.mjs";
 import "./hooks-dSArr2Ca.mjs";
-import { r as T, t as E } from "./constants-J5nm9hbP.mjs";
+import { r as T, t as E } from "./constants-PMXUGI4Q.mjs";
 import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 import { Fragment as A, useRef as j, useState as M } from "react";
 import { useNavigate as N } from "@tanstack/react-router";
@@ -476,4 +476,4 @@ function q() {
 //#endregion
 export { q as component };
 
-//# sourceMappingURL=_pcaId-BwTvJJgh.mjs.map
+//# sourceMappingURL=_pcaId-Bo7yHkNW.mjs.map