@cobaltcore-dev/aurora 0.1.0

package/dist/client/objects-DkDKVSmQ.mjs

@@ -0,0 +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
+var n = () => /* @__PURE__ */ e("p", { children: /* @__PURE__ */ e(t, { id: "FRtmJJ" }) });
+//#endregion
+export { n as notFoundComponent };
+
+//# sourceMappingURL=objects-DkDKVSmQ.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"objects-DkDKVSmQ.mjs","names":["Trans","SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { createFileRoute, redirect, useParams } from \"@tanstack/react-router\"\nimport { useEffect } from \"react\"\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 { ObjectBrowserView } 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    containerName: string\n  }\n) => {\n  const { provider, projectId, 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/compute/overview\",\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\n  if (provider !== \"swift\" && provider !== \"ceph\") {\n    if (!fallbackProvider) {\n      throw redirect({\n        to: \"/projects/$projectId/compute/overview\",\n        params: { projectId },\n      })\n    }\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/containers/$containerName/objects\",\n      params: { projectId, provider: fallbackProvider, containerName },\n    })\n  }\n\n  if (provider === \"swift\" && !hasSwift) {\n    if (!hasEffectiveCeph) {\n      throw redirect({\n        to: \"/projects/$projectId/compute/overview\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/containers/$containerName/objects\",\n      params: { projectId, provider: \"ceph\", containerName },\n    })\n  }\n\n  if (provider === \"ceph\" && !hasEffectiveCeph) {\n    if (!hasSwift) {\n      throw redirect({\n        to: \"/projects/$projectId/compute/overview\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/containers/$containerName/objects\",\n      params: { projectId, provider: \"swift\", containerName },\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(\"/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/\")(\n  {\n    staticData: { section: \"storage\", service: \"containers\", isDetail: true } satisfies RouteInfo,\n    validateSearch: objectsSearchSchema,\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)\n\nfunction ObjectsDashboard() {\n  const { project, provider, containerName } = useParams({\n    from: \"/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/\",\n    select: (params) => ({\n      project: params.projectId,\n      provider: params.provider,\n      containerName: params.containerName,\n    }),\n  })\n\n  // Extract prefix and sort params so the ErrorBoundary can reset when the user\n  // navigates to a different folder — without this, a thrown error stays visible until reload.\n  const { prefix, sortBy, sortDirection, search } = Route.useSearch()\n\n  const { setPageTitle } = Route.useRouteContext()\n  const pageTitle = containerName\n\n  useEffect(() => {\n    setPageTitle(pageTitle)\n  }, [pageTitle, setPageTitle])\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 />\n              case \"ceph\":\n                return <ObjectBrowserView 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":";;;AA2FA,IAAAC,UAiBQ,kBAAC,KAAA,EAAA,UACC,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA,EAAA,CAAA"}

package/dist/client/objects-r_Vl31oj.mjs

