@cobaltcore-dev/aurora 0.2.2 → 0.3.0

package/dist/client/{overview-2J54-loz.mjs → overview-BjRSFSBh.mjs}

@@ -1,4 +1,4 @@
-import { O as e } from "./build-Cf7iWbpH.mjs";
+import { A as e } from "./build-CZRvXrAL.mjs";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import { Trans as i, useLingui as a } from "@lingui/react";
 //#region src/client/routes/_auth/projects/$projectId/services/overview.tsx?tsr-split=component
@@ -12,4 +12,4 @@ function o() {
 //#endregion
 export { o as component };
 
-//# sourceMappingURL=overview-2J54-loz.mjs.map
+//# sourceMappingURL=overview-BjRSFSBh.mjs.map

package/dist/client/{overview-2J54-loz.mjs.map → overview-BjRSFSBh.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"overview-2J54-loz.mjs","names":["useLingui","Trans","ContentHeading","RouteComponent","t","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/overview.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { RouteInfo } from \"@/client/routes/routeInfo\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/overview\")({\n  staticData: { section: \"services\", service: \"overview\", crumb: { labelKey: \"Services\" } } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Services Overview` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  return (\n    <>\n      <ContentHeading>{t`Services Overview`}</ContentHeading>\n      <div className=\"p-4 text-center\">\n        <Trans>Services Overview</Trans>\n      </div>\n    </>\n  )\n}\n"],"mappings":";;;;AAYA,SAASG,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQH,GAAAA;AACd,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAA,EAAA,UAAgBI,EAAAA,EAAC,EAAA,IAAA,UAAA,CAAA,EAAA,CAAA,EAClB,kBAAC,OAAA;EAAI,WAAU;YACb,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA"}
+{"version":3,"file":"overview-BjRSFSBh.mjs","names":["useLingui","Trans","ContentHeading","RouteComponent","t","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/overview.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { RouteInfo } from \"@/client/routes/routeInfo\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/overview\")({\n  staticData: { section: \"services\", service: \"overview\", crumb: { labelKey: \"Services\" } } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Services Overview` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  return (\n    <>\n      <ContentHeading>{t`Services Overview`}</ContentHeading>\n      <div className=\"p-4 text-center\">\n        <Trans>Services Overview</Trans>\n      </div>\n    </>\n  )\n}\n"],"mappings":";;;;AAYA,SAASG,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQH,GAAAA;AACd,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAA,EAAA,UAAgBI,EAAAA,EAAC,EAAA,IAAA,UAAA,CAAA,EAAA,CAAA,EAClB,kBAAC,OAAA;EAAI,WAAU;YACb,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA"}

package/dist/client/{overview-BnmukbFh.mjs → overview-C4gjtc2q.mjs}

@@ -1,5 +1,5 @@
-import { $ as e, O as t } from "./build-Cf7iWbpH.mjs";
-import { t as n } from "./overview-D0AAvsmL.mjs";
+import { A as e, tt as t } from "./build-CZRvXrAL.mjs";
+import { t as n } from "./overview-CmQkJ4Hh.mjs";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Suspense as o, use as s } from "react";
 import { Trans as c, useLingui as l } from "@lingui/react";
