@cobaltcore-dev/aurora 0.5.0 → 0.7.0

package/dist/client/{objects-B89dYCBq.mjs → objects-gxSjvbvF.mjs}

@@ -1,47 +1,62 @@
 import { t as e } from "./helpers-1PpYf-fC.mjs";
 import { createFileRoute as t, lazyRouteComponent as n, redirect as r } from "@tanstack/react-router";
 import { z as i } from "zod";
-//#region src/client/routes/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/index.tsx
-var a = () => import("./objects-CuFLUOe1.mjs"), o = () => import("./objects-H0NN_Sja.mjs"), s = (t, n) => {
-	let { provider: i, projectId: a, containerName: o } = n, s = e(t);
-	if (!s["object-store"]) throw r({
+//#region src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx
+var a = () => import("./objects-o2Cj_ndZ.mjs"), o = () => import("./objects-BJM6YeuF.mjs"), s = (t, n) => {
+	let { provider: i, projectId: a, storageType: o, containerName: s } = n, c = e(t);
+	if (!c["object-store"]) throw r({
 		to: "/projects/$projectId",
 		params: { projectId: a }
 	});
-	let c = !!s["object-store"].swift, l = !!s["object-store"].ceph || !0, u = c ? "swift" : l ? "ceph" : null;
-	if (i !== "swift" && i !== "ceph") throw r(u ? {
-		to: "/projects/$projectId/storage/$provider/containers/$containerName/objects",
+	let l = !!c["object-store"].swift, u = !!c["object-store"].ceph || !0, d = l ? "swift" : u ? "ceph" : null, f = l ? "containers" : u ? "buckets" : null;
+	if (i !== "swift" && i !== "ceph") throw r(!d || !f ? {
+		to: "/projects/$projectId",
+		params: { projectId: a }
+	} : {
+		to: "/projects/$projectId/storage/$provider/$storageType/$containerName/objects",
 		params: {
 			projectId: a,
-			provider: u,
-			containerName: o
+			provider: d,
+			storageType: f,
+			containerName: s
 		}
-	} : {
-		to: "/projects/$projectId",
-		params: { projectId: a }
 	});
-	if (i === "swift" && !c) throw r(l ? {
-		to: "/projects/$projectId/storage/$provider/containers/$containerName/objects",
+	if (i === "swift" && !l) throw r(u ? {
+		to: "/projects/$projectId/storage/$provider/$storageType/$containerName/objects",
 		params: {
 			projectId: a,
 			provider: "ceph",
-			containerName: o
+			storageType: "buckets",
+			containerName: s
 		}
 	} : {
 		to: "/projects/$projectId",
 		params: { projectId: a }
 	});
-	if (i === "ceph" && !l) throw r(c ? {
-		to: "/projects/$projectId/storage/$provider/containers/$containerName/objects",
+	if (i === "ceph" && !u) throw r(l ? {
+		to: "/projects/$projectId/storage/$provider/$storageType/$containerName/objects",
 		params: {
 			projectId: a,
 			provider: "swift",
-			containerName: o
+			storageType: "containers",
+			containerName: s
 		}
 	} : {
 		to: "/projects/$projectId",
 		params: { projectId: a }
 	});
+	if (i === "swift" || i === "ceph") {
+		let e = i === "swift" ? "containers" : "buckets";
+		if (o !== e) throw r({
+			to: "/projects/$projectId/storage/$provider/$storageType/$containerName/objects",
+			params: {
+				projectId: a,
+				provider: i,
+				storageType: e,
+				containerName: s
+			}
+		});
+	}
 }, c = i.object({
 	prefix: i.string().optional(),
 	sortBy: i.enum([
@@ -53,7 +68,7 @@ var a = () => import("./objects-CuFLUOe1.mjs"), o = () => import("./objects-H0NN
 	]).optional(),
 	sortDirection: i.enum(["asc", "desc"]).optional(),
 	search: i.string().optional()
-}), l = t("/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/")({
+}), l = t("/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/")({
 	staticData: {
 		section: "storage",
 		service: "containers",
@@ -61,7 +76,7 @@ var a = () => import("./objects-CuFLUOe1.mjs"), o = () => import("./objects-H0NN
 		sectionCrumb: { labelKey: "Storage" },
 		crumb: {
 			useParamAsLabel: "provider",
-			to: "/projects/$projectId/storage/$provider/containers"
+			to: "/projects/$projectId/storage/$provider/$storageType"
 		}
 	},
 	validateSearch: c,
@@ -83,4 +98,4 @@ var a = () => import("./objects-CuFLUOe1.mjs"), o = () => import("./objects-H0NN
 //#endregion
 export { l as t };
 
-//# sourceMappingURL=objects-B89dYCBq.mjs.map
+//# sourceMappingURL=objects-gxSjvbvF.mjs.map

package/dist/client/objects-gxSjvbvF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"objects-gxSjvbvF.mjs","names":["createFileRoute","redirect","getServiceIndex","z","checkServiceAvailability","availableServices","type","name","params","projectId","provider","storageType","containerName","serviceIndex","to","hasSwift","Boolean","hasCeph","cephFallbackEnabled","hasEffectiveCeph","fallbackProvider","fallbackStorageType","expectedStorageType","objectsSearchSchema","object","prefix","string","optional","sortBy","enum","sortDirection","search","Route","staticData","section","service","isDetail","sectionCrumb","labelKey","crumb","useParamAsLabel","RouteInfo","validateSearch","head","match","meta","title","component","lazyRouteComponent","$$splitComponentImporter","notFoundComponent","$$splitNotFoundComponentImporter","loader","context","trpcClient","auth","getAvailableServices","query","client","beforeLoad"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx"],"sourcesContent":["import { createFileRoute, redirect, useParams } from \"@tanstack/react-router\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { ErrorBoundary } from \"react-error-boundary\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { SwiftObjects } from \"../../../../-components/Swift/Objects\"\nimport { CephObjects } from \"../../../../-components/Ceph/Objects\"\nimport { z } from \"zod\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nexport const checkServiceAvailability = (\n  availableServices: {\n    type: string\n    name: string\n  }[],\n  params: {\n    projectId: string\n    provider: string\n    storageType: string\n    containerName: string\n  }\n) => {\n  const { provider, projectId, storageType, containerName } = params\n\n  const serviceIndex = getServiceIndex(availableServices)\n\n  // Redirect to the \"Projects Overview\" page if no storage services available\n  if (!serviceIndex[\"object-store\"]) {\n    throw redirect({\n      to: \"/projects/$projectId\",\n      params: { projectId },\n    })\n  }\n\n  // Check provider availability\n  const hasSwift = Boolean(serviceIndex[\"object-store\"][\"swift\"])\n  const hasCeph = Boolean(serviceIndex[\"object-store\"][\"ceph\"])\n\n  // TEMPORARY: Allow Ceph access even if not in catalog (relies on env config)\n  // TODO: Properly register Ceph in OpenStack service catalog\n  const cephFallbackEnabled = true // Set to false once Ceph is in catalog\n\n  // Effective availability includes fallback flag for Ceph\n  const hasEffectiveCeph = hasCeph || cephFallbackEnabled\n  const fallbackProvider = hasSwift ? \"swift\" : hasEffectiveCeph ? \"ceph\" : null\n  const fallbackStorageType = hasSwift ? \"containers\" : hasEffectiveCeph ? \"buckets\" : null\n\n  if (provider !== \"swift\" && provider !== \"ceph\") {\n    if (!fallbackProvider || !fallbackStorageType) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/$storageType/$containerName/objects\",\n      params: { projectId, provider: fallbackProvider, storageType: fallbackStorageType, containerName },\n    })\n  }\n\n  if (provider === \"swift\" && !hasSwift) {\n    if (!hasEffectiveCeph) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/$storageType/$containerName/objects\",\n      params: { projectId, provider: \"ceph\", storageType: \"buckets\", containerName },\n    })\n  }\n\n  if (provider === \"ceph\" && !hasEffectiveCeph) {\n    if (!hasSwift) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/$storageType/$containerName/objects\",\n      params: { projectId, provider: \"swift\", storageType: \"containers\", containerName },\n    })\n  }\n\n  // Canonicalize the URL terminology for the resolved provider. Availability is\n  // already settled above, so by this point provider is a valid, available\n  // swift|ceph. The storageType segment is user-controllable and the router never\n  // validates it, so a mismatched noun (e.g. ceph + \"containers\", swift + \"buckets\")\n  // must redirect to the canonical path to keep URLs normalized.\n  if (provider === \"swift\" || provider === \"ceph\") {\n    const expectedStorageType = provider === \"swift\" ? \"containers\" : \"buckets\"\n    if (storageType !== expectedStorageType) {\n      throw redirect({\n        to: \"/projects/$projectId/storage/$provider/$storageType/$containerName/objects\",\n        params: { projectId, provider, storageType: expectedStorageType, containerName },\n      })\n    }\n  }\n}\n\n// Search params schema\n// - prefix: base64-encoded current folder path, safe to carry \"/\" chars in the URL\n// - sortBy: active sort column key — persisted so deep links and back navigation restore sort state\n//   Accepts both Swift keys (last_modified, bytes) and Ceph keys (lastModified, size) for compatibility\n// - sortDirection: \"asc\" | \"desc\" — persisted alongside sortBy\nconst objectsSearchSchema = z.object({\n  prefix: z.string().optional(),\n  sortBy: z.enum([\"name\", \"last_modified\", \"bytes\", \"lastModified\", \"size\"]).optional(),\n  sortDirection: z.enum([\"asc\", \"desc\"]).optional(),\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\n  \"/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/\"\n)({\n  staticData: {\n    section: \"storage\",\n    service: \"containers\",\n    isDetail: true,\n    sectionCrumb: { labelKey: \"Storage\" },\n    crumb: { useParamAsLabel: \"provider\", to: \"/projects/$projectId/storage/$provider/$storageType\" },\n  } satisfies RouteInfo,\n  validateSearch: objectsSearchSchema,\n  head: ({ match }) => ({\n    meta: [{ title: match.params.containerName }],\n  }),\n  component: () => {\n    return <ObjectsDashboard />\n  },\n  notFoundComponent: () => {\n    return (\n      <p>\n        <Trans>Storage container not found</Trans>\n      </p>\n    )\n  },\n  loader: async ({ context }) => {\n    const { trpcClient } = context\n    const availableServices = await trpcClient?.auth.getAvailableServices.query()\n\n    return {\n      client: trpcClient,\n      availableServices,\n    }\n  },\n  beforeLoad: async ({ context, params }) => {\n    const { trpcClient } = context\n    const availableServices = await trpcClient?.auth.getAvailableServices.query()\n    checkServiceAvailability(availableServices!, params)\n  },\n})\n\nfunction ObjectsDashboard() {\n  const { project, provider, containerName } = useParams({\n    from: \"/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/\",\n    select: (params) => ({\n      project: params.projectId,\n      provider: params.provider,\n      containerName: params.containerName,\n      storageType: params.storageType,\n    }),\n  })\n\n  const { prefix, sortBy, sortDirection, search } = Route.useSearch()\n\n  return (\n    <div>\n      {project ? (\n        <ErrorBoundary\n          resetKeys={[project, provider, containerName, prefix, sortBy, sortDirection, search]}\n          fallback={\n            <div className=\"p-4 text-center\">\n              <Trans>Error loading component</Trans>\n            </div>\n          }\n        >\n          {(() => {\n            switch (provider) {\n              case \"swift\":\n                return <SwiftObjects provider={provider} containerName={containerName} />\n              case \"ceph\":\n                return <CephObjects bucketName={containerName} />\n              default:\n                return (\n                  <div className=\"p-4\">\n                    <Trans>Objects — {containerName}</Trans>\n                  </div>\n                )\n            }\n          })()}\n        </ErrorBoundary>\n      ) : (\n        <div className=\"p-4 text-center\">\n          <Trans>No project selected</Trans>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;4FASaI,KACXC,GAIAG,MAAAA;CAOA,IAAM,EAAEE,aAAUD,cAAWE,gBAAaC,qBAAkBJ,GAEtDK,IAAeX,EAAgBG,CAAAA;CAGrC,IAAI,CAACQ,EAAa,iBAChB,MAAMZ,EAAS;EACba,IAAI;EACJN,QAAQ,EAAEC,aAAU;CACtB,CAAA;CAIF,IAAMM,IAAWC,EAAQH,EAAa,gBAAgB,OAQhDM,IAPUH,EAAQH,EAAa,gBAAgB,QAOjBK,IAC9BE,IAAmBL,IAAW,UAAUI,IAAmB,SAAS,MACpEE,IAAsBN,IAAW,eAAeI,IAAmB,YAAY;CAErF,IAAIT,MAAa,WAAWA,MAAa,QAOvC,MALQT,EADJ,CAACmB,KAAoB,CAACC,IACT;EACbP,IAAI;EACJN,QAAQ,EAAEC,aAAU;CACtB,IAEa;EACbK,IAAI;EACJN,QAAQ;GAAEC;GAAWC,UAAUU;GAAkBT,aAAaU;GAAqBT;EAAc;CACnG,CALE;CAQJ,IAAIF,MAAa,WAAW,CAACK,GAQ3B,MAAMd,EAPDkB,IAOU;EACbL,IAAI;EACJN,QAAQ;GAAEC;GAAWC,UAAU;GAAQC,aAAa;GAAWC;EAAc;CAC/E,IATiB;EACbE,IAAI;EACJN,QAAQ,EAAEC,aAAU;CACtB,CAAA;CASJ,IAAIC,MAAa,UAAU,CAACS,GAQ1B,MAAMlB,EAPDc,IAOU;EACbD,IAAI;EACJN,QAAQ;GAAEC;GAAWC,UAAU;GAASC,aAAa;GAAcC;EAAc;CACnF,IATiB;EACbE,IAAI;EACJN,QAAQ,EAAEC,aAAU;CACtB,CAAA;CAcJ,IAAIC,MAAa,WAAWA,MAAa,QAAQ;EAC/C,IAAMY,IAAsBZ,MAAa,UAAU,eAAe;EAClE,IAAIC,MAAgBW,GAClB,MAAMrB,EAAS;GACba,IAAI;GACJN,QAAQ;IAAEC;IAAWC;IAAUC,aAAaW;IAAqBV;GAAc;EACjF,CAAA;CAEJ;AACF,GAOMW,IAAsBpB,EAAEqB,OAAO;CACnCC,QAAQtB,EAAEuB,OAAM,EAAGC,SAAQ;CAC3BC,QAAQzB,EAAE0B,KAAK;EAAC;EAAQ;EAAiB;EAAS;EAAgB;EAAO,EAAEF,SAAQ;CACnFG,eAAe3B,EAAE0B,KAAK,CAAC,OAAO,MAAA,CAAO,EAAEF,SAAQ;CAC/CI,QAAQ5B,EAAEuB,OAAM,EAAGC,SAAQ;AAC7B,CAAA,GAEaK,IAAQhC,EACnB,mFAAA,EACA;CACAiC,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,UAAU;EACVC,cAAc,EAAEC,UAAU,UAAU;EACpCC,OAAO;GAAEC,iBAAiB;GAAY1B,IAAI;EAAsD;CAClG;CACA4B,gBAAgBnB;CAChBoB,OAAO,EAAEC,gBAAa,EACpBC,MAAM,CAAC,EAAEC,OAAOF,EAAMpC,OAAOI,cAAc,CAAA,EAC7C;CACAmC,WAASC,EAAAC,GAAA,WAAA;CAGTC,mBAAiBF,EAAAG,GAAA,mBAAA;CAOjBC,QAAQ,OAAO,EAAEC,iBAAS;EACxB,IAAM,EAAEC,kBAAeD;EAGvB,OAAO;GACLK,QAAQJ;GACRjD,mBAAAA,MAJ8BiD,GAAYC,KAAKC,qBAAqBC,MAAAA;EAKtE;CACF;CACAE,YAAY,OAAO,EAAEN,YAAS7C,gBAAQ;EACpC,IAAM,EAAE8C,kBAAeD;EAEvBjD,EAAyBC,MADOiD,GAAYC,KAAKC,qBAAqBC,MAAAA,GACzBjD,CAAAA;CAC/C;AACF,CAAA"}

package/dist/client/{objects-CuFLUOe1.mjs → objects-o2Cj_ndZ.mjs}

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Trans as t } from "@lingui/react";
-//#region src/client/routes/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/index.tsx?tsr-split=notFoundComponent
+//#region src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx?tsr-split=notFoundComponent
 var n = () => /*#__PURE__*/ e("p", { children: /*#__PURE__*/ e(t, { id: "FRtmJJ" }) });
 //#endregion
 export { n as notFoundComponent };
 
-//# sourceMappingURL=objects-CuFLUOe1.mjs.map
+//# sourceMappingURL=objects-o2Cj_ndZ.mjs.map

package/dist/client/objects-o2Cj_ndZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"objects-o2Cj_ndZ.mjs","names":["Trans","SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { createFileRoute, redirect, useParams } from \"@tanstack/react-router\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { ErrorBoundary } from \"react-error-boundary\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { SwiftObjects } from \"../../../../-components/Swift/Objects\"\nimport { CephObjects } from \"../../../../-components/Ceph/Objects\"\nimport { z } from \"zod\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nexport const checkServiceAvailability = (\n  availableServices: {\n    type: string\n    name: string\n  }[],\n  params: {\n    projectId: string\n    provider: string\n    storageType: string\n    containerName: string\n  }\n) => {\n  const { provider, projectId, storageType, containerName } = params\n\n  const serviceIndex = getServiceIndex(availableServices)\n\n  // Redirect to the \"Projects Overview\" page if no storage services available\n  if (!serviceIndex[\"object-store\"]) {\n    throw redirect({\n      to: \"/projects/$projectId\",\n      params: { projectId },\n    })\n  }\n\n  // Check provider availability\n  const hasSwift = Boolean(serviceIndex[\"object-store\"][\"swift\"])\n  const hasCeph = Boolean(serviceIndex[\"object-store\"][\"ceph\"])\n\n  // TEMPORARY: Allow Ceph access even if not in catalog (relies on env config)\n  // TODO: Properly register Ceph in OpenStack service catalog\n  const cephFallbackEnabled = true // Set to false once Ceph is in catalog\n\n  // Effective availability includes fallback flag for Ceph\n  const hasEffectiveCeph = hasCeph || cephFallbackEnabled\n  const fallbackProvider = hasSwift ? \"swift\" : hasEffectiveCeph ? \"ceph\" : null\n  const fallbackStorageType = hasSwift ? \"containers\" : hasEffectiveCeph ? \"buckets\" : null\n\n  if (provider !== \"swift\" && provider !== \"ceph\") {\n    if (!fallbackProvider || !fallbackStorageType) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/$storageType/$containerName/objects\",\n      params: { projectId, provider: fallbackProvider, storageType: fallbackStorageType, containerName },\n    })\n  }\n\n  if (provider === \"swift\" && !hasSwift) {\n    if (!hasEffectiveCeph) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/$storageType/$containerName/objects\",\n      params: { projectId, provider: \"ceph\", storageType: \"buckets\", containerName },\n    })\n  }\n\n  if (provider === \"ceph\" && !hasEffectiveCeph) {\n    if (!hasSwift) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/$storageType/$containerName/objects\",\n      params: { projectId, provider: \"swift\", storageType: \"containers\", containerName },\n    })\n  }\n\n  // Canonicalize the URL terminology for the resolved provider. Availability is\n  // already settled above, so by this point provider is a valid, available\n  // swift|ceph. The storageType segment is user-controllable and the router never\n  // validates it, so a mismatched noun (e.g. ceph + \"containers\", swift + \"buckets\")\n  // must redirect to the canonical path to keep URLs normalized.\n  if (provider === \"swift\" || provider === \"ceph\") {\n    const expectedStorageType = provider === \"swift\" ? \"containers\" : \"buckets\"\n    if (storageType !== expectedStorageType) {\n      throw redirect({\n        to: \"/projects/$projectId/storage/$provider/$storageType/$containerName/objects\",\n        params: { projectId, provider, storageType: expectedStorageType, containerName },\n      })\n    }\n  }\n}\n\n// Search params schema\n// - prefix: base64-encoded current folder path, safe to carry \"/\" chars in the URL\n// - sortBy: active sort column key — persisted so deep links and back navigation restore sort state\n//   Accepts both Swift keys (last_modified, bytes) and Ceph keys (lastModified, size) for compatibility\n// - sortDirection: \"asc\" | \"desc\" — persisted alongside sortBy\nconst objectsSearchSchema = z.object({\n  prefix: z.string().optional(),\n  sortBy: z.enum([\"name\", \"last_modified\", \"bytes\", \"lastModified\", \"size\"]).optional(),\n  sortDirection: z.enum([\"asc\", \"desc\"]).optional(),\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\n  \"/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/\"\n)({\n  staticData: {\n    section: \"storage\",\n    service: \"containers\",\n    isDetail: true,\n    sectionCrumb: { labelKey: \"Storage\" },\n    crumb: { useParamAsLabel: \"provider\", to: \"/projects/$projectId/storage/$provider/$storageType\" },\n  } satisfies RouteInfo,\n  validateSearch: objectsSearchSchema,\n  head: ({ match }) => ({\n    meta: [{ title: match.params.containerName }],\n  }),\n  component: () => {\n    return <ObjectsDashboard />\n  },\n  notFoundComponent: () => {\n    return (\n      <p>\n        <Trans>Storage container not found</Trans>\n      </p>\n    )\n  },\n  loader: async ({ context }) => {\n    const { trpcClient } = context\n    const availableServices = await trpcClient?.auth.getAvailableServices.query()\n\n    return {\n      client: trpcClient,\n      availableServices,\n    }\n  },\n  beforeLoad: async ({ context, params }) => {\n    const { trpcClient } = context\n    const availableServices = await trpcClient?.auth.getAvailableServices.query()\n    checkServiceAvailability(availableServices!, params)\n  },\n})\n\nfunction ObjectsDashboard() {\n  const { project, provider, containerName } = useParams({\n    from: \"/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/\",\n    select: (params) => ({\n      project: params.projectId,\n      provider: params.provider,\n      containerName: params.containerName,\n      storageType: params.storageType,\n    }),\n  })\n\n  const { prefix, sortBy, sortDirection, search } = Route.useSearch()\n\n  return (\n    <div>\n      {project ? (\n        <ErrorBoundary\n          resetKeys={[project, provider, containerName, prefix, sortBy, sortDirection, search]}\n          fallback={\n            <div className=\"p-4 text-center\">\n              <Trans>Error loading component</Trans>\n            </div>\n          }\n        >\n          {(() => {\n            switch (provider) {\n              case \"swift\":\n                return <SwiftObjects provider={provider} containerName={containerName} />\n              case \"ceph\":\n                return <CephObjects bucketName={containerName} />\n              default:\n                return (\n                  <div className=\"p-4\">\n                    <Trans>Objects — {containerName}</Trans>\n                  </div>\n                )\n            }\n          })()}\n        </ErrorBoundary>\n      ) : (\n        <div className=\"p-4 text-center\">\n          <Trans>No project selected</Trans>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;AA2GA,IAAAC,UA2BM,gBAAC,KAAA,EAAA,UACC,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA,EAAA,CAAA"}

package/dist/client/{pca-CtU6REww.mjs → pca-Bl8NmoVZ.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-C-UFjicP.mjs"), "component")
+	component: t(() => import("./pca-RSiWpJs9.mjs"), "component")
 });
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=pca-CtU6REww.mjs.map
+//# sourceMappingURL=pca-Bl8NmoVZ.mjs.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"pca-Bl8NmoVZ.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/pca-RSiWpJs9.mjs

@@ -0,0 +1,182 @@
+import { B as e, F as t, G as n, H as r, P as i, Q as a, R as o, U as s, a as c, ct as l, it as u, k as d, q as f, r as p, tt as m, w as h } from "./build-DeJcDjPi.mjs";
+import { r as g } from "./trpcClient-BzPUgiM2.mjs";
+import { t as _ } from "./pca-Bl8NmoVZ.mjs";
+import { t as v } from "./ContentHeader-kx1Th5Sq.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-BmcGYeR-.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, useStore as M } from "@tanstack/react-form";
+//#region src/client/routes/_auth/projects/$projectId/services/pca/-components/-table/PcaTableRow.tsx
+var N = ({ pca: e }) => {
+	let { i18n: t, _: r } = k(), a = D(), o = b(), [s, c] = y(!1), l = () => a({
+		to: "/projects/$projectId/services/pca/$pcaId",
+		params: {
+			projectId: o,
+			pcaId: e.id
+		}
+	});
+	return /*#__PURE__*/ E(w, { children: [/*#__PURE__*/ E(h, {
+		"data-testid": `pca-row-${e.id}`,
+		onClick: l,
+		children: [
+			/*#__PURE__*/ T(n, { children: /*#__PURE__*/ E("div", {
+				className: "flex items-center gap-2",
+				children: [C[e.state].icon, C[e.state].text]
+			}) }),
+			/*#__PURE__*/ T(n, { children: e.id }),
+			/*#__PURE__*/ T(n, { children: e.configuration?.subject?.common_name || "—" }),
+			/*#__PURE__*/ T(n, {
+				onClick: (e) => e.stopPropagation(),
+				className: "items-end pr-0",
+				children: /*#__PURE__*/ T(i, { children: /*#__PURE__*/ E(m, { children: [/*#__PURE__*/ T(u, {
+					label: t._({ id: "v0hPHE" }),
+					onClick: l
+				}), /*#__PURE__*/ T(u, {
+					label: t._({ id: "nzFJqC" }),
+					onClick: c
+				})] }) })
+			})
+		]
+	}, e.id), s && /*#__PURE__*/ T(S, {
+		pca: e,
+		open: s,
+		onClose: c
+	})] });
+}, 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: t, onClose: n }) => {
+	let { i18n: i, _: a } = k(), l = D(), u = b(), d = g.useUtils(), { isPending: f, ...m } = g.services.pca.create.useMutation({ onSettled: () => d.services.pca.list.invalidate() }), h = j({
+		defaultValues: { common_name: "" },
+		validators: { onSubmit: A.object({ common_name: A.string().trim().min(1, i._({ id: "qhDo93" })).refine((e) => F(e), { message: i._({ id: "gy6L1u" }) }) }) },
+		onSubmit: async ({ value: e }) => {
+			if (f) return;
+			let t = await m.mutateAsync({
+				project_id: u,
+				configuration: { subject: { common_name: e.common_name } }
+			});
+			_(), await l({
+				to: "/projects/$projectId/services/pca/$pcaId",
+				params: {
+					projectId: u,
+					pcaId: t.id
+				}
+			});
+		}
+	}), _ = () => {
+		f || (h.reset(), m.reset(), n());
+	}, v = M(h.store, (e) => e.isSubmitting || e.values.common_name.trim().length === 0);
+	return /*#__PURE__*/ E(p, {
+		open: t,
+		size: "large",
+		title: i._({ id: "WidMsn" }),
+		onCancel: _,
+		cancelButtonLabel: i._({ id: "dEgA5A" }),
+		confirmButtonLabel: i._({ id: "tfDRzk" }),
+		onConfirm: h.handleSubmit,
+		disableConfirmButton: f || v,
+		children: [
+			m.error?.message && /*#__PURE__*/ T(e, {
+				dismissible: !1,
+				variant: "error",
+				className: "mb-4",
+				children: m.error.message
+			}),
+			f && /*#__PURE__*/ E("div", {
+				className: "mb-4 flex items-center justify-center gap-2",
+				children: [/*#__PURE__*/ T(o, { variant: "primary" }), /*#__PURE__*/ T("span", {
+					className: "text-theme-high text-sm",
+					children: /*#__PURE__*/ T(O, { id: "wdUvGT" })
+				})]
+			}),
+			!f && /*#__PURE__*/ T(c, {
+				className: "mb-0",
+				id: "create-certificate-authority-form",
+				onSubmit: (e) => {
+					e.preventDefault(), h.handleSubmit();
+				},
+				children: /*#__PURE__*/ T(r, {
+					className: "mb-4",
+					children: /*#__PURE__*/ T(h.Field, {
+						name: "common_name",
+						children: (e) => /*#__PURE__*/ T(s, {
+							id: e.name,
+							name: e.name,
+							value: e.state.value,
+							onBlur: e.handleBlur,
+							onChange: (t) => e.handleChange(t.target.value),
+							label: i._({ id: "DHrCY6" }),
+							placeholder: i._({ id: "RWQ6BN" }),
+							helptext: i._({ id: "jVjr9h" }),
+							errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
+							disabled: f
+						})
+					})
+				})
+			})
+		]
+	});
+}, L = () => {
+	let { i18n: e, _: r } = k(), i = b(), s = x(), c = s.length, [u, p] = y(!1), { data: m = [], isLoading: _, isError: v, error: S } = g.services.pca.list.useQuery({ project_id: i });
+	return _ ? /*#__PURE__*/ E(a, {
+		className: "py-8",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: [/*#__PURE__*/ T(o, {
+			variant: "primary",
+			size: "large",
+			className: "mb-2"
+		}), /*#__PURE__*/ T(O, { id: "Z3FXyt" })]
+	}) : v ? /*#__PURE__*/ T(a, {
+		className: "py-8",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: S?.message ?? e._({ id: "Sf3Gvg" })
+	}) : m.length === 0 ? /*#__PURE__*/ T(d, {
+		columns: c,
+		className: "pca",
+		"data-testid": "no-pcas",
+		children: /*#__PURE__*/ T(h, { children: /*#__PURE__*/ E(n, {
+			colSpan: c,
+			children: [/*#__PURE__*/ T(f, { children: /*#__PURE__*/ T(O, { id: "8S2nDL" }) }), /*#__PURE__*/ T("p", { children: /*#__PURE__*/ T(O, { id: "ng+PCh" }) })]
+		}) })
+	}) : /*#__PURE__*/ E("div", {
+		className: "relative",
+		children: [
+			/*#__PURE__*/ T(a, {
+				className: "pt-3 pb-2",
+				distribution: "end",
+				children: /*#__PURE__*/ T(l, {
+					variant: "primary",
+					label: e._({ id: "WidMsn" }),
+					onClick: p
+				})
+			}),
+			/*#__PURE__*/ E(d, {
+				columns: c,
+				children: [/*#__PURE__*/ T(h, { children: s.map((e) => /*#__PURE__*/ T(t, { children: e }, e)) }), m.map((e) => /*#__PURE__*/ T(N, { pca: e }, e.id))]
+			}),
+			u && /*#__PURE__*/ T(I, {
+				open: u,
+				onClose: p
+			})
+		]
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/services/pca/index.tsx?tsr-split=component
+function R() {
+	let { i18n: e, _: t } = k(), { projectId: n } = _.useParams();
+	return /*#__PURE__*/ E(w, { children: [/*#__PURE__*/ T(v, {
+		title: e._({ id: "ffw//c" }),
+		projectId: n
+	}), /*#__PURE__*/ T(L, {})] });
+}
+//#endregion
+export { R as component };
+
+//# sourceMappingURL=pca-RSiWpJs9.mjs.map

package/dist/client/pca-RSiWpJs9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pca-RSiWpJs9.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","useNavigate","Modal","Form","FormSection","Spinner","TextInput","Message","trpcReact","useProjectId","csrRegex","isValidCommonName","value","test","CreatePcaModal","open","onClose","useLingui","navigate","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","createdPca","mutateAsync","project_id","configuration","subject","handleClose","to","params","pcaId","id","reset","isCreateDisabled","store","state","isSubmitting","values","length","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","error","dismissible","variant","className","div","span","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","useModal","TABLE_COLUMNS","PcaTableRow","CreatePcaModal","PcaListContainer","useLingui","projectId","columns","columnsLength","length","createCaOpen","toggleCreateCa","data","pcas","isLoading","isError","error","services","pca","list","useQuery","project_id","className","distribution","alignment","direction","variant","size","message","t","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`Show Details`} onClick={navigateToDetailsPage} />\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 { useNavigate } from \"@tanstack/react-router\"\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 navigate = useNavigate()\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      const createdPca = await createPcaMutation.mutateAsync({\n        project_id: projectId,\n        configuration: {\n          subject: { common_name: value.common_name },\n        },\n      })\n      handleClose()\n\n      await navigate({\n        to: \"/projects/$projectId/services/pca/$pcaId\",\n        params: { projectId, pcaId: createdPca.id },\n      })\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 { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  Stack,\n  Spinner,\n  DataGrid,\n  DataGridRow,\n  DataGridCell,\n  ContentHeading,\n  DataGridHeadCell,\n  Button,\n} from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { TABLE_COLUMNS } from \"./-table/constants\"\nimport { PcaTableRow } from \"./-table/PcaTableRow\"\nimport { CreatePcaModal } from \"./-modals/CreatePcaModal\"\n\nexport const PcaListContainer = () => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const columns = TABLE_COLUMNS()\n  const columnsLength = columns.length\n  const [createCaOpen, toggleCreateCa] = useModal(false)\n\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={columnsLength} className=\"pca\" data-testid=\"no-pcas\">\n        <DataGridRow>\n          <DataGridCell colSpan={columnsLength}>\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      <Stack className=\"pt-3 pb-2\" distribution=\"end\">\n        <Button variant=\"primary\" label={t`Create Certificate Authority`} onClick={toggleCreateCa} />\n      </Stack>\n      <DataGrid columns={columnsLength}>\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/{projects-DNXsDnJM.mjs → projects-CgclWI16.mjs}

@@ -1,24 +1,24 @@
-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 { Y as e, n as t, q as n, y as r } from "./build-DeJcDjPi.mjs";
+import { t as i } from "./projects-D2iewAzu.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";
 import { Trans as d, useLingui as f } from "@lingui/react";
 //#region src/client/routes/_auth/projects/-components/ProjectOverviewNavBar.tsx
-function p({ onSearch: t, searchTerm: n = "" }) {
+function p({ onSearch: e, searchTerm: n = "" }) {
 	let { i18n: r, _: i } = f(), o = c(null), u = c(!1), [d, p] = l(n);
 	return s(() => {
 		!u.current && !o.current && n !== d && p(n);
 	}, [n]), s(() => () => {
 		o.current && clearTimeout(o.current);
-	}, []), /*#__PURE__*/ a(e, {
+	}, []), /*#__PURE__*/ a(t, {
 		className: "w-full",
 		type: "text",
 		placeholder: r._({ id: "YIix5Y" }),
-		onChange: (e) => {
-			let n = e.target.value;
+		onChange: (t) => {
+			let n = t.target.value;
 			p(n), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
-				o.current = null, t(n);
+				o.current = null, e(n);
 			}, 300);
 		},
 		onFocus: () => {
@@ -28,7 +28,7 @@ function p({ onSearch: t, searchTerm: n = "" }) {
 			u.current = !1;
 		},
 		onClear: () => {
-			o.current &&= (clearTimeout(o.current), null), p(""), t("");
+			o.current &&= (clearTimeout(o.current), null), p(""), e("");
 		},
 		value: d
 	});
@@ -37,7 +37,7 @@ function p({ onSearch: t, searchTerm: n = "" }) {
 //#region src/client/routes/_auth/projects/-components/ProjectCardView.tsx
 function m({ project: e }) {
 	let t = u();
-	return /*#__PURE__*/ o(n, {
+	return /*#__PURE__*/ o(r, {
 		padding: !0,
 		onClick: () => t({
 			to: "/projects/$projectId",
@@ -75,25 +75,31 @@ function h({ projects: e }) {
 //#endregion
 //#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, {
-			searchTerm: n,
-			onSearch: (e) => {
-				s({
-					search: { search: e },
-					replace: !0
-				});
-			}
-		}),
-		/*#__PURE__*/ a("div", {
-			className: "pt-5",
-			children: /*#__PURE__*/ a(h, { projects: e })
-		})
-	] });
+	let { projects: t } = i.useLoaderData(), { search: r = "" } = i.useSearch(), s = i.useNavigate();
+	return /*#__PURE__*/ o(e, {
+		py: !0,
+		children: [
+			/*#__PURE__*/ a(n, {
+				className: "pb-4",
+				children: /*#__PURE__*/ a(d, { id: "+0B+ue" })
+			}),
+			/*#__PURE__*/ a(p, {
+				searchTerm: r,
+				onSearch: (e) => {
+					s({
+						search: { search: e },
+						replace: !0
+					});
+				}
+			}),
+			/*#__PURE__*/ a("div", {
+				className: "pt-5",
+				children: /*#__PURE__*/ a(h, { projects: t })
+			})
+		]
+	});
 }
 //#endregion
 export { g as component };
 
-//# sourceMappingURL=projects-DNXsDnJM.mjs.map
+//# sourceMappingURL=projects-CgclWI16.mjs.map

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

@@ -1 +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"}
+{"version":3,"file":"projects-CgclWI16.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 py>\n      <ContentHeading className=\"pb-4\">\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;EAAU,IAAE;;GACX,gBAAC,GAAA;IAAe,WAAU;cACxB,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;GAEF,gBAAC,GAAA;IAAuB,YAAYH;IAAQ,WAT1BK,MAAAA;KACpBH,EAAS;MAAEF,QAAQ,EAAEA,QAAQK,EAAM;MAAGC,SAAS;KAAK,CAAA;IACtD;;GAQI,gBAAC,OAAA;IAAI,WAAU;cACb,gBAAC,GAAA,EAA0BR,YAAAA,CAAAA;;;;AAInC"}

package/dist/client/{projects-dhnQkuvV.mjs → projects-D2iewAzu.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-yiK0HGSA.mjs"), i = () => import("./projects-C-sjd9T5.mjs"), a = () => import("./projects-DNXsDnJM.mjs"), o = n.object({ search: n.string().optional() }), s = e("/_auth/projects/")({
+var r = () => import("./projects-yiK0HGSA.mjs"), i = () => import("./projects-pe2_dCnV.mjs"), a = () => import("./projects-CgclWI16.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-yiK0HGSA.mjs"), i = () => import("./projects-C-
 //#endregion
 export { s as t };
 
-//# sourceMappingURL=projects-dhnQkuvV.mjs.map
+//# sourceMappingURL=projects-D2iewAzu.mjs.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"projects-D2iewAzu.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 py>\n      <ContentHeading className=\"pb-4\">\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-C-sjd9T5.mjs → projects-pe2_dCnV.mjs}

@@ -1,4 +1,4 @@
-import { t as e } from "./RouteError-CUj_m3gu.mjs";
+import { t as e } from "./RouteError-QSV7qOoJ.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
@@ -9,4 +9,4 @@ var r = ({ error: r }) => /*#__PURE__*/ t(e, {
 //#endregion
 export { r as errorComponent };
 
-//# sourceMappingURL=projects-C-sjd9T5.mjs.map
+//# sourceMappingURL=projects-pe2_dCnV.mjs.map