@@ -0,0 +1,80 @@
+import { t as e } from "./helpers--JWXi40U.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-DkDKVSmQ.mjs"), o = () => import("./objects-CKk6cST_.mjs"), s = (t, n) => {
+	let { provider: i, projectId: a, containerName: o } = n, s = e(t);
+	if (!s["object-store"]) throw r({
+		to: "/projects/$projectId/compute/overview",
+		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",
+		params: {
+			projectId: a,
+			provider: u,
+			containerName: o
+		}
+	} : {
+		to: "/projects/$projectId/compute/overview",
+		params: { projectId: a }
+	});
+	if (i === "swift" && !c) throw r(l ? {
+		to: "/projects/$projectId/storage/$provider/containers/$containerName/objects",
+		params: {
+			projectId: a,
+			provider: "ceph",
+			containerName: o
+		}
+	} : {
+		to: "/projects/$projectId/compute/overview",
+		params: { projectId: a }
+	});
+	if (i === "ceph" && !l) throw r(c ? {
+		to: "/projects/$projectId/storage/$provider/containers/$containerName/objects",
+		params: {
+			projectId: a,
+			provider: "swift",
+			containerName: o
+		}
+	} : {
+		to: "/projects/$projectId/compute/overview",
+		params: { projectId: a }
+	});
+}, c = i.object({
+	prefix: i.string().optional(),
+	sortBy: i.enum([
+		"name",
+		"last_modified",
+		"bytes",
+		"lastModified",
+		"size"
+	]).optional(),
+	sortDirection: i.enum(["asc", "desc"]).optional(),
+	search: i.string().optional()
+}), l = t("/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/")({
+	staticData: {
+		section: "storage",
+		service: "containers",
+		isDetail: !0
+	},
+	validateSearch: c,
+	component: n(o, "component"),
+	notFoundComponent: n(a, "notFoundComponent"),
+	loader: async ({ context: e }) => {
+		let { trpcClient: t } = e;
+		return {
+			client: t,
+			availableServices: await t?.auth.getAvailableServices.query()
+		};
+	},
+	beforeLoad: async ({ context: e, params: t }) => {
+		let { trpcClient: n } = e;
+		s(await n?.auth.getAvailableServices.query(), t);
+	}
+});
+//#endregion
+export { l as t };
+
+//# sourceMappingURL=objects-r_Vl31oj.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"objects-r_Vl31oj.mjs","names":["createFileRoute","redirect","getServiceIndex","z","checkServiceAvailability","availableServices","type","name","params","projectId","provider","containerName","serviceIndex","to","hasSwift","Boolean","hasCeph","cephFallbackEnabled","hasEffectiveCeph","fallbackProvider","objectsSearchSchema","object","prefix","string","optional","sortBy","enum","sortDirection","search","Route","staticData","section","service","isDetail","RouteInfo","validateSearch","component","lazyRouteComponent","$$splitComponentImporter","notFoundComponent","$$splitNotFoundComponentImporter","loader","context","trpcClient","auth","getAvailableServices","query","client","beforeLoad"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/index.tsx"],"sourcesContent":["import { createFileRoute, redirect, useParams } from \"@tanstack/react-router\"\nimport { useEffect } from \"react\"\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 { ObjectBrowserView } 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    containerName: string\n  }\n) => {\n  const { provider, projectId, 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/compute/overview\",\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\n  if (provider !== \"swift\" && provider !== \"ceph\") {\n    if (!fallbackProvider) {\n      throw redirect({\n        to: \"/projects/$projectId/compute/overview\",\n        params: { projectId },\n      })\n    }\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/containers/$containerName/objects\",\n      params: { projectId, provider: fallbackProvider, containerName },\n    })\n  }\n\n  if (provider === \"swift\" && !hasSwift) {\n    if (!hasEffectiveCeph) {\n      throw redirect({\n        to: \"/projects/$projectId/compute/overview\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/containers/$containerName/objects\",\n      params: { projectId, provider: \"ceph\", containerName },\n    })\n  }\n\n  if (provider === \"ceph\" && !hasEffectiveCeph) {\n    if (!hasSwift) {\n      throw redirect({\n        to: \"/projects/$projectId/compute/overview\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/containers/$containerName/objects\",\n      params: { projectId, provider: \"swift\", containerName },\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(\"/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/\")(\n  {\n    staticData: { section: \"storage\", service: \"containers\", isDetail: true } satisfies RouteInfo,\n    validateSearch: objectsSearchSchema,\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)\n\nfunction ObjectsDashboard() {\n  const { project, provider, containerName } = useParams({\n    from: \"/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/\",\n    select: (params) => ({\n      project: params.projectId,\n      provider: params.provider,\n      containerName: params.containerName,\n    }),\n  })\n\n  // Extract prefix and sort params so the ErrorBoundary can reset when the user\n  // navigates to a different folder — without this, a thrown error stays visible until reload.\n  const { prefix, sortBy, sortDirection, search } = Route.useSearch()\n\n  const { setPageTitle } = Route.useRouteContext()\n  const pageTitle = containerName\n\n  useEffect(() => {\n    setPageTitle(pageTitle)\n  }, [pageTitle, setPageTitle])\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 />\n              case \"ceph\":\n                return <ObjectBrowserView 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":";;;;4FAUaI,KACXC,GAIAG,MAAAA;CAMA,IAAM,EAAEE,aAAUD,cAAWE,qBAAkBH,GAEzCI,IAAeV,EAAgBG,EAAAA;AAGrC,KAAI,CAACO,EAAa,gBAChB,OAAMX,EAAS;EACbY,IAAI;EACJL,QAAQ,EAAEC,cAAU;EACtB,CAAA;CAIF,IAAMK,IAAWC,EAAQH,EAAa,gBAAgB,OAQhDM,IAPUH,EAAQH,EAAa,gBAAgB,QAIzB,IAItBO,IAAmBL,IAAW,UAAUI,IAAmB,SAAS;AAE1E,KAAIR,MAAa,WAAWA,MAAa,OAOvC,OAAMT,EANDkB,IAMU;EACbN,IAAI;EACJL,QAAQ;GAAEC;GAAWC,UAAUS;GAAkBR;GAAc;EACjE,GARiB;EACbE,IAAI;EACJL,QAAQ,EAAEC,cAAU;EACtB,CAAA;AAQJ,KAAIC,MAAa,WAAW,CAACI,EAQ3B,OAAMb,EAPDiB,IAOU;EACbL,IAAI;EACJL,QAAQ;GAAEC;GAAWC,UAAU;GAAQC;GAAc;EACvD,GATiB;EACbE,IAAI;EACJL,QAAQ,EAAEC,cAAU;EACtB,CAAA;AASJ,KAAIC,MAAa,UAAU,CAACQ,EAQ1B,OAAMjB,EAPDa,IAOU;EACbD,IAAI;EACJL,QAAQ;GAAEC;GAAWC,UAAU;GAASC;GAAc;EACxD,GATiB;EACbE,IAAI;EACJL,QAAQ,EAAEC,cAAU;EACtB,CAAA;GAeAW,IAAsBjB,EAAEkB,OAAO;CACnCC,QAAQnB,EAAEoB,QAAM,CAAGC,UAAQ;CAC3BC,QAAQtB,EAAEuB,KAAK;EAAC;EAAQ;EAAiB;EAAS;EAAgB;EAAO,CAAA,CAAEF,UAAQ;CACnFG,eAAexB,EAAEuB,KAAK,CAAC,OAAO,OAAO,CAAA,CAAEF,UAAQ;CAC/CI,QAAQzB,EAAEoB,QAAM,CAAGC,UAAQ;CAC7B,CAAA,EAEaK,IAAQ7B,EAAgB,kFAAA,CACnC;CACE8B,YAAY;EAAEC,SAAS;EAAWC,SAAS;EAAcC,UAAU;EAAK;CACxEE,gBAAgBf;CAChBgB,WAASC,EAAAC,GAAA,YAAA;CAGTC,mBAAiBF,EAAAG,GAAA,oBAAA;CAOjBC,QAAQ,OAAO,EAAEC,iBAAS;EACxB,IAAM,EAAEC,kBAAeD;AAGvB,SAAO;GACLK,QAAQJ;GACRtC,mBAJwB,MAAMsC,GAAYC,KAAKC,qBAAqBC,OAAAA;GAKtE;;CAEFE,YAAY,OAAO,EAAEN,YAASlC,gBAAQ;EACpC,IAAM,EAAEmC,kBAAeD;AAEvBtC,IAD0B,MAAMuC,GAAYC,KAAKC,qBAAqBC,OAAAA,EACzBtC,EAAAA;;CAEjD,CAAA"}

