@cobaltcore-dev/aurora 0.3.1 → 0.5.0

package/dist/client/{pca-x9if8xU-.mjs → pca-C-UFjicP.mjs}

@@ -1,20 +1,20 @@
-import { E as e, G as t, I as n, M as r, Q as i, T as a, U as o, Y as s, at as c, c as l, et as u, j as d, n as f, nt as p, ot as m, q as h } from "./build-BJDfnAyi.mjs";
-import { r as g } from "./trpcClient-BxguzNYF.mjs";
-import { t as _ } from "./pca-DSM71LhW.mjs";
-import { t as v } from "./useModal-DxxlilRm.mjs";
-import { t as y } from "./ContentHeader-BXZoN3B9.mjs";
-import { t as b } from "./useProjectId-CgOTejka.mjs";
-import "./hooks-D0krAKvo.mjs";
-import { n as x, r as S, t as C } from "./constants-CAjjRTo_.mjs";
+import { E as e, G as t, I as n, M as r, Q as i, T as a, U as o, Y as s, at as c, c as l, et as u, j as d, n as f, nt as p, ot as m, q as h } from "./build-DracvfrJ.mjs";
+import { r as g } from "./trpcClient-BzPUgiM2.mjs";
+import { t as _ } from "./pca-CtU6REww.mjs";
+import { t as v } from "./ContentHeader-xQVhO2yT.mjs";
+import { t as y } from "./useModal-DCs1OJh7.mjs";
+import { t as b } from "./useProjectId-DBc5lpoU.mjs";
+import "./hooks-dSArr2Ca.mjs";
+import { n as x, r as S, t as C } from "./constants-4lVQXort.mjs";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 import { useNavigate as D } from "@tanstack/react-router";
 import { Trans as O, useLingui as k } from "@lingui/react";
 import { z as A } from "zod";
-import { useForm as j } from "@tanstack/react-form";
+import { useForm as j, useStore as M } from "@tanstack/react-form";
 //#region src/client/routes/_auth/projects/$projectId/services/pca/-components/-table/PcaTableRow.tsx