@@ -56,11 +56,11 @@ var u = ({ progress: e, color: t, size: n = 100, strokeWidth: r = 8, label: o, v
 	});
 };
 function d({ activityData: n }) {
-	return /* @__PURE__ */ a(e, {
+	return /* @__PURE__ */ a(t, {
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: [/* @__PURE__ */ i(t, {
+		children: [/* @__PURE__ */ i(e, {
 			className: "my-6 text-xl font-semibold",
 			children: "Activity Summary"
 		}), /* @__PURE__ */ a("div", {
@@ -161,8 +161,8 @@ function p({ client: e, project: t }) {
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/compute/overview.tsx?tsr-split=component
 function m() {
-	let { i18n: e, _: o } = l(), { projectId: s } = n.useParams(), { trpcClient: c } = n.useRouteContext();
-	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, { children: e._({ id: "grs4+e" }) }), /* @__PURE__ */ i(p, {
+	let { i18n: t, _: o } = l(), { projectId: s } = n.useParams(), { trpcClient: c } = n.useRouteContext();
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(e, { children: t._({ id: "grs4+e" }) }), /* @__PURE__ */ i(p, {
 		project: s,
 		client: c
 	})] });
@@ -170,4 +170,4 @@ function m() {
 //#endregion
 export { m as component };
 
-//# sourceMappingURL=overview-BnmukbFh.mjs.map
+//# sourceMappingURL=overview-C4gjtc2q.mjs.map

package/dist/client/{overview-BnmukbFh.mjs.map → overview-C4gjtc2q.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"overview-BnmukbFh.mjs","names":["ContentHeading","Stack","React","ActivityRing","progress","color","size","strokeWidth","label","value","radius","normalizedRadius","circumference","Math","PI","strokeDashoffset","div","className","style","position","width","height","svg","transform","circle","stroke","fill","r","cx","cy","strokeDasharray","strokeLinecap","top","left","textAlign","ActivitySummary","activityData","distribution","alignment","direction","instances","current","quota","total","cpu","percentage","memory","storage","ActivitySummary","Suspense","use","OverviewContainer","getDataPromise","servers","imagesResponse","images","div","className","activeServers","filter","server","status","length","totalServers","estimatedServerQuota","Math","max","ceil","totalCores","usedMemoryMB","totalDiskGB","forEach","flavor","vcpus","smallestSize","name","includes","ram","disk","activeImages","image","totalImages","cpuPercentage","min","round","memoryPercentage","storagePercentage","activityData","instances","current","total","quota","color","cpu","percentage","cores","memory","usedMB","storage","sizeGB","active","Overview","client","project","Promise","all","compute","getServersByProjectId","query","project_id","listImagesWithSearch","fallback","useLingui","Overview","ContentHeading","Route","RouteComponent","t","projectId","useParams","trpcClient","useRouteContext","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/-components/ActivitySummary.tsx","../../src/client/routes/_auth/projects/$projectId/compute/-components/Overview.tsx","../../src/client/routes/_auth/projects/$projectId/compute/overview.tsx?tsr-split=component"],"sourcesContent":["import { ContentHeading, Stack } from \"@cloudoperators/juno-ui-components/index\"\nimport React from \"react\"\n\ninterface ActivityRingProps {\n  progress: number // Progress percentage (0-100)\n  color: string // Color of the ring\n  size?: number // Size of the ring (default: 100)\n  strokeWidth?: number // Width of the stroke (default: 8)\n  label: string // Label for the ring\n  value: string // Value to display inside the ring\n}\n// Activity ring component inspired by Apple's activity rings\nconst ActivityRing = ({ progress, color, size = 100, strokeWidth = 8, label, value }: ActivityRingProps) => {\n  const radius = size / 2\n  const normalizedRadius = radius - strokeWidth / 2\n  const circumference = normalizedRadius * 2 * Math.PI\n  const strokeDashoffset = circumference - (progress / 100) * circumference\n\n  return (\n    <div className=\"flex flex-col items-center justify-center\">\n      <div style={{ position: \"relative\", width: size, height: size }}>\n        <svg height={size} width={size} style={{ transform: \"rotate(-90deg)\" }}>\n          {/* Background circle */}\n          <circle\n            stroke={`${color}33`}\n            fill=\"transparent\"\n            strokeWidth={strokeWidth}\n            r={normalizedRadius}\n            cx={radius}\n            cy={radius}\n          />\n          {/* Progress circle */}\n          <circle\n            stroke={color}\n            fill=\"transparent\"\n            strokeWidth={strokeWidth}\n            strokeDasharray={circumference + \" \" + circumference}\n            style={{ strokeDashoffset }}\n            r={normalizedRadius}\n            cx={radius}\n            cy={radius}\n            strokeLinecap=\"round\"\n          />\n        </svg>\n        <div\n          style={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n            textAlign: \"center\",\n          }}\n        >\n          <div className=\"text-xl font-bold text-gray-200\">{value}</div>\n        </div>\n      </div>\n      <div className=\"mt-2 text-sm text-gray-300\">{label}</div>\n    </div>\n  )\n}\n\n// Interface for activity data props\ninterface ActivityData {\n  instances: {\n    current: number\n    total: number\n    quota: number\n    color: string\n  }\n  cpu: {\n    percentage: number\n    cores: number\n    color: string\n  }\n  memory: {\n    percentage: number\n    usedMB: number\n    color: string\n  }\n  storage: {\n    percentage: number\n    sizeGB: number\n    color: string\n  }\n  images: {\n    active: number\n    total: number\n    color: string\n  }\n}\n\nexport function ActivitySummary({ activityData }: { activityData: ActivityData }) {\n  return (\n    <Stack distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n      <ContentHeading className=\"my-6 text-xl font-semibold\">Activity Summary</ContentHeading>\n      <div className=\"flex flex-wrap justify-start gap-16\">\n        <ActivityRing\n          progress={(activityData.instances.current / activityData.instances.quota) * 100}\n          color={activityData.instances.color}\n          label=\"Instances\"\n          value={`${activityData.instances.current}/${activityData.instances.total}`}\n          size={120}\n        />\n        <ActivityRing\n          progress={activityData.cpu.percentage}\n          color={activityData.cpu.color}\n          label=\"CPU\"\n          value={`${activityData.cpu.percentage}%`}\n          size={120}\n        />\n        <ActivityRing\n          progress={activityData.memory.percentage}\n          color={activityData.memory.color}\n          label=\"Memory\"\n          value={`${activityData.memory.percentage}%`}\n          size={120}\n        />\n        <ActivityRing\n          progress={activityData.storage.percentage}\n          color={activityData.storage.color}\n          label=\"Storage\"\n          value={`${activityData.storage.percentage}%`}\n          size={120}\n        />\n      </div>\n    </Stack>\n  )\n}\n","import { ActivitySummary } from \"./ActivitySummary\"\nimport { Suspense, use } from \"react\"\nimport { Server } from \"@/server/Compute/types/server\"\nimport { ImagesPaginatedResponse } from \"@/server/Compute/types/image\"\nimport { TrpcClient } from \"@/client/trpcClient\"\nimport { Trans } from \"@lingui/react/macro\"\n\ninterface OverviewContainerProps {\n  getDataPromise: Promise<[Server[] | undefined, ImagesPaginatedResponse]>\n}\nconst OverviewContainer = ({ getDataPromise }: OverviewContainerProps) => {\n  const [servers, imagesResponse] = use(getDataPromise)\n  const images = imagesResponse.images\n  if (!servers && !images) return <div className=\"p-4 text-center\">No data found</div>\n\n  // Calculate server statistics\n  const activeServers = servers?.filter((server) => server.status === \"ACTIVE\")?.length || 0\n  const totalServers = servers?.length || 0\n  const estimatedServerQuota = Math.max(10, Math.ceil(totalServers * 1.5))\n\n  // Calculate resource usage based on server flavors\n  let totalCores = 0\n  let usedMemoryMB = 0\n  let totalDiskGB = 0\n\n  // Process server data to extract resource usage\n  servers?.forEach((server) => {\n    // Extract core count from flavor if available\n    if (server.flavor && server.flavor.vcpus) {\n      totalCores += server.flavor.vcpus\n    } else {\n      // Fallback estimate based on server name or other heuristics\n      const smallestSize = server.name?.includes(\"small\") || server.name?.includes(\"micro\")\n      totalCores += smallestSize ? 1 : 2\n    }\n\n    // Extract memory usage from flavor if available\n    if (server.flavor && server.flavor.ram) {\n      usedMemoryMB += server.flavor.ram\n    } else {\n      // Fallback estimate\n      usedMemoryMB += 1024 // Assume 1GB per instance as fallback\n    }\n\n    // Extract disk usage from flavor if available\n    if (server.flavor && server.flavor.disk) {\n      totalDiskGB += server.flavor.disk\n    } else {\n      // Fallback estimate\n      totalDiskGB += 20 // Assume 20GB per instance as fallback\n    }\n  })\n\n  // Calculate image statistics\n  const activeImages = images?.filter((image) => image.status === \"active\")?.length || 0\n  const totalImages = images?.length || 0\n\n  // Calculate resource percentage utilizations\n  const cpuPercentage = Math.min(100, Math.round((totalCores / 32) * 100))\n  const memoryPercentage = Math.min(100, Math.round((usedMemoryMB / 131072) * 100))\n  const storagePercentage = Math.min(100, Math.round((totalDiskGB / 1024) * 100))\n\n  // Prepare data to pass to ActivitySummary\n  const activityData = {\n    instances: {\n      current: activeServers,\n      total: totalServers,\n      quota: estimatedServerQuota,\n      color: \"#FF5733\",\n    },\n    cpu: {\n      percentage: cpuPercentage,\n      cores: totalCores,\n      color: \"#33A1FD\",\n    },\n    memory: {\n      percentage: memoryPercentage,\n      usedMB: usedMemoryMB,\n      color: \"#9B59B6\", // Purple color for memory\n    },\n    storage: {\n      percentage: storagePercentage,\n      sizeGB: totalDiskGB,\n      color: \"#4CAF50\",\n    },\n    images: {\n      active: activeImages,\n      total: totalImages,\n      color: \"#F1C40F\", // Yellow color for images if you want to use it\n    },\n  }\n\n  return (\n    <div className=\"h-full\">\n      <ActivitySummary activityData={activityData} />\n    </div>\n  )\n}\n\ninterface OverviewProps {\n  client: TrpcClient\n  project: string\n}\n\nexport function Overview({ client, project }: OverviewProps) {\n  const getDataPromise = Promise.all([\n    client.compute.getServersByProjectId.query({ project_id: project }),\n    client.compute.listImagesWithSearch.query({ project_id: project }),\n  ])\n\n  return (\n    <Suspense\n      fallback={\n        <div className=\"p-4 text-center\">\n          <Trans>Loading...</Trans>\n        </div>\n      }\n    >\n      <OverviewContainer getDataPromise={getDataPromise} />\n    </Suspense>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { Overview } from \"./-components/Overview\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/overview\")({\n  staticData: { section: \"compute\", service: \"overview\", crumb: { labelKey: \"Compute\" } } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Compute Overview` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n  return (\n    <>\n      <ContentHeading>{t`Compute Overview`}</ContentHeading>\n      <Overview project={projectId} client={trpcClient!} />\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"overview-C4gjtc2q.mjs","names":["ContentHeading","Stack","React","ActivityRing","progress","color","size","strokeWidth","label","value","radius","normalizedRadius","circumference","Math","PI","strokeDashoffset","div","className","style","position","width","height","svg","transform","circle","stroke","fill","r","cx","cy","strokeDasharray","strokeLinecap","top","left","textAlign","ActivitySummary","activityData","distribution","alignment","direction","instances","current","quota","total","cpu","percentage","memory","storage","ActivitySummary","Suspense","use","OverviewContainer","getDataPromise","servers","imagesResponse","images","div","className","activeServers","filter","server","status","length","totalServers","estimatedServerQuota","Math","max","ceil","totalCores","usedMemoryMB","totalDiskGB","forEach","flavor","vcpus","smallestSize","name","includes","ram","disk","activeImages","image","totalImages","cpuPercentage","min","round","memoryPercentage","storagePercentage","activityData","instances","current","total","quota","color","cpu","percentage","cores","memory","usedMB","storage","sizeGB","active","Overview","client","project","Promise","all","compute","getServersByProjectId","query","project_id","listImagesWithSearch","fallback","useLingui","Overview","ContentHeading","Route","RouteComponent","t","projectId","useParams","trpcClient","useRouteContext","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/-components/ActivitySummary.tsx","../../src/client/routes/_auth/projects/$projectId/compute/-components/Overview.tsx","../../src/client/routes/_auth/projects/$projectId/compute/overview.tsx?tsr-split=component"],"sourcesContent":["import { ContentHeading, Stack } from \"@cloudoperators/juno-ui-components/index\"\nimport React from \"react\"\n\ninterface ActivityRingProps {\n  progress: number // Progress percentage (0-100)\n  color: string // Color of the ring\n  size?: number // Size of the ring (default: 100)\n  strokeWidth?: number // Width of the stroke (default: 8)\n  label: string // Label for the ring\n  value: string // Value to display inside the ring\n}\n// Activity ring component inspired by Apple's activity rings\nconst ActivityRing = ({ progress, color, size = 100, strokeWidth = 8, label, value }: ActivityRingProps) => {\n  const radius = size / 2\n  const normalizedRadius = radius - strokeWidth / 2\n  const circumference = normalizedRadius * 2 * Math.PI\n  const strokeDashoffset = circumference - (progress / 100) * circumference\n\n  return (\n    <div className=\"flex flex-col items-center justify-center\">\n      <div style={{ position: \"relative\", width: size, height: size }}>\n        <svg height={size} width={size} style={{ transform: \"rotate(-90deg)\" }}>\n          {/* Background circle */}\n          <circle\n            stroke={`${color}33`}\n            fill=\"transparent\"\n            strokeWidth={strokeWidth}\n            r={normalizedRadius}\n            cx={radius}\n            cy={radius}\n          />\n          {/* Progress circle */}\n          <circle\n            stroke={color}\n            fill=\"transparent\"\n            strokeWidth={strokeWidth}\n            strokeDasharray={circumference + \" \" + circumference}\n            style={{ strokeDashoffset }}\n            r={normalizedRadius}\n            cx={radius}\n            cy={radius}\n            strokeLinecap=\"round\"\n          />\n        </svg>\n        <div\n          style={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n            textAlign: \"center\",\n          }}\n        >\n          <div className=\"text-xl font-bold text-gray-200\">{value}</div>\n        </div>\n      </div>\n      <div className=\"mt-2 text-sm text-gray-300\">{label}</div>\n    </div>\n  )\n}\n\n// Interface for activity data props\ninterface ActivityData {\n  instances: {\n    current: number\n    total: number\n    quota: number\n    color: string\n  }\n  cpu: {\n    percentage: number\n    cores: number\n    color: string\n  }\n  memory: {\n    percentage: number\n    usedMB: number\n    color: string\n  }\n  storage: {\n    percentage: number\n    sizeGB: number\n    color: string\n  }\n  images: {\n    active: number\n    total: number\n    color: string\n  }\n}\n\nexport function ActivitySummary({ activityData }: { activityData: ActivityData }) {\n  return (\n    <Stack distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n      <ContentHeading className=\"my-6 text-xl font-semibold\">Activity Summary</ContentHeading>\n      <div className=\"flex flex-wrap justify-start gap-16\">\n        <ActivityRing\n          progress={(activityData.instances.current / activityData.instances.quota) * 100}\n          color={activityData.instances.color}\n          label=\"Instances\"\n          value={`${activityData.instances.current}/${activityData.instances.total}`}\n          size={120}\n        />\n        <ActivityRing\n          progress={activityData.cpu.percentage}\n          color={activityData.cpu.color}\n          label=\"CPU\"\n          value={`${activityData.cpu.percentage}%`}\n          size={120}\n        />\n        <ActivityRing\n          progress={activityData.memory.percentage}\n          color={activityData.memory.color}\n          label=\"Memory\"\n          value={`${activityData.memory.percentage}%`}\n          size={120}\n        />\n        <ActivityRing\n          progress={activityData.storage.percentage}\n          color={activityData.storage.color}\n          label=\"Storage\"\n          value={`${activityData.storage.percentage}%`}\n          size={120}\n        />\n      </div>\n    </Stack>\n  )\n}\n","import { ActivitySummary } from \"./ActivitySummary\"\nimport { Suspense, use } from \"react\"\nimport { Server } from \"@/server/Compute/types/server\"\nimport { ImagesPaginatedResponse } from \"@/server/Compute/types/image\"\nimport { TrpcClient } from \"@/client/trpcClient\"\nimport { Trans } from \"@lingui/react/macro\"\n\ninterface OverviewContainerProps {\n  getDataPromise: Promise<[Server[] | undefined, ImagesPaginatedResponse]>\n}\nconst OverviewContainer = ({ getDataPromise }: OverviewContainerProps) => {\n  const [servers, imagesResponse] = use(getDataPromise)\n  const images = imagesResponse.images\n  if (!servers && !images) return <div className=\"p-4 text-center\">No data found</div>\n\n  // Calculate server statistics\n  const activeServers = servers?.filter((server) => server.status === \"ACTIVE\")?.length || 0\n  const totalServers = servers?.length || 0\n  const estimatedServerQuota = Math.max(10, Math.ceil(totalServers * 1.5))\n\n  // Calculate resource usage based on server flavors\n  let totalCores = 0\n  let usedMemoryMB = 0\n  let totalDiskGB = 0\n\n  // Process server data to extract resource usage\n  servers?.forEach((server) => {\n    // Extract core count from flavor if available\n    if (server.flavor && server.flavor.vcpus) {\n      totalCores += server.flavor.vcpus\n    } else {\n      // Fallback estimate based on server name or other heuristics\n      const smallestSize = server.name?.includes(\"small\") || server.name?.includes(\"micro\")\n      totalCores += smallestSize ? 1 : 2\n    }\n\n    // Extract memory usage from flavor if available\n    if (server.flavor && server.flavor.ram) {\n      usedMemoryMB += server.flavor.ram\n    } else {\n      // Fallback estimate\n      usedMemoryMB += 1024 // Assume 1GB per instance as fallback\n    }\n\n    // Extract disk usage from flavor if available\n    if (server.flavor && server.flavor.disk) {\n      totalDiskGB += server.flavor.disk\n    } else {\n      // Fallback estimate\n      totalDiskGB += 20 // Assume 20GB per instance as fallback\n    }\n  })\n\n  // Calculate image statistics\n  const activeImages = images?.filter((image) => image.status === \"active\")?.length || 0\n  const totalImages = images?.length || 0\n\n  // Calculate resource percentage utilizations\n  const cpuPercentage = Math.min(100, Math.round((totalCores / 32) * 100))\n  const memoryPercentage = Math.min(100, Math.round((usedMemoryMB / 131072) * 100))\n  const storagePercentage = Math.min(100, Math.round((totalDiskGB / 1024) * 100))\n\n  // Prepare data to pass to ActivitySummary\n  const activityData = {\n    instances: {\n      current: activeServers,\n      total: totalServers,\n      quota: estimatedServerQuota,\n      color: \"#FF5733\",\n    },\n    cpu: {\n      percentage: cpuPercentage,\n      cores: totalCores,\n      color: \"#33A1FD\",\n    },\n    memory: {\n      percentage: memoryPercentage,\n      usedMB: usedMemoryMB,\n      color: \"#9B59B6\", // Purple color for memory\n    },\n    storage: {\n      percentage: storagePercentage,\n      sizeGB: totalDiskGB,\n      color: \"#4CAF50\",\n    },\n    images: {\n      active: activeImages,\n      total: totalImages,\n      color: \"#F1C40F\", // Yellow color for images if you want to use it\n    },\n  }\n\n  return (\n    <div className=\"h-full\">\n      <ActivitySummary activityData={activityData} />\n    </div>\n  )\n}\n\ninterface OverviewProps {\n  client: TrpcClient\n  project: string\n}\n\nexport function Overview({ client, project }: OverviewProps) {\n  const getDataPromise = Promise.all([\n    client.compute.getServersByProjectId.query({ project_id: project }),\n    client.compute.listImagesWithSearch.query({ project_id: project }),\n  ])\n\n  return (\n    <Suspense\n      fallback={\n        <div className=\"p-4 text-center\">\n          <Trans>Loading...</Trans>\n        </div>\n      }\n    >\n      <OverviewContainer getDataPromise={getDataPromise} />\n    </Suspense>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { Overview } from \"./-components/Overview\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/overview\")({\n  staticData: { section: \"compute\", service: \"overview\", crumb: { labelKey: \"Compute\" } } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Compute Overview` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n  return (\n    <>\n      <ContentHeading>{t`Compute Overview`}</ContentHeading>\n      <Overview project={projectId} client={trpcClient!} />\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/client/{overview-D0AAvsmL.mjs → overview-CmQkJ4Hh.mjs}

@@ -7,9 +7,9 @@ var r = e("/_auth/projects/$projectId/compute/overview")({
 		crumb: { labelKey: "Compute" }
 	},
 	head: () => ({ meta: [{ title: n._({ id: "grs4+e" }) }] }),
-	component: t(() => import("./overview-BnmukbFh.mjs"), "component")
+	component: t(() => import("./overview-C4gjtc2q.mjs"), "component")
 });
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=overview-D0AAvsmL.mjs.map
+//# sourceMappingURL=overview-CmQkJ4Hh.mjs.map

package/dist/client/{overview-D0AAvsmL.mjs.map → overview-CmQkJ4Hh.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"overview-D0AAvsmL.mjs","names":["createFileRoute","t","Route","staticData","section","service","crumb","labelKey","RouteInfo","head","meta","title","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/overview.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { Overview } from \"./-components/Overview\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/overview\")({\n  staticData: { section: \"compute\", service: \"overview\", crumb: { labelKey: \"Compute\" } } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Compute Overview` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n  return (\n    <>\n      <ContentHeading>{t`Compute Overview`}</ContentHeading>\n      <Overview project={projectId} client={trpcClient!} />\n    </>\n  )\n}\n"],"mappings":";;AAOA,IAAaE,IAAQF,EAAgB,8CAAA,CAA+C;CAClFG,YAAY;EAAEC,SAAS;EAAWC,SAAS;EAAYC,OAAO,EAAEC,UAAU,WAAU;EAAE;CACtFE,aAAa,EAAEC,MAAM,CAAC,EAAEC,OAAOV,EAAAA,EAAC,EAAA,IAAA,UAAA,CAAA,EAAmB,CAAC,EAAE;CACtDW,WAASC,2CAAA,YAAA;CACX,CAAA"}
+{"version":3,"file":"overview-CmQkJ4Hh.mjs","names":["createFileRoute","t","Route","staticData","section","service","crumb","labelKey","RouteInfo","head","meta","title","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/overview.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { Overview } from \"./-components/Overview\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/overview\")({\n  staticData: { section: \"compute\", service: \"overview\", crumb: { labelKey: \"Compute\" } } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Compute Overview` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n  return (\n    <>\n      <ContentHeading>{t`Compute Overview`}</ContentHeading>\n      <Overview project={projectId} client={trpcClient!} />\n    </>\n  )\n}\n"],"mappings":";;AAOA,IAAaE,IAAQF,EAAgB,8CAAA,CAA+C;CAClFG,YAAY;EAAEC,SAAS;EAAWC,SAAS;EAAYC,OAAO,EAAEC,UAAU,WAAU;EAAE;CACtFE,aAAa,EAAEC,MAAM,CAAC,EAAEC,OAAOV,EAAAA,EAAC,EAAA,IAAA,UAAA,CAAA,EAAmB,CAAC,EAAE;CACtDW,WAASC,2CAAA,YAAA;CACX,CAAA"}

package/dist/client/{overview-BtIXpYBo.mjs → overview-DTLIAKkJ.mjs}

@@ -1,4 +1,4 @@
-import { O as e } from "./build-Cf7iWbpH.mjs";
+import { A as e } from "./build-CZRvXrAL.mjs";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import { Trans as i, useLingui as a } from "@lingui/react";
 //#region src/client/routes/_auth/projects/$projectId/network/overview.tsx?tsr-split=component
@@ -12,4 +12,4 @@ function o() {
 //#endregion
 export { o as component };
 
-//# sourceMappingURL=overview-BtIXpYBo.mjs.map
+//# sourceMappingURL=overview-DTLIAKkJ.mjs.map

package/dist/client/{overview-BtIXpYBo.mjs.map → overview-DTLIAKkJ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"overview-BtIXpYBo.mjs","names":["useLingui","Trans","ContentHeading","RouteComponent","t","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/overview.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/overview\")({\n  staticData: { section: \"network\", service: \"overview\", crumb: { labelKey: \"Network\" } } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Network Overview` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  return (\n    <>\n      <ContentHeading>{t`Network Overview`}</ContentHeading>\n      <div className=\"p-4 text-center\">\n        <Trans>Network Overview</Trans>\n      </div>\n    </>\n  )\n}\n"],"mappings":";;;;AAYA,SAASG,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQH,GAAAA;AACd,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAA,EAAA,UAAgBI,EAAAA,EAAC,EAAA,IAAA,UAAA,CAAA,EAAA,CAAA,EAClB,kBAAC,OAAA;EAAI,WAAU;YACb,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA"}
+{"version":3,"file":"overview-DTLIAKkJ.mjs","names":["useLingui","Trans","ContentHeading","RouteComponent","t","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/overview.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/overview\")({\n  staticData: { section: \"network\", service: \"overview\", crumb: { labelKey: \"Network\" } } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Network Overview` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  return (\n    <>\n      <ContentHeading>{t`Network Overview`}</ContentHeading>\n      <div className=\"p-4 text-center\">\n        <Trans>Network Overview</Trans>\n      </div>\n    </>\n  )\n}\n"],"mappings":";;;;AAYA,SAASG,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQH,GAAAA;AACd,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAA,EAAA,UAAgBI,EAAAA,EAAC,EAAA,IAAA,UAAA,CAAA,EAAA,CAAA,EAClB,kBAAC,OAAA;EAAI,WAAU;YACb,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA"}

package/dist/client/{pca-V2aaOxZA.mjs → pca-CYFJxSZ2.mjs}

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

package/dist/client/{pca-V2aaOxZA.mjs.map → pca-CYFJxSZ2.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"pca-V2aaOxZA.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","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","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","error","dismissible","variant","className","div","span","id","e","preventDefault","Field","name","children","field","state","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 } 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  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}\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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"}
+{"version":3,"file":"pca-CYFJxSZ2.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","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","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","error","dismissible","variant","className","div","span","id","e","preventDefault","Field","name","children","field","state","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 } 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  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}\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-BqZycwCu.mjs → pca-DzixU9Dl.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-V2aaOxZA.mjs"), "component")
+	component: t(() => import("./pca-CYFJxSZ2.mjs"), "component")
 });
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=pca-BqZycwCu.mjs.map
+//# sourceMappingURL=pca-DzixU9Dl.mjs.map

package/dist/client/{pca-BqZycwCu.mjs.map → pca-DzixU9Dl.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"pca-BqZycwCu.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-DzixU9Dl.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"}

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

@@ -1 +1 @@
-{"version":3,"file":"projects-BsN4bvU2.mjs","names":["SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useState } from \"react\"\nimport { ProjectsOverviewNavBar, ViewMode } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { ProjectListView } from \"@/client/routes/_auth/projects/-components/ProjectListView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\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\n  validateSearch: searchSchema,\n\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    // Filter projects based on search term\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 {\n      projects,\n    }\n  },\n})\n\nfunction ProjectsOverview() {\n  const [viewMode, setViewMode] = useState<ViewMode>(\"card\")\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({\n      search: { search: value },\n      replace: true,\n    })\n  }\n\n  return (\n    <div>\n      <div className=\"mx-auto h-full w-full max-w-full p-4 lg:w-3/4 xl:w-2/3 2xl:w-5/8\">\n        <div className=\"mx-auto w-full\">\n          <ContentHeading className=\"px-4 pt-4\">\n            <Trans>Projects</Trans>\n          </ContentHeading>\n          <ProjectsOverviewNavBar\n            viewMode={viewMode}\n            setViewMode={setViewMode}\n            searchTerm={search}\n            onSearch={handleSearch}\n          />\n          <div className=\"w-full pt-5\">\n            {viewMode === \"list\" ? <ProjectListView projects={projects} /> : <ProjectCardView projects={projects} />}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;cAsBW,kBAAC,KAAA,EAAA,UAAE,sBAAA,CAAA"}
+{"version":3,"file":"projects-BsN4bvU2.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"}

package/dist/client/{projects-0feOw_b6.mjs → projects-BtyjXGq2.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-BsN4bvU2.mjs"), i = () => import("./projects-jyIHL6DE.mjs"), a = () => import("./projects-C1IYOvFQ.mjs"), o = n.object({ search: n.string().optional() }), s = e("/_auth/projects/")({
+var r = () => import("./projects-BsN4bvU2.mjs"), i = () => import("./projects-DwVawmll.mjs"), a = () => import("./projects-D3hOC1cy.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-BsN4bvU2.mjs"), i = () => import("./projects-jy
 //#endregion
 export { s as t };
 
-//# sourceMappingURL=projects-0feOw_b6.mjs.map
+//# sourceMappingURL=projects-BtyjXGq2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"projects-BtyjXGq2.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"}