package/dist/client/overview-B7pXx6bt.mjs

@@ -0,0 +1,173 @@
+import { q as e, w as t } from "./build-eu9eg0zF.mjs";
+import { t as n } from "./overview-Dxm7Ef3X.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";
+//#region src/client/routes/_auth/projects/$projectId/compute/-components/ActivitySummary.tsx
+var u = ({ progress: e, color: t, size: n = 100, strokeWidth: r = 8, label: o, value: s }) => {
+	let c = n / 2, l = c - r / 2, u = l * 2 * Math.PI, d = u - e / 100 * u;
+	return /* @__PURE__ */ a("div", {
+		className: "flex flex-col items-center justify-center",
+		children: [/* @__PURE__ */ a("div", {
+			style: {
+				position: "relative",
+				width: n,
+				height: n
+			},
+			children: [/* @__PURE__ */ a("svg", {
+				height: n,
+				width: n,
+				style: { transform: "rotate(-90deg)" },
+				children: [/* @__PURE__ */ i("circle", {
+					stroke: `${t}33`,
+					fill: "transparent",
+					strokeWidth: r,
+					r: l,
+					cx: c,
+					cy: c
+				}), /* @__PURE__ */ i("circle", {
+					stroke: t,
+					fill: "transparent",
+					strokeWidth: r,
+					strokeDasharray: u + " " + u,
+					style: { strokeDashoffset: d },
+					r: l,
+					cx: c,
+					cy: c,
+					strokeLinecap: "round"
+				})]
+			}), /* @__PURE__ */ i("div", {
+				style: {
+					position: "absolute",
+					top: "50%",
+					left: "50%",
+					transform: "translate(-50%, -50%)",
+					textAlign: "center"
+				},
+				children: /* @__PURE__ */ i("div", {
+					className: "text-xl font-bold text-gray-200",
+					children: s
+				})
+			})]
+		}), /* @__PURE__ */ i("div", {
+			className: "mt-2 text-sm text-gray-300",
+			children: o
+		})]
+	});
+};
+function d({ activityData: n }) {
+	return /* @__PURE__ */ a(e, {
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: [/* @__PURE__ */ i(t, {
+			className: "my-6 text-xl font-semibold",
+			children: "Activity Summary"
+		}), /* @__PURE__ */ a("div", {
+			className: "flex flex-wrap justify-start gap-16",
+			children: [
+				/* @__PURE__ */ i(u, {
+					progress: n.instances.current / n.instances.quota * 100,
+					color: n.instances.color,
+					label: "Instances",
+					value: `${n.instances.current}/${n.instances.total}`,
+					size: 120
+				}),
+				/* @__PURE__ */ i(u, {
+					progress: n.cpu.percentage,
+					color: n.cpu.color,
+					label: "CPU",
+					value: `${n.cpu.percentage}%`,
+					size: 120
+				}),
+				/* @__PURE__ */ i(u, {
+					progress: n.memory.percentage,
+					color: n.memory.color,
+					label: "Memory",
+					value: `${n.memory.percentage}%`,
+					size: 120
+				}),
+				/* @__PURE__ */ i(u, {
+					progress: n.storage.percentage,
+					color: n.storage.color,
+					label: "Storage",
+					value: `${n.storage.percentage}%`,
+					size: 120
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/-components/Overview.tsx
+var f = ({ getDataPromise: e }) => {
+	let [t, n] = s(e), r = n.images;
+	if (!t && !r) return /* @__PURE__ */ i("div", {
+		className: "p-4 text-center",
+		children: "No data found"
+	});
+	let a = t?.filter((e) => e.status === "ACTIVE")?.length || 0, o = t?.length || 0, c = Math.max(10, Math.ceil(o * 1.5)), l = 0, u = 0, f = 0;
+	t?.forEach((e) => {
+		if (e.flavor && e.flavor.vcpus) l += e.flavor.vcpus;
+		else {
+			let t = e.name?.includes("small") || e.name?.includes("micro");
+			l += t ? 1 : 2;
+		}
+		e.flavor && e.flavor.ram ? u += e.flavor.ram : u += 1024, e.flavor && e.flavor.disk ? f += e.flavor.disk : f += 20;
+	});
+	let p = r?.filter((e) => e.status === "active")?.length || 0, m = r?.length || 0, h = Math.min(100, Math.round(l / 32 * 100)), g = Math.min(100, Math.round(u / 131072 * 100)), _ = Math.min(100, Math.round(f / 1024 * 100));
+	return /* @__PURE__ */ i("div", {
+		className: "h-full",
+		children: /* @__PURE__ */ i(d, { activityData: {
+			instances: {
+				current: a,
+				total: o,
+				quota: c,
+				color: "#FF5733"
+			},
+			cpu: {
+				percentage: h,
+				cores: l,
+				color: "#33A1FD"
+			},
+			memory: {
+				percentage: g,
+				usedMB: u,
+				color: "#9B59B6"
+			},
+			storage: {
+				percentage: _,
+				sizeGB: f,
+				color: "#4CAF50"
+			},
+			images: {
+				active: p,
+				total: m,
+				color: "#F1C40F"
+			}
+		} })
+	});
+};
+function p({ client: e, project: t }) {
+	let n = Promise.all([e.compute.getServersByProjectId.query({ project_id: t }), e.compute.listImagesWithSearch.query({ project_id: t })]);
+	return /* @__PURE__ */ i(o, {
+		fallback: /* @__PURE__ */ i("div", {
+			className: "p-4 text-center",
+			children: /* @__PURE__ */ i(c, { id: "Z3FXyt" })
+		}),
+		children: /* @__PURE__ */ i(f, { getDataPromise: n })
+	});
+}
+//#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, setPageTitle: u } = n.useRouteContext();
+	return u(e._({ id: "grs4+e" })), /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, { children: e._({ id: "grs4+e" }) }), /* @__PURE__ */ i(p, {
+		project: s,
+		client: c
+	})] });
+}
+//#endregion
+export { m as component };
+
+//# sourceMappingURL=overview-B7pXx6bt.mjs.map

package/dist/client/overview-B7pXx6bt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview-B7pXx6bt.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","setPageTitle","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 { 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\" } satisfies RouteInfo,\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n  const { trpcClient, setPageTitle } = Route.useRouteContext()\n  setPageTitle(t`Compute Overview`)\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-CKGLIu6W.mjs

@@ -0,0 +1,12 @@
+import { createFileRoute as e, lazyRouteComponent as t } from "@tanstack/react-router";
+var n = e("/_auth/projects/$projectId/network/overview")({
+	staticData: {
+		section: "network",
+		service: "overview"
+	},
+	component: t(() => import("./overview-Ca8r3SAz.mjs"), "component")
+});
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=overview-CKGLIu6W.mjs.map

package/dist/client/overview-CKGLIu6W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview-CKGLIu6W.mjs","names":["createFileRoute","Route","staticData","section","service","RouteInfo","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/overview.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\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\" } satisfies RouteInfo,\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { setPageTitle } = Route.useRouteContext()\n  setPageTitle(t`Network Overview`)\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":";AAKA,IAAaC,IAAQD,EAAgB,8CAAA,CAA+C;CAClFE,YAAY;EAAEC,SAAS;EAAWC,SAAS;EAAW;CACtDE,WAASC,2CAAA,YAAA;CACX,CAAA"}

package/dist/client/overview-Ca8r3SAz.mjs

@@ -0,0 +1,16 @@
+import { w as e } from "./build-eu9eg0zF.mjs";
+import { t } from "./overview-CKGLIu6W.mjs";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Trans as a, useLingui as o } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/network/overview.tsx?tsr-split=component
+function s() {
+	let { i18n: s, _: c } = o(), { setPageTitle: l } = t.useRouteContext();
+	return l(s._({ id: "vcXmqy" })), /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(e, { children: s._({ id: "vcXmqy" }) }), /* @__PURE__ */ r("div", {
+		className: "p-4 text-center",
+		children: /* @__PURE__ */ r(a, { id: "vcXmqy" })
+	})] });
+}
+//#endregion
+export { s as component };
+
+//# sourceMappingURL=overview-Ca8r3SAz.mjs.map