-var M = ({ pca: t }) => {
-	let { i18n: i, _: a } = k(), o = D(), c = b(), [l, d] = v(!1);
-	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E(n, {
+var N = ({ pca: t }) => {
+	let { i18n: i, _: a } = k(), o = D(), c = b(), [l, d] = y(!1);
+	return /*#__PURE__*/ E(w, { children: [/*#__PURE__*/ E(n, {
 		"data-testid": `pca-row-${t.id}`,
 		onClick: () => o({
 			to: "/projects/$projectId/services/pca/$pcaId",
@@ -24,30 +24,30 @@ var M = ({ pca: t }) => {
 			}
 		}),
 		children: [
-			/* @__PURE__ */ T(r, { children: /* @__PURE__ */ E("div", {
+			/*#__PURE__*/ T(r, { children: /*#__PURE__*/ E("div", {
 				className: "flex items-center gap-2",
 				children: [C[t.state].icon, C[t.state].text]
 			}) }),
-			/* @__PURE__ */ T(r, { children: t.id }),
-			/* @__PURE__ */ T(r, { children: t.configuration?.subject?.common_name || "—" }),
-			/* @__PURE__ */ T(r, {
+			/*#__PURE__*/ T(r, { children: t.id }),
+			/*#__PURE__*/ T(r, { children: t.configuration?.subject?.common_name || "—" }),
+			/*#__PURE__*/ T(r, {
 				onClick: (e) => e.stopPropagation(),
 				className: "items-end pr-0",
-				children: /* @__PURE__ */ T(u, { children: /* @__PURE__ */ T(e, { children: /* @__PURE__ */ T(s, {
+				children: /*#__PURE__*/ T(u, { children: /*#__PURE__*/ T(e, { children: /*#__PURE__*/ T(s, {
 					label: i._({ id: "nzFJqC" }),
 					onClick: d
 				}) }) })
 			})
 		]
-	}, t.id), l && /* @__PURE__ */ T(S, {
+	}, t.id), l && /*#__PURE__*/ T(S, {
 		pca: t,
 		open: l,
 		onClose: d
 	})] });
-}, N = /^(?=.{1,253}$)(?:\*\.)?(?:[A-Za-z0-9](?:[A-Za-z0-9-]{0,61}[A-Za-z0-9])?\.)+[A-Za-z]{2,63}$/, P = (e) => N.test(e), F = ({ open: e, onClose: t }) => {
+}, P = /^(?=.{1,253}$)(?:\*\.)?(?:[A-Za-z0-9](?:[A-Za-z0-9-]{0,61}[A-Za-z0-9])?\.)+[A-Za-z]{2,63}$/, F = (e) => P.test(e), I = ({ open: e, onClose: t }) => {
 	let { i18n: n, _: r } = k(), o = b(), s = g.useUtils(), { isPending: l, ...u } = g.services.pca.create.useMutation({ onSettled: () => s.services.pca.list.invalidate() }), d = j({
 		defaultValues: { common_name: "" },
-		validators: { onSubmit: A.object({ common_name: A.string().trim().min(1, n._({ id: "qhDo93" })).refine((e) => P(e), { message: n._({ id: "gy6L1u" }) }) }) },
+		validators: { onSubmit: A.object({ common_name: A.string().trim().min(1, n._({ id: "qhDo93" })).refine((e) => F(e), { message: n._({ id: "gy6L1u" }) }) }) },
 		onSubmit: async ({ value: e }) => {
 			l || (await u.mutateAsync({
 				project_id: o,
@@ -56,8 +56,8 @@ var M = ({ pca: t }) => {
 		}
 	}), p = () => {
 		l || (d.reset(), u.reset(), t());
-	};
-	return /* @__PURE__ */ E(m, {
+	}, _ = M(d.store, (e) => e.isSubmitting || e.values.common_name.trim().length === 0);
+	return /*#__PURE__*/ E(m, {
 		open: e,
 		size: "large",
 		title: n._({ id: "WidMsn" }),
@@ -65,32 +65,32 @@ var M = ({ pca: t }) => {
 		cancelButtonLabel: n._({ id: "dEgA5A" }),
 		confirmButtonLabel: n._({ id: "tfDRzk" }),
 		onConfirm: d.handleSubmit,
-		disableConfirmButton: l,
+		disableConfirmButton: l || _,
 		children: [
-			u.error?.message && /* @__PURE__ */ T(h, {
+			u.error?.message && /*#__PURE__*/ T(h, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
 				children: u.error.message
 			}),
-			l && /* @__PURE__ */ E("div", {
+			l && /*#__PURE__*/ E("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/* @__PURE__ */ T(i, { variant: "primary" }), /* @__PURE__ */ T("span", {
+				children: [/*#__PURE__*/ T(i, { variant: "primary" }), /*#__PURE__*/ T("span", {
 					className: "text-theme-high text-sm",
-					children: /* @__PURE__ */ T(O, { id: "wdUvGT" })
+					children: /*#__PURE__*/ T(O, { id: "wdUvGT" })
 				})]
 			}),
-			!l && /* @__PURE__ */ T(c, {
+			!l && /*#__PURE__*/ T(c, {
 				className: "mb-0",
 				id: "create-certificate-authority-form",
 				onSubmit: (e) => {
 					e.preventDefault(), d.handleSubmit();
 				},
-				children: /* @__PURE__ */ T(f, {
+				children: /*#__PURE__*/ T(f, {
 					className: "mb-4",
-					children: /* @__PURE__ */ T(d.Field, {
+					children: /*#__PURE__*/ T(d.Field, {
 						name: "common_name",
-						children: (e) => /* @__PURE__ */ T(a, {
+						children: (e) => /*#__PURE__*/ T(a, {
 							id: e.name,
 							name: e.name,
 							value: e.state.value,
@@ -107,45 +107,45 @@ var M = ({ pca: t }) => {
 			})
 		]
 	});
-}, I = () => {
-	let { i18n: e, _: a } = k(), s = b(), c = x(), [u, f] = v(!1), { data: m = [], isLoading: h, isError: _, error: y } = g.services.pca.list.useQuery({ project_id: s });
-	return h ? /* @__PURE__ */ E(p, {
+}, L = () => {
+	let { i18n: e, _: a } = k(), s = b(), c = x(), [u, f] = y(!1), { data: m = [], isLoading: h, isError: _, error: v } = g.services.pca.list.useQuery({ project_id: s });
+	return h ? /*#__PURE__*/ E(p, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: [/* @__PURE__ */ T(i, {
+		children: [/*#__PURE__*/ T(i, {
 			variant: "primary",
 			size: "large",
 			className: "mb-2"
-		}), /* @__PURE__ */ T(O, { id: "Z3FXyt" })]
-	}) : _ ? /* @__PURE__ */ T(p, {
+		}), /*#__PURE__*/ T(O, { id: "Z3FXyt" })]
+	}) : _ ? /*#__PURE__*/ T(p, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: y?.message ?? e._({ id: "Sf3Gvg" })
-	}) : m.length === 0 ? /* @__PURE__ */ T(o, {
+		children: v?.message ?? e._({ id: "Sf3Gvg" })
+	}) : m.length === 0 ? /*#__PURE__*/ T(o, {
 		columns: c.length,
 		className: "pca",
 		"data-testid": "no-pcas",
-		children: /* @__PURE__ */ T(n, { children: /* @__PURE__ */ E(r, {
+		children: /*#__PURE__*/ T(n, { children: /*#__PURE__*/ E(r, {
 			colSpan: c.length,
-			children: [/* @__PURE__ */ T(d, { children: /* @__PURE__ */ T(O, { id: "8S2nDL" }) }), /* @__PURE__ */ T("p", { children: /* @__PURE__ */ T(O, { id: "ng+PCh" }) })]
+			children: [/*#__PURE__*/ T(d, { children: /*#__PURE__*/ T(O, { id: "8S2nDL" }) }), /*#__PURE__*/ T("p", { children: /*#__PURE__*/ T(O, { id: "ng+PCh" }) })]
 		}) })
-	}) : /* @__PURE__ */ E("div", {
+	}) : /*#__PURE__*/ E("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ T(l, {
+			/*#__PURE__*/ T(l, {
 				variant: "primary",
 				label: e._({ id: "WidMsn" }),
 				onClick: f
 			}),
-			/* @__PURE__ */ E(o, {
+			/*#__PURE__*/ E(o, {
 				columns: c.length,
-				children: [/* @__PURE__ */ T(n, { children: c.map((e) => /* @__PURE__ */ T(t, { children: e }, e)) }), m.map((e) => /* @__PURE__ */ T(M, { pca: e }, e.id))]
+				children: [/*#__PURE__*/ T(n, { children: c.map((e) => /*#__PURE__*/ T(t, { children: e }, e)) }), m.map((e) => /*#__PURE__*/ T(N, { pca: e }, e.id))]
 			}),
-			u && /* @__PURE__ */ T(F, {
+			u && /*#__PURE__*/ T(I, {
 				open: u,
 				onClose: f
 			})
@@ -154,14 +154,14 @@ var M = ({ pca: t }) => {
 };
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/services/pca/index.tsx?tsr-split=component
-function L() {
+function R() {
 	let { i18n: e, _: t } = k(), { projectId: n } = _.useParams();
-	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(y, {
+	return /*#__PURE__*/ E(w, { children: [/*#__PURE__*/ T(v, {
 		title: e._({ id: "ffw//c" }),
 		projectId: n
-	}), /* @__PURE__ */ T(I, {})] });
+	}), /*#__PURE__*/ T(L, {})] });
 }
 //#endregion
-export { L as component };
+export { R as component };
 
-//# sourceMappingURL=pca-x9if8xU-.mjs.map
+//# sourceMappingURL=pca-C-UFjicP.mjs.map

package/dist/client/pca-C-UFjicP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pca-C-UFjicP.mjs","names":["useNavigate","DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","useModal","useProjectId","DeletePcaModal","STATE_CONFIG","PcaTableRow","pca","useLingui","navigate","projectId","deletePcaModalOpen","toggleDeletePcaModal","navigateToDetailsPage","to","params","pcaId","id","data-testid","onClick","div","className","state","icon","text","configuration","subject","common_name","e","stopPropagation","label","t","open","onClose","z","useForm","useStore","Modal","Form","FormSection","Spinner","TextInput","Message","trpcReact","useProjectId","csrRegex","isValidCommonName","value","test","CreatePcaModal","open","onClose","useLingui","projectId","utils","useUtils","isPending","createPcaMutation","services","pca","create","useMutation","onSettled","list","invalidate","formSchema","object","common_name","string","trim","min","t","refine","message","form","defaultValues","validators","onSubmit","mutateAsync","project_id","configuration","subject","handleClose","reset","isCreateDisabled","store","state","isSubmitting","values","length","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","error","dismissible","variant","className","div","span","id","e","preventDefault","Field","name","children","field","onBlur","handleBlur","onChange","handleChange","target","label","placeholder","helptext","errortext","meta","errors","map","join","disabled","Stack","Spinner","DataGrid","DataGridRow","DataGridCell","ContentHeading","DataGridHeadCell","Button","trpcReact","useProjectId","TABLE_COLUMNS","PcaTableRow","useModal","CreatePcaModal","PcaListContainer","useLingui","projectId","columns","createCaOpen","toggleCreateCa","data","pcas","isLoading","isError","error","services","pca","list","useQuery","project_id","className","distribution","alignment","direction","variant","size","message","t","length","data-testid","colSpan","p","div","label","onClick","map","id","open","onClose","useLingui","ContentHeader","PcaListContainer","Route","RouteComponent","t","projectId","useParams","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/-components/-table/PcaTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/-components/-modals/CreatePcaModal.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/-components/PcaListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/index.tsx?tsr-split=component"],"sourcesContent":["import { useNavigate } from \"@tanstack/react-router\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n  DataGridCell,\n  DataGridRow,\n  PopupMenu,\n  PopupMenuItem,\n  PopupMenuOptions,\n} from \"@cloudoperators/juno-ui-components\"\nimport { CertificateAuthority } from \"@/server/Services/types/pca\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { DeletePcaModal } from \"../-modals/DeletePcaModal\"\nimport { STATE_CONFIG } from \"./constants\"\n\ninterface PcaTableRowProps {\n  pca: CertificateAuthority\n}\n\nexport const PcaTableRow = ({ pca }: PcaTableRowProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n  const [deletePcaModalOpen, toggleDeletePcaModal] = useModal(false)\n\n  const navigateToDetailsPage = () =>\n    navigate({\n      to: \"/projects/$projectId/services/pca/$pcaId\",\n      params: { projectId, pcaId: pca.id },\n    })\n\n  return (\n    <>\n      <DataGridRow key={pca.id} data-testid={`pca-row-${pca.id}`} onClick={navigateToDetailsPage}>\n        <DataGridCell>\n          <div className=\"flex items-center gap-2\">\n            {STATE_CONFIG[pca.state].icon}\n            {STATE_CONFIG[pca.state].text}\n          </div>\n        </DataGridCell>\n        <DataGridCell>{pca.id}</DataGridCell>\n        <DataGridCell>{pca.configuration?.subject?.common_name || \"—\"}</DataGridCell>\n        <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end pr-0\">\n          <PopupMenu>\n            <PopupMenuOptions>\n              <PopupMenuItem label={t`Delete CA`} onClick={toggleDeletePcaModal} />\n            </PopupMenuOptions>\n          </PopupMenu>\n        </DataGridCell>\n      </DataGridRow>\n\n      {deletePcaModalOpen && <DeletePcaModal pca={pca} open={deletePcaModalOpen} onClose={toggleDeletePcaModal} />}\n    </>\n  )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, TextInput, Message } from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\n\nexport interface CreateCaModalProps {\n  open: boolean\n  onClose: () => void\n}\n\nconst csrRegex = /^(?=.{1,253}$)(?:\\*\\.)?(?:[A-Za-z0-9](?:[A-Za-z0-9-]{0,61}[A-Za-z0-9])?\\.)+[A-Za-z]{2,63}$/\nconst isValidCommonName = (value: string) => csrRegex.test(value)\n\nexport const CreatePcaModal = ({ open, onClose }: CreateCaModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const utils = trpcReact.useUtils()\n\n  const { isPending, ...createPcaMutation } = trpcReact.services.pca.create.useMutation({\n    onSettled: () => utils.services.pca.list.invalidate(),\n  })\n\n  const formSchema = z.object({\n    common_name: z\n      .string()\n      .trim()\n      .min(1, t`Common name is required.`)\n      .refine((value) => isValidCommonName(value), { message: t`Must be a valid common name (FQDN).` }),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      common_name: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async ({ value }) => {\n      if (isPending) return\n\n      await createPcaMutation.mutateAsync({\n        project_id: projectId,\n        configuration: {\n          subject: { common_name: value.common_name },\n        },\n      })\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    if (isPending) return\n\n    form.reset()\n    createPcaMutation.reset()\n    onClose()\n  }\n\n  // Reactive subscription used to control create action disabled state.\n  const isCreateDisabled = useStore(\n    form.store,\n    (state) => state.isSubmitting || state.values.common_name.trim().length === 0\n  )\n\n  return (\n    <Modal\n      open={open}\n      size=\"large\"\n      title={t`Create Certificate Authority`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Save`}\n      onConfirm={form.handleSubmit}\n      disableConfirmButton={isPending || isCreateDisabled}\n    >\n      {createPcaMutation.error?.message && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {createPcaMutation.error.message}\n        </Message>\n      )}\n\n      {isPending && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Creating Certificate Authority...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isPending && (\n        <Form\n          className=\"mb-0\"\n          id=\"create-certificate-authority-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"common_name\"\n              children={(field) => (\n                <TextInput\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onBlur={field.handleBlur}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  label={t`Common name`}\n                  placeholder={t`Enter Common name (e.g., demo-ca.test.sci)`}\n                  helptext={t`Enter a valid common name in FQDN format (e.g., demo-ca.test.sci).`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending}\n                />\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import {\n  Stack,\n  Spinner,\n  DataGrid,\n  DataGridRow,\n  DataGridCell,\n  ContentHeading,\n  DataGridHeadCell,\n  Button,\n} from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { TABLE_COLUMNS } from \"./-table/constants\"\nimport { PcaTableRow } from \"./-table/PcaTableRow\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { CreatePcaModal } from \"./-modals/CreatePcaModal\"\n\nexport const PcaListContainer = () => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const columns = TABLE_COLUMNS()\n  const [createCaOpen, toggleCreateCa] = useModal(false)\n\n  // Check filtering, sorting and search API compatibility with OpenStack -> implement with <ListToolbar />\n  const { data: pcas = [], isLoading, isError, error } = trpcReact.services.pca.list.useQuery({ project_id: projectId })\n\n  if (isLoading) {\n    return (\n      <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n        <Trans>Loading...</Trans>\n      </Stack>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        {error?.message ?? t`Failed to load PCAs`}\n      </Stack>\n    )\n  }\n\n  if (pcas.length === 0) {\n    return (\n      <DataGrid columns={columns.length} className=\"pca\" data-testid=\"no-pcas\">\n        <DataGridRow>\n          <DataGridCell colSpan={columns.length}>\n            <ContentHeading>\n              <Trans>No PCAs found</Trans>\n            </ContentHeading>\n            <p>\n              <Trans>There are no PCAs available for this project.</Trans>\n            </p>\n          </DataGridCell>\n        </DataGridRow>\n      </DataGrid>\n    )\n  }\n\n  return (\n    <div className=\"relative\">\n      <Button variant=\"primary\" label={t`Create Certificate Authority`} onClick={toggleCreateCa} />\n      <DataGrid columns={columns.length}>\n        <DataGridRow>\n          {columns.map((label) => (\n            <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n          ))}\n        </DataGridRow>\n        {pcas.map((pca) => (\n          <PcaTableRow key={pca.id} pca={pca} />\n        ))}\n      </DataGrid>\n\n      {createCaOpen && <CreatePcaModal open={createCaOpen} onClose={toggleCreateCa} />}\n    </div>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { PcaListContainer } from \"./-components/PcaListContainer\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/pca/\")({\n  staticData: {\n    section: \"services\",\n    service: \"pca\",\n    sectionCrumb: { labelKey: \"Services\" },\n    crumb: { labelKey: \"PCA (Clavis)\" },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`PCA` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n\n  return (\n    <>\n      <ContentHeader title={t`PCA`} projectId={projectId} />\n      <PcaListContainer />\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/client/{pca-DSM71LhW.mjs → pca-CtU6REww.mjs}

@@ -8,9 +8,9 @@ var r = e("/_auth/projects/$projectId/services/pca/")({
 		crumb: { labelKey: "PCA (Clavis)" }
 	},
 	head: () => ({ meta: [{ title: n._({ id: "ffw//c" }) }] }),
-	component: t(() => import("./pca-x9if8xU-.mjs"), "component")
+	component: t(() => import("./pca-C-UFjicP.mjs"), "component")
 });
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=pca-DSM71LhW.mjs.map
+//# sourceMappingURL=pca-CtU6REww.mjs.map

package/dist/client/{pca-DSM71LhW.mjs.map → pca-CtU6REww.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"pca-DSM71LhW.mjs","names":["createFileRoute","t","Route","staticData","section","service","sectionCrumb","labelKey","crumb","RouteInfo","head","meta","title","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { PcaListContainer } from \"./-components/PcaListContainer\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/pca/\")({\n  staticData: {\n    section: \"services\",\n    service: \"pca\",\n    sectionCrumb: { labelKey: \"Services\" },\n    crumb: { labelKey: \"PCA (Clavis)\" },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`PCA` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n\n  return (\n    <>\n      <ContentHeader title={t`PCA`} projectId={projectId} />\n      <PcaListContainer />\n    </>\n  )\n}\n"],"mappings":";;AAOA,IAAaE,IAAQF,EAAgB,2CAAA,CAA4C;CAC/EG,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,cAAc,EAAEC,UAAU,YAAW;EACrCC,OAAO,EAAED,UAAU,gBAAe;EACpC;CACAG,aAAa,EAAEC,MAAM,CAAC,EAAEC,OAAOX,EAAAA,EAAC,EAAA,IAAA,UAAA,CAAA,EAAM,CAAC,EAAE;CACzCY,WAASC,sCAAA,YAAA;CACX,CAAA"}
+{"version":3,"file":"pca-CtU6REww.mjs","names":["createFileRoute","t","Route","staticData","section","service","sectionCrumb","labelKey","crumb","RouteInfo","head","meta","title","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { PcaListContainer } from \"./-components/PcaListContainer\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/pca/\")({\n  staticData: {\n    section: \"services\",\n    service: \"pca\",\n    sectionCrumb: { labelKey: \"Services\" },\n    crumb: { labelKey: \"PCA (Clavis)\" },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`PCA` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n\n  return (\n    <>\n      <ContentHeader title={t`PCA`} projectId={projectId} />\n      <PcaListContainer />\n    </>\n  )\n}\n"],"mappings":";;AAOA,IAAaE,IAAQF,EAAgB,0CAAA,EAA4C;CAC/EG,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,cAAc,EAAEC,UAAU,WAAW;EACrCC,OAAO,EAAED,UAAU,eAAe;CACpC;CACAG,aAAa,EAAEC,MAAM,CAAC,EAAEC,OAAOX,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA,EAAM,CAAA,EAAG;CACzCY,WAASC,sCAAA,WAAA;AACX,CAAA"}

package/dist/client/{projects-B6BPo2Ar.mjs → projects-C-sjd9T5.mjs}

@@ -1,12 +1,12 @@
-import { t as e } from "./RouteError-pDEWC_k7.mjs";
+import { t as e } from "./RouteError-CUj_m3gu.mjs";
 import { jsx as t } from "react/jsx-runtime";
 import { TRPCClientError as n } from "@trpc/client";
 //#region src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent
-var r = ({ error: r }) => /* @__PURE__ */ t(e, {
+var r = ({ error: r }) => /*#__PURE__*/ t(e, {
 	error: r,
 	safeErrorMessage: r instanceof n ? r.message : void 0
 });
 //#endregion
 export { r as errorComponent };
 
-//# sourceMappingURL=projects-B6BPo2Ar.mjs.map
+//# sourceMappingURL=projects-C-sjd9T5.mjs.map

package/dist/client/{projects-B6BPo2Ar.mjs.map → projects-C-sjd9T5.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"projects-B6BPo2Ar.mjs","names":["RouteError","TRPCClientError","SplitErrorComponent","error","message","undefined","errorComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container>\n      <ContentHeading>\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;;AAI8C,IAAAE,KAW3B,EAAEC,eACjB,kBAAC,GAAA;CAAkBA;CAAO,kBAAkBA,aAAiBF,IAAkBE,EAAMC,UAAUC,KAAAA"}
+{"version":3,"file":"projects-C-sjd9T5.mjs","names":["RouteError","TRPCClientError","SplitErrorComponent","error","message","undefined","errorComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container>\n      <ContentHeading>\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;;AAI8C,IAAAE,KAW3B,EAAEC,eACjB,gBAAC,GAAA;CAAkBA;CAAO,kBAAkBA,aAAiBF,IAAkBE,EAAMC,UAAUC,KAAAA"}

package/dist/client/{projects-CnmZIB2Q.mjs → projects-DNXsDnJM.mjs}

@@ -1,5 +1,5 @@
-import { f as e, j as t, v as n, z as r } from "./build-BJDfnAyi.mjs";
-import { t as i } from "./projects-Bt0XptpG.mjs";
+import { f as e, j as t, v as n, z as r } from "./build-DracvfrJ.mjs";
+import { t as i } from "./projects-dhnQkuvV.mjs";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useEffect as s, useRef as c, useState as l } from "react";
 import { useNavigate as u } from "@tanstack/react-router";
@@ -11,7 +11,7 @@ function p({ onSearch: t, searchTerm: n = "" }) {
 		!u.current && !o.current && n !== d && p(n);
 	}, [n]), s(() => () => {
 		o.current && clearTimeout(o.current);
-	}, []), /* @__PURE__ */ a(e, {
+	}, []), /*#__PURE__*/ a(e, {
 		className: "w-full",
 		type: "text",
 		placeholder: r._({ id: "YIix5Y" }),
@@ -36,34 +36,38 @@ function p({ onSearch: t, searchTerm: n = "" }) {
 //#endregion
 //#region src/client/routes/_auth/projects/-components/ProjectCardView.tsx
 function m({ project: e }) {
-	let r = u();
-	return /* @__PURE__ */ a(n, {
+	let t = u();
+	return /*#__PURE__*/ o(n, {
 		padding: !0,
-		onClick: () => r({
+		onClick: () => t({
 			to: "/projects/$projectId",
 			params: { projectId: e.id }
 		}),
-		className: "min-h-50",
-		children: /* @__PURE__ */ o("div", {
-			className: "w-full",
-			children: [/* @__PURE__ */ a(t, {
-				className: "text-theme-accent",
+		className: "flex flex-col gap-4",
+		children: [/*#__PURE__*/ o("div", {
+			className: "flex min-w-0 flex-col",
+			children: [/*#__PURE__*/ a("p", {
+				className: "text-theme-light text-xs leading-5 font-normal",
+				children: e.domain_name ?? e.domain_id ?? /*#__PURE__*/ a(d, { id: "ZkxxiR" })
+			}), /*#__PURE__*/ a("p", {
+				"data-testid": "project-name",
+				className: "text-theme-high text-lg leading-7 font-bold",
 				children: e.name
-			}), /* @__PURE__ */ a("p", {
-				className: "mt-4 line-clamp-3 pr-4 leading-relaxed",
-				children: e.description
 			})]
-		})
+		}), e.description && /*#__PURE__*/ a("p", {
+			className: "text-theme-default line-clamp-2 text-base leading-6 font-normal",
+			children: e.description
+		})]
 	});
 }
 function h({ projects: e }) {
-	return /* @__PURE__ */ a("div", {
+	return /*#__PURE__*/ a("div", {
 		className: "w-full",
-		children: /* @__PURE__ */ a("div", {
+		children: /*#__PURE__*/ a("div", {
 			className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4",
-			children: e?.length ? e.map((e) => /* @__PURE__ */ a(m, { project: e }, e.id)) : /* @__PURE__ */ a("p", {
+			children: e?.length ? e.map((e) => /*#__PURE__*/ a(m, { project: e }, e.id)) : /*#__PURE__*/ a("p", {
 				className: "text-center",
-				children: /* @__PURE__ */ a(d, { id: "Zgp2Sm" })
+				children: /*#__PURE__*/ a(d, { id: "Zgp2Sm" })
 			})
 		})
 	});
@@ -72,9 +76,9 @@ function h({ projects: e }) {
 //#region src/client/routes/_auth/projects/index.tsx?tsr-split=component
 function g() {
 	let { projects: e } = i.useLoaderData(), { search: n = "" } = i.useSearch(), s = i.useNavigate();
-	return /* @__PURE__ */ o(r, { children: [
-		/* @__PURE__ */ a(t, { children: /* @__PURE__ */ a(d, { id: "+0B+ue" }) }),
-		/* @__PURE__ */ a(p, {
+	return /*#__PURE__*/ o(r, { children: [
+		/*#__PURE__*/ a(t, { children: /*#__PURE__*/ a(d, { id: "+0B+ue" }) }),
+		/*#__PURE__*/ a(p, {
 			searchTerm: n,
 			onSearch: (e) => {
 				s({
@@ -83,13 +87,13 @@ function g() {
 				});
 			}
 		}),
-		/* @__PURE__ */ a("div", {
+		/*#__PURE__*/ a("div", {
 			className: "pt-5",
-			children: /* @__PURE__ */ a(h, { projects: e })
+			children: /*#__PURE__*/ a(h, { projects: e })
 		})
 	] });
 }
 //#endregion
 export { g as component };
 
-//# sourceMappingURL=projects-CnmZIB2Q.mjs.map
+//# sourceMappingURL=projects-DNXsDnJM.mjs.map

package/dist/client/projects-DNXsDnJM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"projects-DNXsDnJM.mjs","names":["useEffect","useRef","useState","SearchInput","ProjectsOverviewNavBar","onSearch","searchTerm","useLingui","timerRef","inputFocusedRef","inputValue","setInputValue","current","clearTimeout","handleSearchChange","e","value","target","setTimeout","handleClear","className","type","placeholder","t","onChange","onFocus","onBlur","onClear","useNavigate","Card","ProjectCard","project","navigate","padding","onClick","to","params","projectId","id","className","div","p","domain_name","domain_id","data-testid","name","description","ProjectCardView","projects","length","map","ProjectsOverviewNavBar","ProjectCardView","Container","ContentHeading","Trans","Route","ProjectsOverview","projects","useLoaderData","search","useSearch","navigate","useNavigate","handleSearch","value","replace","component"],"sources":["../../src/client/routes/_auth/projects/-components/ProjectOverviewNavBar.tsx","../../src/client/routes/_auth/projects/-components/ProjectCardView.tsx","../../src/client/routes/_auth/projects/index.tsx?tsr-split=component"],"sourcesContent":["import { ChangeEvent, useEffect, useRef, useState } from \"react\"\nimport { SearchInput } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\ntype ProjectsOverviewNavBarProps = {\n  searchTerm?: string\n  onSearch: (value: string) => void\n}\n\nexport function ProjectsOverviewNavBar({ onSearch, searchTerm = \"\" }: ProjectsOverviewNavBarProps) {\n  const { t } = useLingui()\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const inputFocusedRef = useRef(false)\n  const [inputValue, setInputValue] = useState(searchTerm)\n\n  useEffect(() => {\n    if (!inputFocusedRef.current && !timerRef.current && searchTerm !== inputValue) {\n      setInputValue(searchTerm)\n    }\n  }, [searchTerm])\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) clearTimeout(timerRef.current)\n    }\n  }, [])\n\n  const handleSearchChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setInputValue(value)\n    if (timerRef.current) clearTimeout(timerRef.current)\n    timerRef.current = setTimeout(() => {\n      timerRef.current = null\n      onSearch(value)\n    }, 300)\n  }\n\n  const handleClear = () => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n      timerRef.current = null\n    }\n    setInputValue(\"\")\n    onSearch(\"\")\n  }\n\n  return (\n    <SearchInput\n      className=\"w-full\"\n      type=\"text\"\n      placeholder={t`Search...`}\n      onChange={handleSearchChange}\n      onFocus={() => {\n        inputFocusedRef.current = true\n      }}\n      onBlur={() => {\n        inputFocusedRef.current = false\n      }}\n      onClear={handleClear}\n      value={inputValue}\n    />\n  )\n}\n","import { useNavigate } from \"@tanstack/react-router\"\nimport { Project } from \"@/server/Project/types/models\"\nimport { Card } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\ntype ProjectCardProps = {\n  project: Project\n}\ntype ProjectCardViewProps = {\n  projects: Project[] | undefined\n}\n\nexport function ProjectCard({ project }: ProjectCardProps) {\n  const navigate = useNavigate()\n  return (\n    <Card\n      padding\n      onClick={() => navigate({ to: \"/projects/$projectId\", params: { projectId: project.id } })}\n      className=\"flex flex-col gap-4\"\n    >\n      <div className=\"flex min-w-0 flex-col\">\n        <p className=\"text-theme-light text-xs leading-5 font-normal\">\n          {project.domain_name ?? project.domain_id ?? <Trans>Unknown domain</Trans>}\n        </p>\n        <p data-testid=\"project-name\" className=\"text-theme-high text-lg leading-7 font-bold\">\n          {project.name}\n        </p>\n      </div>\n      {project.description && (\n        <p className=\"text-theme-default line-clamp-2 text-base leading-6 font-normal\">{project.description}</p>\n      )}\n    </Card>\n  )\n}\n\nexport function ProjectCardView({ projects }: ProjectCardViewProps) {\n  return (\n    <div className=\"w-full\">\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4\">\n        {projects?.length ? (\n          projects.map((project) => <ProjectCard key={project.id} project={project} />)\n        ) : (\n          <p className=\"text-center\">\n            <Trans>No projects available.</Trans>\n          </p>\n        )}\n      </div>\n    </div>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container>\n      <ContentHeading>\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;;;;;AASA,SAAgBI,EAAuB,EAAEC,aAAUC,gBAAa,MAAiC;CAC/F,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAWP,EAA6C,IAAA,GACxDQ,IAAkBR,EAAO,EAAA,GACzB,CAACS,GAAYC,KAAiBT,EAASI,CAAAA;CAiC7C,OA/BAN,QAAU;EACR,AAAI,CAACS,EAAgBG,WAAW,CAACJ,EAASI,WAAWN,MAAeI,KAClEC,EAAcL,CAAAA;CAElB,GAAG,CAACA,CAAAA,CAAW,GAEfN,cACS;EACL,AAAIQ,EAASI,WAASC,aAAaL,EAASI,OAAO;CACrD,GACC,CAAA,CAAE,GAsBH,gBAACT,GAAAA;EACCiB,WAAU;EACVC,MAAK;EACLC,aAAaC,EAAAA,EAAC,EAAA,IAAA,SAAU,CAAA;EACxBC,WAxBwBT,MAAAA;GAC1B,IAAMC,IAAQD,EAAEE,OAAOD;GAGvBR,AAFAG,EAAcK,CAAAA,GACVR,EAASI,WAASC,aAAaL,EAASI,OAAO,GACnDJ,EAASI,UAAUM,iBAAW;IAE5Bb,AADAG,EAASI,UAAU,MACnBP,EAASW,CAAAA;GACX,GAAG,GAAA;EACL;EAiBIS,eAAS;GACPhB,EAAgBG,UAAU;EAC5B;EACAc,cAAQ;GACNjB,EAAgBG,UAAU;EAC5B;EACAe,eArBgB;GAMlBtB,AALA,AAEEG,EAASI,aADTC,aAAaL,EAASI,OAAO,GACV,OAErBD,EAAc,EAAA,GACdN,EAAS,EAAA;EACX;EAeIW,OAAON;;AAGb;;;AClDA,SAAgBoB,EAAY,EAAEC,cAA2B;CACvD,IAAMC,IAAWJ,EAAAA;CACjB,OACE,gBAACC,GAAAA;EACCI,SAAO;EACPC,eAAeF,EAAS;GAAEG,IAAI;GAAwBC,QAAQ,EAAEC,WAAWN,EAAQO,GAAG;EAAE,CAAA;EACxFC,WAAU;aAEV,gBAACC,OAAAA;GAAID,WAAU;cACb,gBAACE,KAAAA;IAAEF,WAAU;cACVR,EAAQW,eAAeX,EAAQY,aAAa,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;OAE/C,gBAACF,KAAAA;IAAEG,eAAY;IAAeL,WAAU;cACrCR,EAAQc;;MAGZd,EAAQe,eACP,gBAACL,KAAAA;GAAEF,WAAU;aAAmER,EAAQe;;;AAIhG;AAEA,SAAgBC,EAAgB,EAAEC,eAAgC;CAChE,OACE,gBAACR,OAAAA;EAAID,WAAU;YACb,gBAACC,OAAAA;GAAID,WAAU;aACZS,GAAUC,SACTD,EAASE,KAAKnB,MAAY,gBAACD,GAAAA,EAAsCC,WAAAA,GAArBA,EAAQO,EAAE,CAAA,IAEtD,gBAACG,KAAAA;IAAEF,WAAU;cACX,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;;AAMZ;;;ACPA,SAASkB,IAAAA;CACP,IAAM,EAAEC,gBAAaF,EAAMG,cAAa,GAClC,EAAEC,YAAS,OAAOJ,EAAMK,UAAS,GACjCC,IAAWN,EAAMO,YAAW;CAMlC,OACE,gBAAC,GAAA,EAAA,UAAA;EACC,gBAAC,GAAA,EAAA,UACC,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA,EAAA,CAAA;EAEF,gBAAC,GAAA;GAAuB,YAAYH;GAAQ,WAT1BK,MAAAA;IACpBH,EAAS;KAAEF,QAAQ,EAAEA,QAAQK,EAAM;KAAGC,SAAS;IAAK,CAAA;GACtD;;EAQI,gBAAC,OAAA;GAAI,WAAU;aACb,gBAAC,GAAA,EAA0BR,YAAAA,CAAAA;;;AAInC"}

package/dist/client/{projects-Bt0XptpG.mjs → projects-dhnQkuvV.mjs}

@@ -1,7 +1,7 @@
 import { createFileRoute as e, lazyRouteComponent as t } from "@tanstack/react-router";
 import { z as n } from "zod";
 //#region src/client/routes/_auth/projects/index.tsx
-var r = () => import("./projects-BilrmHLu.mjs"), i = () => import("./projects-B6BPo2Ar.mjs"), a = () => import("./projects-CnmZIB2Q.mjs"), o = n.object({ search: n.string().optional() }), s = e("/_auth/projects/")({
+var r = () => import("./projects-yiK0HGSA.mjs"), i = () => import("./projects-C-sjd9T5.mjs"), a = () => import("./projects-DNXsDnJM.mjs"), o = n.object({ search: n.string().optional() }), s = e("/_auth/projects/")({
 	component: t(a, "component"),
 	errorComponent: t(i, "errorComponent"),
 	notFoundComponent: t(r, "notFoundComponent"),
@@ -19,4 +19,4 @@ var r = () => import("./projects-BilrmHLu.mjs"), i = () => import("./projects-B6
 //#endregion
 export { s as t };
 
-//# sourceMappingURL=projects-Bt0XptpG.mjs.map
+//# sourceMappingURL=projects-dhnQkuvV.mjs.map

package/dist/client/{projects-Bt0XptpG.mjs.map → projects-dhnQkuvV.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"projects-Bt0XptpG.mjs","names":["createFileRoute","z","searchSchema","object","search","string","optional","Route","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter","notFoundComponent","$$splitNotFoundComponentImporter","validateSearch","loaderDeps","loader","context","deps","allProjects","trpcClient","project","getAuthProjects","query","projects","trim","searchTermLower","toLowerCase","filter","name","includes","description"],"sources":["../../src/client/routes/_auth/projects/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container>\n      <ContentHeading>\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;2IASME,IAAeD,EAAEE,OAAO,EAC5BC,QAAQH,EAAEI,QAAM,CAAGC,UAAQ,EAC7B,CAAA,EAEaC,IAAQP,EAAgB,mBAAA,CAAoB;CACvDQ,WAASC,EAAAC,GAAA,YAAA;CACTC,gBAAcF,EAAAG,GAAA,iBAAA;CAGdC,mBAAiBJ,EAAAK,GAAA,oBAAA;CAGjBC,gBAAgBb;CAChBc,aAAa,EAAEZ,iBAAc,EAC3BA,QAAQA,EAAOA,UAAU,IAC3B;CACAa,QAAQ,OAAO,EAAEC,YAASC,cAAM;EAC9B,IAAMC,IAAc,MAAMF,EAAQG,YAAYC,QAAQC,gBAAgBC,OAAAA,EAElEC,IAAWL;AACf,MAAID,EAAKf,UAAUe,EAAKf,OAAOsB,MAAI,KAAO,IAAI;GAC5C,IAAMC,IAAkBR,EAAKf,OAAOwB,aAAW;AAC/CH,OAAWL,GAAaS,QACrBP,MACCA,EAAQQ,MAAMF,aAAAA,CAAcG,SAASJ,EAAAA,IACrCL,EAAQU,aAAaJ,aAAAA,CAAcG,SAASJ,EAAAA,CAAAA;;AAIlD,SAAO,EAAEF,aAAS;;CAEtB,CAAA"}
+{"version":3,"file":"projects-dhnQkuvV.mjs","names":["createFileRoute","z","searchSchema","object","search","string","optional","Route","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter","notFoundComponent","$$splitNotFoundComponentImporter","validateSearch","loaderDeps","loader","context","deps","allProjects","trpcClient","project","getAuthProjects","query","projects","trim","searchTermLower","toLowerCase","filter","name","includes","description"],"sources":["../../src/client/routes/_auth/projects/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container>\n      <ContentHeading>\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;2IASME,IAAeD,EAAEE,OAAO,EAC5BC,QAAQH,EAAEI,OAAM,EAAGC,SAAQ,EAC7B,CAAA,GAEaC,IAAQP,EAAgB,kBAAA,EAAoB;CACvDQ,WAASC,EAAAC,GAAA,WAAA;CACTC,gBAAcF,EAAAG,GAAA,gBAAA;CAGdC,mBAAiBJ,EAAAK,GAAA,mBAAA;CAGjBC,gBAAgBb;CAChBc,aAAa,EAAEZ,iBAAc,EAC3BA,QAAQA,EAAOA,UAAU,GAC3B;CACAa,QAAQ,OAAO,EAAEC,YAASC,cAAM;EAC9B,IAAMC,IAAc,MAAMF,EAAQG,YAAYC,QAAQC,gBAAgBC,MAAAA,GAElEC,IAAWL;EACf,IAAID,EAAKf,UAAUe,EAAKf,OAAOsB,KAAI,MAAO,IAAI;GAC5C,IAAMC,IAAkBR,EAAKf,OAAOwB,YAAW;GAC/CH,IAAWL,GAAaS,QACrBP,MACCA,EAAQQ,MAAMF,YAAAA,EAAcG,SAASJ,CAAAA,KACrCL,EAAQU,aAAaJ,YAAAA,EAAcG,SAASJ,CAAAA,CAAAA;EAElD;EAEA,OAAO,EAAEF,YAAS;CACpB;AACF,CAAA"}

package/dist/client/{projects-BilrmHLu.mjs → projects-yiK0HGSA.mjs}

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 //#region src/client/routes/_auth/projects/index.tsx?tsr-split=notFoundComponent
-var t = () => /* @__PURE__ */ e("p", { children: "Projects not found" });
+var t = () => /*#__PURE__*/ e("p", { children: "Projects not found" });
 //#endregion
 export { t as notFoundComponent };
 
-//# sourceMappingURL=projects-BilrmHLu.mjs.map
+//# sourceMappingURL=projects-yiK0HGSA.mjs.map

package/dist/client/{projects-BilrmHLu.mjs.map → projects-yiK0HGSA.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"projects-BilrmHLu.mjs","names":["SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container>\n      <ContentHeading>\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;cAmBW,kBAAC,KAAA,EAAA,UAAE,sBAAA,CAAA"}
+{"version":3,"file":"projects-yiK0HGSA.mjs","names":["SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container>\n      <ContentHeading>\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;cAmBW,gBAAC,KAAA,EAAA,UAAE,qBAAA,CAAA"}