package/dist/client/overview-Ca8r3SAz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview-Ca8r3SAz.mjs","names":["useLingui","Trans","ContentHeading","Route","RouteComponent","t","setPageTitle","useRouteContext","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/overview.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\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\" } satisfies RouteInfo,\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { setPageTitle } = Route.useRouteContext()\n  setPageTitle(t`Network Overview`)\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":";;;;;AAUA,SAASI,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQJ,GAAAA,EACR,EAAEM,oBAAiBH,EAAMI,iBAAe;AAE9C,QADAD,EAAaD,EAAAA,EAAC,EAAA,IAAA,UAAA,CAAA,CAAA,EAEZ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAA,EAAA,UAAgBA,EAAAA,EAAC,EAAA,IAAA,UAAA,CAAA,EAAA,CAAA,EAClB,kBAAC,OAAA;EAAI,WAAU;YACb,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA"}

package/dist/client/overview-DkPM0Od5.mjs

@@ -0,0 +1,12 @@
+import { createFileRoute as e, lazyRouteComponent as t } from "@tanstack/react-router";
+var n = e("/_auth/projects/$projectId/services/overview")({
+	staticData: {
+		section: "services",
+		service: "overview"
+	},
+	component: t(() => import("./overview-ag4Envez.mjs"), "component")
+});
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=overview-DkPM0Od5.mjs.map

package/dist/client/overview-DkPM0Od5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview-DkPM0Od5.mjs","names":["createFileRoute","RouteInfo","Route","staticData","section","service","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/overview.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\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\" } satisfies RouteInfo,\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { setPageTitle } = Route.useRouteContext()\n  setPageTitle(t`Services Overview`)\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":";AAKA,IAAaE,IAAQF,EAAgB,+CAAA,CAAgD;CACnFG,YAAY;EAAEC,SAAS;EAAYC,SAAS;EAAW;CACvDC,WAASC,2CAAA,YAAA;CACX,CAAA"}

package/dist/client/overview-Dxm7Ef3X.mjs

@@ -0,0 +1,12 @@
+import { createFileRoute as e, lazyRouteComponent as t } from "@tanstack/react-router";
+var n = e("/_auth/projects/$projectId/compute/overview")({
+	staticData: {
+		section: "compute",
+		service: "overview"
+	},
+	component: t(() => import("./overview-B7pXx6bt.mjs"), "component")
+});
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=overview-Dxm7Ef3X.mjs.map

package/dist/client/overview-Dxm7Ef3X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview-Dxm7Ef3X.mjs","names":["createFileRoute","Route","staticData","section","service","RouteInfo","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/overview.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\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\" } satisfies RouteInfo,\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n  const { trpcClient, setPageTitle } = Route.useRouteContext()\n  setPageTitle(t`Compute Overview`)\n  return (\n    <>\n      <ContentHeading>{t`Compute Overview`}</ContentHeading>\n      <Overview project={projectId} client={trpcClient!} />\n    </>\n  )\n}\n"],"mappings":";AAMA,IAAaC,IAAQD,EAAgB,8CAAA,CAA+C;CAClFE,YAAY;EAAEC,SAAS;EAAWC,SAAS;EAAW;CACtDE,WAASC,2CAAA,YAAA;CACX,CAAA"}

package/dist/client/overview-ag4Envez.mjs

@@ -0,0 +1,16 @@
+import { w as e } from "./build-eu9eg0zF.mjs";
+import { t } from "./overview-DkPM0Od5.mjs";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Trans as a, useLingui as o } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/services/overview.tsx?tsr-split=component
+function s() {
+	let { i18n: s, _: c } = o(), { setPageTitle: l } = t.useRouteContext();
+	return l(s._({ id: "rvT6l1" })), /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(e, { children: s._({ id: "rvT6l1" }) }), /* @__PURE__ */ r("div", {
+		className: "p-4 text-center",
+		children: /* @__PURE__ */ r(a, { id: "rvT6l1" })
+	})] });
+}
+//#endregion
+export { s as component };
+
+//# sourceMappingURL=overview-ag4Envez.mjs.map

package/dist/client/overview-ag4Envez.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview-ag4Envez.mjs","names":["useLingui","Trans","ContentHeading","Route","RouteComponent","t","setPageTitle","useRouteContext","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/overview.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\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\" } satisfies RouteInfo,\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { setPageTitle } = Route.useRouteContext()\n  setPageTitle(t`Services Overview`)\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":";;;;;AAUA,SAASI,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQJ,GAAAA,EACR,EAAEM,oBAAiBH,EAAMI,iBAAe;AAE9C,QADAD,EAAaD,EAAAA,EAAC,EAAA,IAAA,UAAA,CAAA,CAAA,EAEZ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAA,EAAA,UAAgBA,EAAAA,EAAC,EAAA,IAAA,UAAA,CAAA,EAAA,CAAA,EAClB,kBAAC,OAAA;EAAI,WAAU;YACb,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA"}

package/dist/client/pca-BGv7Mprl.mjs

@@ -0,0 +1,12 @@
+import { createFileRoute as e, lazyRouteComponent as t } from "@tanstack/react-router";
+var n = e("/_auth/projects/$projectId/services/pca/")({
+	staticData: {
+		section: "services",
+		service: "pca"
+	},
+	component: t(() => import("./pca-DpULpMu5.mjs"), "component")
+});
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=pca-BGv7Mprl.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pca-BGv7Mprl.mjs","names":["createFileRoute","Route","staticData","section","service","RouteInfo","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\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: { section: \"services\", service: \"pca\" } satisfies RouteInfo,\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n  const { setPageTitle } = Route.useRouteContext()\n\n  setPageTitle(t`PCA`)\n\n  return (\n    <>\n      <ContentHeader title={t`PCA`} projectId={projectId} />\n      <PcaListContainer />\n    </>\n  )\n}\n"],"mappings":";AAMA,IAAaC,IAAQD,EAAgB,2CAAA,CAA4C;CAC/EE,YAAY;EAAEC,SAAS;EAAYC,SAAS;EAAM;CAClDE,WAASC,sCAAA,YAAA;CACX,CAAA"}

package/dist/client/pca-DpULpMu5.mjs

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