@cobaltcore-dev/aurora 0.12.0 → 0.13.0

package/dist/client/{objects-UQyUQxBj.mjs → objects-DK_YLkRr.mjs}

@@ -1,8 +1,8 @@
 import { t as e } from "./helpers-1PpYf-fC.mjs";
 import { createFileRoute as t, lazyRouteComponent as n, redirect as r } from "@tanstack/react-router";
 import { z as i } from "zod";
-//#region src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx
-var a = () => import("./objects-o2Cj_ndZ.mjs"), o = () => import("./objects-D0grS6pk.mjs"), s = (t, n) => {
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/utils/serviceAvailability.ts
+var a = (t, n) => {
 	let { provider: i, projectId: a, storageType: o, containerName: s } = n, c = e(t);
 	if (!c["object-store"]) throw r({
 		to: "/projects/$projectId",
@@ -57,7 +57,7 @@ var a = () => import("./objects-o2Cj_ndZ.mjs"), o = () => import("./objects-D0gr
 			}
 		});
 	}
-}, c = i.object({
+}, o = () => import("./objects-o2Cj_ndZ.mjs"), s = () => import("./objects-Bey_ABxf.mjs"), c = i.object({
 	prefix: i.string().optional(),
 	sortBy: i.enum([
 		"name",
@@ -73,6 +73,7 @@ var a = () => import("./objects-o2Cj_ndZ.mjs"), o = () => import("./objects-D0gr
 	staticData: {
 		section: "storage",
 		service: "containers",
+		analytics: { name: "storage.objectstore.detail" },
 		isDetail: !0,
 		sectionCrumb: { labelKey: "Storage" },
 		crumb: {
@@ -82,8 +83,8 @@ var a = () => import("./objects-o2Cj_ndZ.mjs"), o = () => import("./objects-D0gr
 	},
 	validateSearch: c,
 	head: ({ match: e }) => ({ meta: [{ title: e.params.containerName }] }),
-	component: n(o, "component"),
-	notFoundComponent: n(a, "notFoundComponent"),
+	component: n(s, "component"),
+	notFoundComponent: n(o, "notFoundComponent"),
 	loader: async ({ context: e }) => {
 		let { trpcClient: t } = e;
 		return {
@@ -93,10 +94,10 @@ var a = () => import("./objects-o2Cj_ndZ.mjs"), o = () => import("./objects-D0gr
 	},
 	beforeLoad: async ({ context: e, params: t }) => {
 		let { trpcClient: n } = e;
-		s(await n?.auth.getAvailableServices.query(), t);
+		a(await n?.auth.getAvailableServices.query(), t);
 	}
 });
 //#endregion
 export { l as t };
 
-//# sourceMappingURL=objects-UQyUQxBj.mjs.map
+//# sourceMappingURL=objects-DK_YLkRr.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"objects-DK_YLkRr.mjs","names":["redirect","getServiceIndex","checkServiceAvailability","availableServices","params","provider","projectId","storageType","containerName","serviceIndex","to","hasSwift","Boolean","hasCeph","cephFallbackEnabled","hasEffectiveCeph","fallbackProvider","fallbackStorageType","expectedStorageType","createFileRoute","checkServiceAvailability","z","objectsSearchSchema","object","prefix","string","optional","sortBy","enum","sortDirection","search","tab","default","Route","staticData","section","service","analytics","name","isDetail","sectionCrumb","labelKey","crumb","useParamAsLabel","to","RouteInfo","validateSearch","head","match","meta","title","params","containerName","component","lazyRouteComponent","$$splitComponentImporter","notFoundComponent","$$splitNotFoundComponentImporter","loader","context","trpcClient","availableServices","auth","getAvailableServices","query","client","beforeLoad"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/-components/utils/serviceAvailability.ts","../../src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx"],"sourcesContent":["import { redirect } from \"@tanstack/react-router\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\n\ninterface ServiceInfo {\n  type: string\n  name: string\n}\n\ninterface RouteParams {\n  projectId: string\n  provider: string\n  storageType: string\n  containerName: string\n}\n\n/**\n * Validates storage service availability and redirects to appropriate provider/storage type.\n *\n * Redirect logic:\n * 1. If no object-store services available → redirect to project overview\n * 2. If provider is invalid → redirect to fallback provider (swift → ceph)\n * 3. If provider unavailable → redirect to available alternative\n * 4. If storageType doesn't match provider → canonicalize URL\n *\n * @throws redirect - TanStack Router redirect on validation failure\n */\nexport const checkServiceAvailability = (availableServices: ServiceInfo[], params: RouteParams) => {\n  const { provider, projectId, storageType, containerName } = params\n\n  const serviceIndex = getServiceIndex(availableServices)\n\n  // Redirect to the \"Projects Overview\" page if no storage services available\n  if (!serviceIndex[\"object-store\"]) {\n    throw redirect({\n      to: \"/projects/$projectId\",\n      params: { projectId },\n    })\n  }\n\n  // Check provider availability\n  const hasSwift = Boolean(serviceIndex[\"object-store\"][\"swift\"])\n  const hasCeph = Boolean(serviceIndex[\"object-store\"][\"ceph\"])\n\n  // TEMPORARY: Allow Ceph access even if not in catalog (relies on env config)\n  // TODO: Properly register Ceph in OpenStack service catalog\n  const cephFallbackEnabled = true // Set to false once Ceph is in catalog\n\n  // Effective availability includes fallback flag for Ceph\n  const hasEffectiveCeph = hasCeph || cephFallbackEnabled\n  const fallbackProvider = hasSwift ? \"swift\" : hasEffectiveCeph ? \"ceph\" : null\n  const fallbackStorageType = hasSwift ? \"containers\" : hasEffectiveCeph ? \"buckets\" : null\n\n  if (provider !== \"swift\" && provider !== \"ceph\") {\n    if (!fallbackProvider || !fallbackStorageType) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/$storageType/$containerName/objects\",\n      params: { projectId, provider: fallbackProvider, storageType: fallbackStorageType, containerName },\n    })\n  }\n\n  if (provider === \"swift\" && !hasSwift) {\n    if (!hasEffectiveCeph) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/$storageType/$containerName/objects\",\n      params: { projectId, provider: \"ceph\", storageType: \"buckets\", containerName },\n    })\n  }\n\n  if (provider === \"ceph\" && !hasEffectiveCeph) {\n    if (!hasSwift) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/$storageType/$containerName/objects\",\n      params: { projectId, provider: \"swift\", storageType: \"containers\", containerName },\n    })\n  }\n\n  // Canonicalize the URL terminology for the resolved provider. Availability is\n  // already settled above, so by this point provider is a valid, available\n  // swift|ceph. The storageType segment is user-controllable and the router never\n  // validates it, so a mismatched noun (e.g. ceph + \"containers\", swift + \"buckets\")\n  // must redirect to the canonical path to keep URLs normalized.\n  if (provider === \"swift\" || provider === \"ceph\") {\n    const expectedStorageType = provider === \"swift\" ? \"containers\" : \"buckets\"\n    if (storageType !== expectedStorageType) {\n      throw redirect({\n        to: \"/projects/$projectId/storage/$provider/$storageType/$containerName/objects\",\n        params: { projectId, provider, storageType: expectedStorageType, containerName },\n      })\n    }\n  }\n}\n","import { createFileRoute, useParams } from \"@tanstack/react-router\"\nimport { checkServiceAvailability } from \"../../../../-components/utils/serviceAvailability\"\nimport { ErrorBoundary } from \"react-error-boundary\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { SwiftObjects } from \"../../../../-components/Swift/Objects\"\nimport { CephObjects } from \"../../../../-components/Ceph/Objects\"\nimport { z } from \"zod\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { BucketHeader } from \"../../../../-components/Ceph/Buckets/BucketHeader\"\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  tab: z.enum([\"all\", \"deleted\"]).optional().default(\"all\"),\n})\n\nexport const Route = createFileRoute(\n  \"/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/\"\n)({\n  staticData: {\n    section: \"storage\",\n    service: \"containers\",\n    analytics: {\n      name: \"storage.objectstore.detail\",\n    },\n    isDetail: true,\n    sectionCrumb: { labelKey: \"Storage\" },\n    crumb: { useParamAsLabel: \"provider\", to: \"/projects/$projectId/storage/$provider/$storageType\" },\n  } satisfies RouteInfo,\n  validateSearch: objectsSearchSchema,\n  head: ({ match }) => ({\n    meta: [{ title: match.params.containerName }],\n  }),\n  component: () => {\n    return <ObjectsDashboard />\n  },\n  notFoundComponent: () => {\n    return (\n      <p>\n        <Trans>Storage container not found</Trans>\n      </p>\n    )\n  },\n  loader: async ({ context }) => {\n    const { trpcClient } = context\n    const availableServices = await trpcClient?.auth.getAvailableServices.query()\n\n    return {\n      client: trpcClient,\n      availableServices,\n    }\n  },\n  beforeLoad: async ({ context, params }) => {\n    const { trpcClient } = context\n    const availableServices = await trpcClient?.auth.getAvailableServices.query()\n    checkServiceAvailability(availableServices!, params)\n  },\n})\n\nfunction ObjectsDashboard() {\n  const { projectId, provider, containerName } = useParams({\n    from: \"/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/\",\n    select: (params) => ({\n      projectId: params.projectId,\n      provider: params.provider,\n      containerName: params.containerName,\n    }),\n  })\n\n  const { prefix, sortBy, sortDirection, search } = Route.useSearch()\n\n  // For Ceph buckets, we show ContentHeader with badges and actions\n  // For Swift containers, the component handles its own header\n  const showContentHeader = provider === \"ceph\"\n\n  return (\n    <>\n      {showContentHeader && <BucketHeader bucketName={containerName} />}\n      <div>\n        {projectId ? (\n          <ErrorBoundary\n            resetKeys={[projectId, provider, containerName, prefix, sortBy, sortDirection, search]}\n            fallback={\n              <div className=\"p-4 text-center\">\n                <Trans>Error loading component</Trans>\n              </div>\n            }\n          >\n            {(() => {\n              switch (provider) {\n                case \"swift\":\n                  return <SwiftObjects provider={provider} containerName={containerName} />\n                case \"ceph\":\n                  return <CephObjects bucketName={containerName} />\n                default:\n                  return (\n                    <div className=\"p-4\">\n                      <Trans>Objects: {containerName}</Trans>\n                    </div>\n                  )\n              }\n            })()}\n          </ErrorBoundary>\n        ) : (\n          <div className=\"p-4 text-center\">\n            <Trans>No project selected</Trans>\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n"],"mappings":";;;;AA0BA,IAAaE,KAA4BC,GAAkCC,MAAAA;CACzE,IAAM,EAAEC,aAAUC,cAAWC,gBAAaC,qBAAkBJ,GAEtDK,IAAeR,EAAgBE,CAAAA;CAGrC,IAAI,CAACM,EAAa,iBAChB,MAAMT,EAAS;EACbU,IAAI;EACJN,QAAQ,EAAEE,aAAU;CACtB,CAAA;CAIF,IAAMK,IAAWC,EAAQH,EAAa,gBAAgB,OAQhDM,IAPUH,EAAQH,EAAa,gBAAgB,QAOjBK,IAC9BE,IAAmBL,IAAW,UAAUI,IAAmB,SAAS,MACpEE,IAAsBN,IAAW,eAAeI,IAAmB,YAAY;CAErF,IAAIV,MAAa,WAAWA,MAAa,QAOvC,MALQL,EADJ,CAACgB,KAAoB,CAACC,IACT;EACbP,IAAI;EACJN,QAAQ,EAAEE,aAAU;CACtB,IAEa;EACbI,IAAI;EACJN,QAAQ;GAAEE;GAAWD,UAAUW;GAAkBT,aAAaU;GAAqBT;EAAc;CACnG,CALE;CAQJ,IAAIH,MAAa,WAAW,CAACM,GAQ3B,MAAMX,EAPDe,IAOU;EACbL,IAAI;EACJN,QAAQ;GAAEE;GAAWD,UAAU;GAAQE,aAAa;GAAWC;EAAc;CAC/E,IATiB;EACbE,IAAI;EACJN,QAAQ,EAAEE,aAAU;CACtB,CAAA;CASJ,IAAID,MAAa,UAAU,CAACU,GAQ1B,MAAMf,EAPDW,IAOU;EACbD,IAAI;EACJN,QAAQ;GAAEE;GAAWD,UAAU;GAASE,aAAa;GAAcC;EAAc;CACnF,IATiB;EACbE,IAAI;EACJN,QAAQ,EAAEE,aAAU;CACtB,CAAA;CAcJ,IAAID,MAAa,WAAWA,MAAa,QAAQ;EAC/C,IAAMa,IAAsBb,MAAa,UAAU,eAAe;EAClE,IAAIE,MAAgBW,GAClB,MAAMlB,EAAS;GACbU,IAAI;GACJN,QAAQ;IAAEE;IAAWD;IAAUE,aAAaW;IAAqBV;GAAc;EACjF,CAAA;CAEJ;AACF,2FC5FMc,IAAsBD,EAAEE,OAAO;CACnCC,QAAQH,EAAEI,OAAM,EAAGC,SAAQ;CAC3BC,QAAQN,EAAEO,KAAK;EAAC;EAAQ;EAAiB;EAAS;EAAgB;EAAO,EAAEF,SAAQ;CACnFG,eAAeR,EAAEO,KAAK,CAAC,OAAO,MAAA,CAAO,EAAEF,SAAQ;CAC/CI,QAAQT,EAAEI,OAAM,EAAGC,SAAQ;CAC3BK,KAAKV,EAAEO,KAAK,CAAC,OAAO,SAAA,CAAU,EAAEF,SAAQ,EAAGM,QAAQ,KAAA;AACrD,CAAA,GAEaC,IAAQd,EACnB,mFAAA,EACA;CACAe,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,6BACR;EACAC,UAAU;EACVC,cAAc,EAAEC,UAAU,UAAU;EACpCC,OAAO;GAAEC,iBAAiB;GAAYC,IAAI;EAAsD;CAClG;CACAE,gBAAgBxB;CAChByB,OAAO,EAAEC,gBAAa,EACpBC,MAAM,CAAC,EAAEC,OAAOF,EAAMG,OAAOC,cAAc,CAAA,EAC7C;CACAC,WAASC,EAAAC,GAAA,WAAA;CAGTC,mBAAiBF,EAAAG,GAAA,mBAAA;CAOjBC,QAAQ,OAAO,EAAEC,iBAAS;EACxB,IAAM,EAAEC,kBAAeD;EAGvB,OAAO;GACLM,QAAQL;GACRC,mBAAAA,MAJ8BD,GAAYE,KAAKC,qBAAqBC,MAAAA;EAKtE;CACF;CACAE,YAAY,OAAO,EAAEP,YAASR,gBAAQ;EACpC,IAAM,EAAES,kBAAeD;EAEvBvC,EAAyByC,MADOD,GAAYE,KAAKC,qBAAqBC,MAAAA,GACzBb,CAAAA;CAC/C;AACF,CAAA"}

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

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

package/dist/client/{pca-BJPxOIgq.mjs → pca-BAZ7HS3X.mjs}

@@ -1,11 +1,11 @@
 import { A as e, B as t, C as n, E as r, G as i, H as a, K as o, P as s, R as c, U as l, Y as u, at as d, o as f, r as p, rt as m, tt as h, y as g } from "./build-DgeVmENN.mjs";
-import { r as _ } from "./trpcClient-BzPUgiM2.mjs";
-import { t as v } from "./pca-C9MKOi3Z.mjs";
-import { t as y } from "./ContentHeader-D2nIdJKJ.mjs";
+import { r as _ } from "./trpcClient-Dy_MP_Pv.mjs";
+import { t as v } from "./pca-Dmt4JrxN.mjs";
+import { t as y } from "./ContentHeader-Bpw0b1gD.mjs";
 import { t as b } from "./useModal-DCs1OJh7.mjs";
 import { t as x } from "./useProjectId-DBc5lpoU.mjs";
 import "./hooks-CMgoYcDG.mjs";
-import { n as S, r as C, t as w } from "./constants-D6IO9bPs.mjs";
+import { n as S, r as C, t as w } from "./constants-D8Zrv7HP.mjs";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
 import { useState as O } from "react";
 import { useNavigate as k } from "@tanstack/react-router";
@@ -199,4 +199,4 @@ function V() {
 //#endregion
 export { V as component };
 
-//# sourceMappingURL=pca-BJPxOIgq.mjs.map
+//# sourceMappingURL=pca-BAZ7HS3X.mjs.map

package/dist/client/{pca-BJPxOIgq.mjs.map → pca-BAZ7HS3X.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"pca-BJPxOIgq.mjs","names":["useNavigate","DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","useModal","useProjectId","DeletePcaModal","STATE_CONFIG","PcaTableRow","pca","useLingui","navigate","projectId","deletePcaModalOpen","toggleDeletePcaModal","navigateToDetailsPage","to","params","pcaId","id","data-testid","onClick","div","className","state","icon","text","configuration","subject","common_name","e","stopPropagation","label","t","open","onClose","z","useForm","useStore","useNavigate","Modal","Form","FormSection","Spinner","TextInput","Message","trpcReact","useProjectId","csrRegex","isValidCommonName","value","test","CreatePcaModal","open","onClose","useLingui","navigate","projectId","utils","useUtils","isPending","createPcaMutation","services","pca","create","useMutation","onSettled","list","invalidate","formSchema","object","common_name","string","trim","min","t","refine","message","form","defaultValues","validators","onSubmit","createdPca","mutateAsync","project_id","configuration","subject","handleClose","to","params","pcaId","id","reset","isCreateDisabled","store","state","isSubmitting","values","length","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","error","dismissible","variant","className","div","span","e","preventDefault","Field","name","children","field","onBlur","handleBlur","onChange","handleChange","target","label","placeholder","helptext","errortext","meta","errors","map","join","disabled","useState","Stack","Spinner","DataGrid","DataGridRow","DataGridCell","ContentHeading","DataGridHeadCell","Button","Pagination","trpcReact","useProjectId","useModal","TABLE_COLUMNS","PcaTableRow","CreatePcaModal","ITEMS_PER_PAGE","PcaListContainer","useLingui","projectId","columns","columnsLength","length","createCaOpen","toggleCreateCa","pageMarkers","setPageMarkers","undefined","currentPage","setCurrentPage","currentMarker","data","isLoading","isError","error","services","pca","list","useQuery","project_id","limit","next_page_marker","pcas","certificate_authorities","nextMarker","computedTotal","totalPages","Math","max","goToPage","page","prev","updated","className","distribution","alignment","direction","variant","size","message","t","data-testid","colSpan","p","div","label","onClick","map","id","pages","onPressPrevious","onPressNext","open","onClose","useLingui","ContentHeader","PcaListContainer","Route","RouteComponent","t","projectId","useParams","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/-components/-table/PcaTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/-components/-modals/CreatePcaModal.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/-components/PcaListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/index.tsx?tsr-split=component"],"sourcesContent":["import { useNavigate } from \"@tanstack/react-router\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n  DataGridCell,\n  DataGridRow,\n  PopupMenu,\n  PopupMenuItem,\n  PopupMenuOptions,\n} from \"@cloudoperators/juno-ui-components\"\nimport { CertificateAuthority } from \"@/server/Services/types/pca\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { DeletePcaModal } from \"../-modals/DeletePcaModal\"\nimport { STATE_CONFIG } from \"./constants\"\n\ninterface PcaTableRowProps {\n  pca: CertificateAuthority\n}\n\nexport const PcaTableRow = ({ pca }: PcaTableRowProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n  const [deletePcaModalOpen, toggleDeletePcaModal] = useModal(false)\n\n  const navigateToDetailsPage = () =>\n    navigate({\n      to: \"/projects/$projectId/services/pca/$pcaId\",\n      params: { projectId, pcaId: pca.id },\n    })\n\n  return (\n    <>\n      <DataGridRow key={pca.id} data-testid={`pca-row-${pca.id}`} onClick={navigateToDetailsPage}>\n        <DataGridCell>\n          <div className=\"flex items-center gap-2\">\n            {STATE_CONFIG[pca.state].icon}\n            {STATE_CONFIG[pca.state].text}\n          </div>\n        </DataGridCell>\n        <DataGridCell>{pca.id}</DataGridCell>\n        <DataGridCell>{pca.configuration?.subject?.common_name || \"—\"}</DataGridCell>\n        <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end pr-0\">\n          <PopupMenu>\n            <PopupMenuOptions>\n              <PopupMenuItem label={t`Show Details`} onClick={navigateToDetailsPage} />\n              <PopupMenuItem label={t`Delete CA`} onClick={toggleDeletePcaModal} />\n            </PopupMenuOptions>\n          </PopupMenu>\n        </DataGridCell>\n      </DataGridRow>\n\n      {deletePcaModalOpen && <DeletePcaModal pca={pca} open={deletePcaModalOpen} onClose={toggleDeletePcaModal} />}\n    </>\n  )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { useNavigate } from \"@tanstack/react-router\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, TextInput, Message } from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\n\nexport interface CreateCaModalProps {\n  open: boolean\n  onClose: () => void\n}\n\nconst csrRegex = /^(?=.{1,253}$)(?:\\*\\.)?(?:[A-Za-z0-9](?:[A-Za-z0-9-]{0,61}[A-Za-z0-9])?\\.)+[A-Za-z]{2,63}$/\nconst isValidCommonName = (value: string) => csrRegex.test(value)\n\nexport const CreatePcaModal = ({ open, onClose }: CreateCaModalProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n  const utils = trpcReact.useUtils()\n\n  const { isPending, ...createPcaMutation } = trpcReact.services.pca.create.useMutation({\n    onSettled: () => utils.services.pca.list.invalidate(),\n  })\n\n  const formSchema = z.object({\n    common_name: z\n      .string()\n      .trim()\n      .min(1, t`Common name is required.`)\n      .refine((value) => isValidCommonName(value), { message: t`Must be a valid common name (FQDN).` }),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      common_name: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async ({ value }) => {\n      if (isPending) return\n\n      const createdPca = await createPcaMutation.mutateAsync({\n        project_id: projectId,\n        configuration: {\n          subject: { common_name: value.common_name },\n        },\n      })\n      handleClose()\n\n      await navigate({\n        to: \"/projects/$projectId/services/pca/$pcaId\",\n        params: { projectId, pcaId: createdPca.id },\n      })\n    },\n  })\n\n  const handleClose = () => {\n    if (isPending) return\n\n    form.reset()\n    createPcaMutation.reset()\n    onClose()\n  }\n\n  // Reactive subscription used to control create action disabled state.\n  const isCreateDisabled = useStore(\n    form.store,\n    (state) => state.isSubmitting || state.values.common_name.trim().length === 0\n  )\n\n  return (\n    <Modal\n      open={open}\n      size=\"large\"\n      title={t`Create Certificate Authority`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Save`}\n      onConfirm={form.handleSubmit}\n      disableConfirmButton={isPending || isCreateDisabled}\n    >\n      {createPcaMutation.error?.message && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {createPcaMutation.error.message}\n        </Message>\n      )}\n\n      {isPending && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Creating Certificate Authority...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isPending && (\n        <Form\n          className=\"mb-0\"\n          id=\"create-certificate-authority-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"common_name\"\n              children={(field) => (\n                <TextInput\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onBlur={field.handleBlur}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  label={t`Common name`}\n                  placeholder={t`Enter Common name (e.g., demo-ca.test.sci)`}\n                  helptext={t`Enter a valid common name in FQDN format (e.g., demo-ca.test.sci).`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending}\n                />\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { Trans, useLingui } from \"@lingui/react/macro\"\nimport { useState } from \"react\"\nimport {\n  Stack,\n  Spinner,\n  DataGrid,\n  DataGridRow,\n  DataGridCell,\n  ContentHeading,\n  DataGridHeadCell,\n  Button,\n  Pagination,\n} from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { TABLE_COLUMNS } from \"./-table/constants\"\nimport { PcaTableRow } from \"./-table/PcaTableRow\"\nimport { CreatePcaModal } from \"./-modals/CreatePcaModal\"\n\nconst ITEMS_PER_PAGE = 50\n\nexport const PcaListContainer = () => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const columns = TABLE_COLUMNS()\n  const columnsLength = columns.length\n  const [createCaOpen, toggleCreateCa] = useModal(false)\n  const [pageMarkers, setPageMarkers] = useState<(string | undefined)[]>([undefined])\n  const [currentPage, setCurrentPage] = useState(1)\n\n  const currentMarker = pageMarkers[currentPage - 1]\n\n  const { data, isLoading, isError, error } = trpcReact.services.pca.list.useQuery({\n    project_id: projectId,\n    limit: ITEMS_PER_PAGE,\n    next_page_marker: currentMarker,\n  })\n\n  const pcas = data?.certificate_authorities ?? []\n  const nextMarker = data?.next_page_marker\n  const computedTotal = nextMarker ? currentPage + 1 : currentPage\n  const totalPages = Math.max(computedTotal, pageMarkers.length)\n\n  const goToPage = (page: number) => {\n    if (page < 1 || page > totalPages) return\n    if (page > currentPage && nextMarker) {\n      setPageMarkers((prev) => {\n        const updated = [...prev]\n        updated[page - 1] = nextMarker\n        return updated\n      })\n    }\n    setCurrentPage(page)\n  }\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 && currentPage === 1) {\n    return (\n      <DataGrid columns={columnsLength} className=\"pca\" data-testid=\"no-pcas\">\n        <DataGridRow>\n          <DataGridCell colSpan={columnsLength}>\n            <ContentHeading>\n              <Trans>No PCAs found</Trans>\n            </ContentHeading>\n            <p>\n              <Trans>There are no PCAs available for this project.</Trans>\n            </p>\n          </DataGridCell>\n        </DataGridRow>\n      </DataGrid>\n    )\n  }\n\n  return (\n    <div className=\"relative\">\n      <Stack className=\"pt-3 pb-2\" distribution=\"end\">\n        <Button variant=\"primary\" label={t`Create Certificate Authority`} onClick={toggleCreateCa} />\n      </Stack>\n      <DataGrid columns={columnsLength}>\n        <DataGridRow>\n          {columns.map((label) => (\n            <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n          ))}\n        </DataGridRow>\n        {pcas.map((pca) => (\n          <PcaTableRow key={pca.id} pca={pca} />\n        ))}\n      </DataGrid>\n\n      {totalPages > 1 && (\n        <div className=\"flex justify-center py-4\">\n          <Pagination\n            variant=\"input\"\n            currentPage={currentPage}\n            pages={totalPages}\n            onPressPrevious={() => goToPage(currentPage - 1)}\n            onPressNext={() => goToPage(currentPage + 1)}\n          />\n        </div>\n      )}\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-BAZ7HS3X.mjs","names":["useNavigate","DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","useModal","useProjectId","DeletePcaModal","STATE_CONFIG","PcaTableRow","pca","useLingui","navigate","projectId","deletePcaModalOpen","toggleDeletePcaModal","navigateToDetailsPage","to","params","pcaId","id","data-testid","onClick","div","className","state","icon","text","configuration","subject","common_name","e","stopPropagation","label","t","open","onClose","z","useForm","useStore","useNavigate","Modal","Form","FormSection","Spinner","TextInput","Message","trpcReact","useProjectId","csrRegex","isValidCommonName","value","test","CreatePcaModal","open","onClose","useLingui","navigate","projectId","utils","useUtils","isPending","createPcaMutation","services","pca","create","useMutation","onSettled","list","invalidate","formSchema","object","common_name","string","trim","min","t","refine","message","form","defaultValues","validators","onSubmit","createdPca","mutateAsync","project_id","configuration","subject","handleClose","to","params","pcaId","id","reset","isCreateDisabled","store","state","isSubmitting","values","length","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","error","dismissible","variant","className","div","span","e","preventDefault","Field","name","children","field","onBlur","handleBlur","onChange","handleChange","target","label","placeholder","helptext","errortext","meta","errors","map","join","disabled","useState","Stack","Spinner","DataGrid","DataGridRow","DataGridCell","ContentHeading","DataGridHeadCell","Button","Pagination","trpcReact","useProjectId","useModal","TABLE_COLUMNS","PcaTableRow","CreatePcaModal","ITEMS_PER_PAGE","PcaListContainer","useLingui","projectId","columns","columnsLength","length","createCaOpen","toggleCreateCa","pageMarkers","setPageMarkers","undefined","currentPage","setCurrentPage","currentMarker","data","isLoading","isError","error","services","pca","list","useQuery","project_id","limit","next_page_marker","pcas","certificate_authorities","nextMarker","computedTotal","totalPages","Math","max","goToPage","page","prev","updated","className","distribution","alignment","direction","variant","size","message","t","data-testid","colSpan","p","div","label","onClick","map","id","pages","onPressPrevious","onPressNext","open","onClose","useLingui","ContentHeader","PcaListContainer","Route","RouteComponent","t","projectId","useParams","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/-components/-table/PcaTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/-components/-modals/CreatePcaModal.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/-components/PcaListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/index.tsx?tsr-split=component"],"sourcesContent":["import { useNavigate } from \"@tanstack/react-router\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n  DataGridCell,\n  DataGridRow,\n  PopupMenu,\n  PopupMenuItem,\n  PopupMenuOptions,\n} from \"@cloudoperators/juno-ui-components\"\nimport { CertificateAuthority } from \"@/server/Services/types/pca\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { DeletePcaModal } from \"../-modals/DeletePcaModal\"\nimport { STATE_CONFIG } from \"./constants\"\n\ninterface PcaTableRowProps {\n  pca: CertificateAuthority\n}\n\nexport const PcaTableRow = ({ pca }: PcaTableRowProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n  const [deletePcaModalOpen, toggleDeletePcaModal] = useModal(false)\n\n  const navigateToDetailsPage = () =>\n    navigate({\n      to: \"/projects/$projectId/services/pca/$pcaId\",\n      params: { projectId, pcaId: pca.id },\n    })\n\n  return (\n    <>\n      <DataGridRow key={pca.id} data-testid={`pca-row-${pca.id}`} onClick={navigateToDetailsPage}>\n        <DataGridCell>\n          <div className=\"flex items-center gap-2\">\n            {STATE_CONFIG[pca.state].icon}\n            {STATE_CONFIG[pca.state].text}\n          </div>\n        </DataGridCell>\n        <DataGridCell>{pca.id}</DataGridCell>\n        <DataGridCell>{pca.configuration?.subject?.common_name || \"—\"}</DataGridCell>\n        <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end pr-0\">\n          <PopupMenu>\n            <PopupMenuOptions>\n              <PopupMenuItem label={t`Show Details`} onClick={navigateToDetailsPage} />\n              <PopupMenuItem label={t`Delete CA`} onClick={toggleDeletePcaModal} />\n            </PopupMenuOptions>\n          </PopupMenu>\n        </DataGridCell>\n      </DataGridRow>\n\n      {deletePcaModalOpen && <DeletePcaModal pca={pca} open={deletePcaModalOpen} onClose={toggleDeletePcaModal} />}\n    </>\n  )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { useNavigate } from \"@tanstack/react-router\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, TextInput, Message } from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\n\nexport interface CreateCaModalProps {\n  open: boolean\n  onClose: () => void\n}\n\nconst csrRegex = /^(?=.{1,253}$)(?:\\*\\.)?(?:[A-Za-z0-9](?:[A-Za-z0-9-]{0,61}[A-Za-z0-9])?\\.)+[A-Za-z]{2,63}$/\nconst isValidCommonName = (value: string) => csrRegex.test(value)\n\nexport const CreatePcaModal = ({ open, onClose }: CreateCaModalProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n  const utils = trpcReact.useUtils()\n\n  const { isPending, ...createPcaMutation } = trpcReact.services.pca.create.useMutation({\n    onSettled: () => utils.services.pca.list.invalidate(),\n  })\n\n  const formSchema = z.object({\n    common_name: z\n      .string()\n      .trim()\n      .min(1, t`Common name is required.`)\n      .refine((value) => isValidCommonName(value), { message: t`Must be a valid common name (FQDN).` }),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      common_name: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async ({ value }) => {\n      if (isPending) return\n\n      const createdPca = await createPcaMutation.mutateAsync({\n        project_id: projectId,\n        configuration: {\n          subject: { common_name: value.common_name },\n        },\n      })\n      handleClose()\n\n      await navigate({\n        to: \"/projects/$projectId/services/pca/$pcaId\",\n        params: { projectId, pcaId: createdPca.id },\n      })\n    },\n  })\n\n  const handleClose = () => {\n    if (isPending) return\n\n    form.reset()\n    createPcaMutation.reset()\n    onClose()\n  }\n\n  // Reactive subscription used to control create action disabled state.\n  const isCreateDisabled = useStore(\n    form.store,\n    (state) => state.isSubmitting || state.values.common_name.trim().length === 0\n  )\n\n  return (\n    <Modal\n      open={open}\n      size=\"large\"\n      title={t`Create Certificate Authority`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Save`}\n      onConfirm={form.handleSubmit}\n      disableConfirmButton={isPending || isCreateDisabled}\n    >\n      {createPcaMutation.error?.message && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {createPcaMutation.error.message}\n        </Message>\n      )}\n\n      {isPending && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Creating Certificate Authority...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isPending && (\n        <Form\n          className=\"mb-0\"\n          id=\"create-certificate-authority-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"common_name\"\n              children={(field) => (\n                <TextInput\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onBlur={field.handleBlur}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  label={t`Common name`}\n                  placeholder={t`Enter Common name (e.g., demo-ca.test.sci)`}\n                  helptext={t`Enter a valid common name in FQDN format (e.g., demo-ca.test.sci).`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending}\n                />\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { Trans, useLingui } from \"@lingui/react/macro\"\nimport { useState } from \"react\"\nimport {\n  Stack,\n  Spinner,\n  DataGrid,\n  DataGridRow,\n  DataGridCell,\n  ContentHeading,\n  DataGridHeadCell,\n  Button,\n  Pagination,\n} from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { TABLE_COLUMNS } from \"./-table/constants\"\nimport { PcaTableRow } from \"./-table/PcaTableRow\"\nimport { CreatePcaModal } from \"./-modals/CreatePcaModal\"\n\nconst ITEMS_PER_PAGE = 50\n\nexport const PcaListContainer = () => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const columns = TABLE_COLUMNS()\n  const columnsLength = columns.length\n  const [createCaOpen, toggleCreateCa] = useModal(false)\n  const [pageMarkers, setPageMarkers] = useState<(string | undefined)[]>([undefined])\n  const [currentPage, setCurrentPage] = useState(1)\n\n  const currentMarker = pageMarkers[currentPage - 1]\n\n  const { data, isLoading, isError, error } = trpcReact.services.pca.list.useQuery({\n    project_id: projectId,\n    limit: ITEMS_PER_PAGE,\n    next_page_marker: currentMarker,\n  })\n\n  const pcas = data?.certificate_authorities ?? []\n  const nextMarker = data?.next_page_marker\n  const computedTotal = nextMarker ? currentPage + 1 : currentPage\n  const totalPages = Math.max(computedTotal, pageMarkers.length)\n\n  const goToPage = (page: number) => {\n    if (page < 1 || page > totalPages) return\n    if (page > currentPage && nextMarker) {\n      setPageMarkers((prev) => {\n        const updated = [...prev]\n        updated[page - 1] = nextMarker\n        return updated\n      })\n    }\n    setCurrentPage(page)\n  }\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 && currentPage === 1) {\n    return (\n      <DataGrid columns={columnsLength} className=\"pca\" data-testid=\"no-pcas\">\n        <DataGridRow>\n          <DataGridCell colSpan={columnsLength}>\n            <ContentHeading>\n              <Trans>No PCAs found</Trans>\n            </ContentHeading>\n            <p>\n              <Trans>There are no PCAs available for this project.</Trans>\n            </p>\n          </DataGridCell>\n        </DataGridRow>\n      </DataGrid>\n    )\n  }\n\n  return (\n    <div className=\"relative\">\n      <Stack className=\"pt-3 pb-2\" distribution=\"end\">\n        <Button variant=\"primary\" label={t`Create Certificate Authority`} onClick={toggleCreateCa} />\n      </Stack>\n      <DataGrid columns={columnsLength}>\n        <DataGridRow>\n          {columns.map((label) => (\n            <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n          ))}\n        </DataGridRow>\n        {pcas.map((pca) => (\n          <PcaTableRow key={pca.id} pca={pca} />\n        ))}\n      </DataGrid>\n\n      {totalPages > 1 && (\n        <div className=\"flex justify-center py-4\">\n          <Pagination\n            variant=\"input\"\n            currentPage={currentPage}\n            pages={totalPages}\n            onPressPrevious={() => goToPage(currentPage - 1)}\n            onPressNext={() => goToPage(currentPage + 1)}\n          />\n        </div>\n      )}\n\n      {createCaOpen && <CreatePcaModal open={createCaOpen} onClose={toggleCreateCa} />}\n    </div>\n  )\n}\n","import { createFileRoute, redirect } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { canAccessClavisPca } from \"./-components/pcaAccess\"\nimport { PcaListContainer } from \"./-components/PcaListContainer\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/pca/\")({\n  staticData: {\n    section: \"services\",\n    service: \"pca\",\n    analytics: {\n      name: \"services.pca.list\",\n    },\n    sectionCrumb: { labelKey: \"Services\" },\n    crumb: { labelKey: \"PCA (Clavis)\" },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`PCA` }] }),\n  beforeLoad: async ({ context, params }) => {\n    const availableServices = (await context.trpcClient?.auth.getAvailableServices.query()) || []\n    const serviceIndex = getServiceIndex(availableServices)\n\n    if (!canAccessClavisPca(serviceIndex, context.enabledServices)) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId: params.projectId },\n      })\n    }\n  },\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":";;;;;;;;;;;;;;;AAmBA,IAAaU,KAAe,EAAEC,aAAuB;CACnD,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAWb,EAAAA,GACXc,IAAYP,EAAAA,GACZ,CAACQ,GAAoBC,KAAwBV,EAAS,EAAA,GAEtDW,UACJJ,EAAS;EACPK,IAAI;EACJC,QAAQ;GAAEL;GAAWM,OAAOT,EAAIU;EAAG;CACrC,CAAA;CAEF,OACE,gBAAA,GAAA,EAAA,UAAA,CACE,gBAACnB,GAAAA;EAAyBoB,eAAa,WAAWX,EAAIU;EAAME,SAASN;;GACnE,gBAAChB,GAAAA,EAAAA,UACC,gBAACuB,OAAAA;IAAIC,WAAU;eACZhB,EAAaE,EAAIe,OAAOC,MACxBlB,EAAaE,EAAIe,OAAOE,IAAAA;;GAG7B,gBAAC3B,GAAAA,EAAAA,UAAcU,EAAIU,GAAAA,CAAAA;GACnB,gBAACpB,GAAAA,EAAAA,UAAcU,EAAIkB,eAAeC,SAASC,eAAe,IAAA,CAAA;GAC1D,gBAAC9B,GAAAA;IAAasB,UAAUS,MAAMA,EAAEC,gBAAe;IAAIR,WAAU;cAC3D,gBAACtB,GAAAA,EAAAA,UACC,gBAACE,GAAAA,EAAAA,UAAAA,CACC,gBAACD,GAAAA;KAAc8B,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAa,CAAA;KAAGZ,SAASN;QAChD,gBAACb,GAAAA;KAAc8B,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAU,CAAA;KAAGZ,SAASP;;;;IAbnCL,EAAIU,EAAE,GAmBvBN,KAAsB,gBAACP,GAAAA;EAAoBG;EAAKyB,MAAMrB;EAAoBsB,SAASrB;;AAG1F,GC1CMkC,IAAW,8FACXC,KAAqBC,MAAkBF,EAASG,KAAKD,CAAAA,GAE9CE,KAAkB,EAAEC,SAAMC,iBAA6B;CAClE,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAWjB,EAAAA,GACXkB,IAAYV,EAAAA,GACZW,IAAQZ,EAAUa,SAAQ,GAE1B,EAAEC,cAAW,GAAGC,MAAsBf,EAAUgB,SAASC,IAAIC,OAAOC,YAAY,EACpFC,iBAAiBR,EAAMI,SAASC,IAAII,KAAKC,WAAU,EACrD,CAAA,GAUMU,IAAOzC,EAAQ;EACnB0C,eAAe,EACbR,aAAa,GACf;EACAS,YAAY,EACVC,UAbe7C,EAAEkC,OAAO,EAC1BC,aAAanC,EACVoC,OAAM,EACNC,KAAI,EACJC,IAAI,GAAGC,EAAAA,EAAC,EAAA,IAAA,SAAyB,CAAA,CAAA,EACjCC,QAAQ1B,MAAUD,EAAkBC,CAAAA,GAAQ,EAAE2B,SAASF,EAAAA,EAAC,EAAA,IAAA,SAAoC,CAAA,EAAE,CAAA,EACnG,CAOcN,EACZ;EACAY,UAAU,OAAO,EAAE/B,eAAO;GACxB,IAAIU,GAAW;GAEf,IAAMsB,IAAa,MAAMrB,EAAkBsB,YAAY;IACrDC,YAAY3B;IACZ4B,eAAe,EACbC,SAAS,EAAEf,aAAarB,EAAMqB,YAAY,EAC5C;GACF,CAAA;GAGA,AAFAgB,EAAAA,GAEA,MAAM/B,EAAS;IACbgC,IAAI;IACJC,QAAQ;KAAEhC;KAAWiC,OAAOR,EAAWS;IAAG;GAC5C,CAAA;EACF;CACF,CAAA,GAEMJ,UAAc;EACd3B,MAEJkB,EAAKc,MAAK,GACV/B,EAAkB+B,MAAK,GACvBtC,EAAAA;CACF,GAGMuC,IAAmBvD,EACvBwC,EAAKgB,QACJC,MAAUA,EAAMC,gBAAgBD,EAAME,OAAO1B,YAAYE,KAAI,EAAGyB,WAAW,CAAA;CAG9E,OACE,gBAAC1D,GAAAA;EACOa;EACN8C,MAAK;EACLC,OAAOzB,EAAAA,EAAC,EAAA,IAAA,SAA6B,CAAA;EACrC0B,UAAUd;EACVe,mBAAmB3B,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;EAC3B4B,oBAAoB5B,EAAAA,EAAC,EAAA,IAAA,SAAK,CAAA;EAC1B6B,WAAW1B,EAAK2B;EAChBC,sBAAsB9C,KAAaiC;;GAElChC,EAAkB8C,OAAO9B,WACxB,gBAAChC,GAAAA;IAAQ+D,aAAa;IAAOC,SAAQ;IAAQC,WAAU;cACpDjD,EAAkB8C,MAAM9B;;GAI5BjB,KACC,gBAACmD,OAAAA;IAAID,WAAU;eACb,gBAACnE,GAAAA,EAAQkE,SAAQ,UAAA,CAAA,GACjB,gBAACG,QAAAA;KAAKF,WAAU;eACd,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;GAKL,CAAClD,KACA,gBAACnB,GAAAA;IACCqE,WAAU;IACVnB,IAAG;IACHV,WAAWgC,MAAAA;KAETnC,AADAmC,EAAEC,eAAc,GAChBpC,EAAK2B,aAAY;IACnB;cAEA,gBAAC/D,GAAAA;KAAYoE,WAAU;eACrB,gBAAChC,EAAKqC,OAAK;MACTC,MAAK;MACLC,WAAWC,MACT,gBAAC1E,GAAAA;OACC+C,IAAI2B,EAAMF;OACVA,MAAME,EAAMF;OACZlE,OAAOoE,EAAMvB,MAAM7C;OACnBqE,QAAQD,EAAME;OACdC,WAAWR,MAAMK,EAAMI,aAAaT,EAAEU,OAAOzE,KAAK;OAClD0E,OAAOjD,EAAAA,EAAC,EAAA,IAAA,SAAY,CAAA;OACpBkD,aAAalD,EAAAA,EAAC,EAAA,IAAA,SAA2C,CAAA;OACzDmD,UAAUnD,EAAAA,EAAC,EAAA,IAAA,SAAmE,CAAA;OAC9EoD,WAAWT,EAAMvB,MAAMiC,KAAKC,OAAOC,KAAKjB,MAAMA,GAAGpC,OAAAA,EAASsD,KAAK,IAAA;OAC/DC,UAAUxE;;;;;;;AAS5B,GC/GMyF,IAAiB,IAEVC,UAAmB;CAC9B,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAYR,EAAAA,GACZS,IAAUP,EAAAA,GACVQ,IAAgBD,EAAQE,QACxB,CAACC,GAAcC,KAAkBZ,EAAS,EAAA,GAC1C,CAACa,GAAaC,KAAkB1B,EAAiC,CAAC2B,KAAAA,CAAAA,CAAU,GAC5E,CAACC,GAAaC,KAAkB7B,EAAS,CAAA,GAEzC8B,IAAgBL,EAAYG,IAAc,IAE1C,EAAEG,SAAMC,cAAWC,YAASC,aAAUxB,EAAUyB,SAASC,IAAIC,KAAKC,SAAS;EAC/EC,YAAYpB;EACZqB,OAAOxB;EACPyB,kBAAkBX;CACpB,CAAA,GAEMY,IAAOX,GAAMY,2BAA2B,CAAA,GACxCC,IAAab,GAAMU,kBACnBI,IAAgBD,IAAahB,IAAc,IAAIA,GAC/CkB,IAAaC,KAAKC,IAAIH,GAAepB,EAAYH,MAAM,GAEvD2B,KAAYC,MAAAA;EACZA,IAAO,KAAKA,IAAOJ,MACnBI,IAAOtB,KAAegB,KACxBlB,GAAgByB,MAAAA;GACd,IAAMC,IAAU,CAAA,GAAID,CAAAA;GAEpB,OADAC,EAAQF,IAAO,KAAKN,GACbQ;EACT,CAAA,GAEFvB,EAAeqB,CAAAA;CACjB;CAoCA,OAlCIlB,IAEA,gBAAC/B,GAAAA;EAAMoD,WAAU;EAAOC,cAAa;EAASC,WAAU;EAASC,WAAU;aACzE,gBAACtD,GAAAA;GAAQuD,SAAQ;GAAUC,MAAK;GAAQL,WAAU;MAClD,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA,CAAA;MAKFpB,IAEA,gBAAChC,GAAAA;EAAMoD,WAAU;EAAOC,cAAa;EAASC,WAAU;EAASC,WAAU;YACxEtB,GAAOyB,WAAWC,EAAAA,EAAC,EAAA,IAAA,SAAoB,CAAA;MAK1ClB,EAAKpB,WAAW,KAAKM,MAAgB,IAErC,gBAACzB,GAAAA;EAASiB,SAASC;EAAegC,WAAU;EAAMQ,eAAY;YAC5D,gBAACzD,GAAAA,EAAAA,UACC,gBAACC,GAAAA;GAAayD,SAASzC;cACrB,gBAACf,GAAAA,EAAAA,UACC,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA,EAAA,CAAA,GAEF,gBAACyD,KAAAA,EAAAA,UACC,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA,EAAA,CAAA,CAAA;;MASV,gBAACC,OAAAA;EAAIX,WAAU;;GACb,gBAACpD,GAAAA;IAAMoD,WAAU;IAAYC,cAAa;cACxC,gBAAC9C,GAAAA;KAAOiD,SAAQ;KAAUQ,OAAOL,EAAAA,EAAC,EAAA,IAAA,SAA6B,CAAA;KAAGM,SAAS1C;;;GAE7E,gBAACrB,GAAAA;IAASiB,SAASC;eACjB,gBAACjB,GAAAA,EAAAA,UACEgB,EAAQ+C,KAAKF,MACZ,gBAAC1D,GAAAA,EAAAA,UAA8B0D,EAAAA,GAARA,CAAAA,CAAAA,EAAAA,CAAAA,GAG1BvB,EAAKyB,KAAK/B,MACT,gBAACtB,GAAAA,EAA8BsB,OAAAA,GAAbA,EAAIgC,EAAE,CAAA,CAAA;;GAI3BtB,IAAa,KACZ,gBAACkB,OAAAA;IAAIX,WAAU;cACb,gBAAC5C,GAAAA;KACCgD,SAAQ;KACK7B;KACbyC,OAAOvB;KACPwB,uBAAuBrB,EAASrB,IAAc,CAAA;KAC9C2C,mBAAmBtB,EAASrB,IAAc,CAAA;;;GAK/CL,KAAgB,gBAACR,GAAAA;IAAeyD,MAAMjD;IAAckD,SAASjD;;;;AAGpE;;;ACvFA,SAASsD,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQJ,EAAAA,GACR,EAAEM,iBAAcH,EAAMI,UAAS;CAErC,OACE,gBAAA,GAAA,EAAA,UAAA,CACE,gBAAC,GAAA;EAAc,OAAOF,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAkBC;KACzC,gBAAC,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA;AAGP"}

package/dist/client/pca-Dmt4JrxN.mjs

@@ -0,0 +1,25 @@
+import { t as e } from "./helpers-1PpYf-fC.mjs";
+import { t } from "./pcaAccess-BYUY700H.mjs";
+import { createFileRoute as n, lazyRouteComponent as r, redirect as i } from "@tanstack/react-router";
+import { i18n as a } from "@lingui/core";
+var o = n("/_auth/projects/$projectId/services/pca/")({
+	staticData: {
+		section: "services",
+		service: "pca",
+		analytics: { name: "services.pca.list" },
+		sectionCrumb: { labelKey: "Services" },
+		crumb: { labelKey: "PCA (Clavis)" }
+	},
+	head: () => ({ meta: [{ title: a._({ id: "ffw//c" }) }] }),
+	beforeLoad: async ({ context: n, params: r }) => {
+		if (!t(e(await n.trpcClient?.auth.getAvailableServices.query() || []), n.enabledServices)) throw i({
+			to: "/projects/$projectId",
+			params: { projectId: r.projectId }
+		});
+	},
+	component: r(() => import("./pca-BAZ7HS3X.mjs"), "component")
+});
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=pca-Dmt4JrxN.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pca-Dmt4JrxN.mjs","names":["createFileRoute","redirect","t","getServiceIndex","canAccessClavisPca","Route","staticData","section","service","analytics","name","sectionCrumb","labelKey","crumb","RouteInfo","head","meta","title","beforeLoad","context","params","availableServices","trpcClient","auth","getAvailableServices","query","serviceIndex","enabledServices","to","projectId","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/index.tsx"],"sourcesContent":["import { createFileRoute, redirect } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { canAccessClavisPca } from \"./-components/pcaAccess\"\nimport { PcaListContainer } from \"./-components/PcaListContainer\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/pca/\")({\n  staticData: {\n    section: \"services\",\n    service: \"pca\",\n    analytics: {\n      name: \"services.pca.list\",\n    },\n    sectionCrumb: { labelKey: \"Services\" },\n    crumb: { labelKey: \"PCA (Clavis)\" },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`PCA` }] }),\n  beforeLoad: async ({ context, params }) => {\n    const availableServices = (await context.trpcClient?.auth.getAvailableServices.query()) || []\n    const serviceIndex = getServiceIndex(availableServices)\n\n    if (!canAccessClavisPca(serviceIndex, context.enabledServices)) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId: params.projectId },\n      })\n    }\n  },\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":";;;;AASA,IAAaK,IAAQL,EAAgB,0CAAA,EAA4C;CAC/EM,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,oBACR;EACAC,cAAc,EAAEC,UAAU,WAAW;EACrCC,OAAO,EAAED,UAAU,eAAe;CACpC;CACAG,aAAa,EAAEC,MAAM,CAAC,EAAEC,OAAOf,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA,EAAM,CAAA,EAAG;CACzCgB,YAAY,OAAO,EAAEC,YAASC,gBAAQ;EAIpC,IAAI,CAAChB,EAFgBD,EADK,MAAOgB,EAAQG,YAAYC,KAAKC,qBAAqBC,MAAAA,KAAY,CAAA,CAGnEC,GAAcP,EAAQQ,eAAe,GAC3D,MAAM1B,EAAS;GACb2B,IAAI;GACJR,QAAQ,EAAES,WAAWT,EAAOS,UAAU;EACxC,CAAA;CAEJ;CACAC,WAASC,sCAAA,WAAA;AACX,CAAA"}

package/dist/client/pcaAccess-BYUY700H.mjs

@@ -0,0 +1,9 @@
+//#region src/client/routes/_auth/projects/$projectId/services/pca/-components/pcaAccess.ts
+var e = (e) => !!(e.pca?.["clavis-beta"] || e.pca?.["clavis-dev"]), t = (t, n) => {
+	let r = !n || n.includes("pca");
+	return e(t) && r;
+};
+//#endregion
+export { t };
+
+//# sourceMappingURL=pcaAccess-BYUY700H.mjs.map

package/dist/client/pcaAccess-BYUY700H.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pcaAccess-BYUY700H.mjs","names":["hasClavisPcaService","serviceIndex","Boolean","canAccessClavisPca","enabledServices","isPcaEnabled","includes"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/-components/pcaAccess.ts"],"sourcesContent":["import type { getServiceIndex } from \"@/server/Authentication/helpers\"\n\ntype ServiceIndex = ReturnType<typeof getServiceIndex>\n\nexport const hasClavisPcaService = (serviceIndex: ServiceIndex) => {\n  // Temporary mapping while Clavis is exposed under beta/dev service names.\n  return Boolean(serviceIndex[\"pca\"]?.[\"clavis-beta\"] || serviceIndex[\"pca\"]?.[\"clavis-dev\"])\n}\n\nexport const canAccessClavisPca = (serviceIndex: ServiceIndex, enabledServices?: string[]) => {\n  const isPcaEnabled = !enabledServices || enabledServices.includes(\"pca\")\n  return hasClavisPcaService(serviceIndex) && isPcaEnabled\n}\n"],"mappings":";AAIA,IAAaA,KAAuBC,MAE3BC,GAAQD,EAAa,MAAS,kBAAkBA,EAAa,MAAS,gBAGlEE,KAAsBF,GAA4BG,MAAAA;CAC7D,IAAMC,IAAe,CAACD,KAAmBA,EAAgBE,SAAS,KAAA;CAClE,OAAON,EAAoBC,CAAAA,KAAiBI;AAC9C"}

package/dist/client/{projects-CGjBlG2w.mjs → projects-CDFynG9q.mjs}

@@ -1,7 +1,8 @@
 import { createFileRoute as e, lazyRouteComponent as t } from "@tanstack/react-router";
 import { z as n } from "zod";
 //#region src/client/routes/_auth/projects/index.tsx
-var r = () => import("./projects-yiK0HGSA.mjs"), i = () => import("./projects-DvSiI5Vg.mjs"), a = () => import("./projects-C3wR-lvM.mjs"), o = n.object({ search: n.string().optional() }), s = e("/_auth/projects/")({
+var r = () => import("./projects-yiK0HGSA.mjs"), i = () => import("./projects-DvSiI5Vg.mjs"), a = () => import("./projects-sn_XPdCh.mjs"), o = n.object({ search: n.string().optional() }), s = e("/_auth/projects/")({
+	staticData: { analytics: { name: "projects.list" } },
 	component: t(a, "component"),
 	errorComponent: t(i, "errorComponent"),
 	notFoundComponent: t(r, "notFoundComponent"),
@@ -19,4 +20,4 @@ var r = () => import("./projects-yiK0HGSA.mjs"), i = () => import("./projects-Dv
 //#endregion
 export { s as t };
 
-//# sourceMappingURL=projects-CGjBlG2w.mjs.map
+//# sourceMappingURL=projects-CDFynG9q.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"projects-CDFynG9q.mjs","names":["createFileRoute","z","searchSchema","object","search","string","optional","Route","staticData","analytics","name","RouteInfo","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter","notFoundComponent","$$splitNotFoundComponentImporter","validateSearch","loaderDeps","loader","context","deps","allProjects","trpcClient","project","getAuthProjects","query","projects","trim","searchTermLower","toLowerCase","filter","includes","description"],"sources":["../../src/client/routes/_auth/projects/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useRouteContext } 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\"\nimport { Slot } from \"@/client/components/Slot\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  staticData: {\n    analytics: {\n      name: \"projects.list\",\n    },\n  } satisfies RouteInfo,\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  const { slots } = useRouteContext({ strict: false })\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      {slots?.projectsBanner && <Slot component={slots.projectsBanner} useShadowDOM={false} />}\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;2IAYME,IAAeD,EAAEE,OAAO,EAC5BC,QAAQH,EAAEI,OAAM,EAAGC,SAAQ,EAC7B,CAAA,GAEaC,IAAQP,EAAgB,kBAAA,EAAoB;CACvDQ,YAAY,EACVC,WAAW,EACTC,MAAM,gBACR,EACF;CACAE,WAASC,EAAAC,GAAA,WAAA;CACTC,gBAAcF,EAAAG,GAAA,gBAAA;CAGdC,mBAAiBJ,EAAAK,GAAA,mBAAA;CAGjBC,gBAAgBjB;CAChBkB,aAAa,EAAEhB,iBAAc,EAC3BA,QAAQA,EAAOA,UAAU,GAC3B;CACAiB,QAAQ,OAAO,EAAEC,YAASC,cAAM;EAC9B,IAAMC,IAAc,MAAMF,EAAQG,YAAYC,QAAQC,gBAAgBC,MAAAA,GAElEC,IAAWL;EACf,IAAID,EAAKnB,UAAUmB,EAAKnB,OAAO0B,KAAI,MAAO,IAAI;GAC5C,IAAMC,IAAkBR,EAAKnB,OAAO4B,YAAW;GAC/CH,IAAWL,GAAaS,QACrBP,MACCA,EAAQhB,MAAMsB,YAAAA,EAAcE,SAASH,CAAAA,KACrCL,EAAQS,aAAaH,YAAAA,EAAcE,SAASH,CAAAA,CAAAA;EAElD;EAEA,OAAO,EAAEF,YAAS;CACpB;AACF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"projects-DvSiI5Vg.mjs","names":["RouteError","TRPCClientError","Route","SplitErrorComponent","error","message","undefined","errorComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useRouteContext } 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\"\nimport { Slot } from \"@/client/components/Slot\"\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  const { slots } = useRouteContext({ strict: false })\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      {slots?.projectsBanner && <Slot component={slots.projectsBanner} useShadowDOM={false} />}\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;;AAK8C,IAAAG,KAY3B,EAAEC,eACjB,gBAAC,GAAA;CAAkBA;CAAO,kBAAkBA,aAAiBH,IAAkBG,EAAMC,UAAUC,KAAAA"}
+{"version":3,"file":"projects-DvSiI5Vg.mjs","names":["RouteError","TRPCClientError","Route","SplitErrorComponent","error","message","undefined","errorComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useRouteContext } 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\"\nimport { Slot } from \"@/client/components/Slot\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  staticData: {\n    analytics: {\n      name: \"projects.list\",\n    },\n  } satisfies RouteInfo,\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  const { slots } = useRouteContext({ strict: false })\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      {slots?.projectsBanner && <Slot component={slots.projectsBanner} useShadowDOM={false} />}\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;;AAK8C,IAAAG,KAkB3B,EAAEC,eACjB,gBAAC,GAAA;CAAkBA;CAAO,kBAAkBA,aAAiBH,IAAkBG,EAAMC,UAAUC,KAAAA"}

package/dist/client/{projects-C3wR-lvM.mjs → projects-sn_XPdCh.mjs}

@@ -1,6 +1,6 @@
 import { Y as e, Z as t, n, x as r } from "./build-DgeVmENN.mjs";
 import { t as i } from "./Slot-CWb612-_.mjs";
-import { t as a } from "./projects-CGjBlG2w.mjs";
+import { t as a } from "./projects-CDFynG9q.mjs";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useEffect as c, useRef as l, useState as u } from "react";
 import { useNavigate as d, useRouteContext as f } from "@tanstack/react-router";
@@ -104,4 +104,4 @@ function v() {
 //#endregion
 export { v as component };
 
-//# sourceMappingURL=projects-C3wR-lvM.mjs.map
+//# sourceMappingURL=projects-sn_XPdCh.mjs.map

package/dist/client/{projects-C3wR-lvM.mjs.map → projects-sn_XPdCh.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"projects-C3wR-lvM.mjs","names":["useEffect","useRef","useState","SearchInput","ProjectsOverviewNavBar","onSearch","searchTerm","useLingui","timerRef","inputFocusedRef","inputValue","setInputValue","current","clearTimeout","handleSearchChange","e","value","target","setTimeout","handleClear","className","type","placeholder","t","onChange","onFocus","onBlur","onClear","useNavigate","Card","ProjectCard","project","navigate","padding","onClick","to","params","projectId","id","className","div","p","domain_name","domain_id","data-testid","name","description","ProjectCardView","projects","length","sort","a","b","localeCompare","map","useRouteContext","ProjectsOverviewNavBar","ProjectCardView","Container","ContentHeading","Trans","Slot","Route","ProjectsOverview","projects","useLoaderData","search","useSearch","navigate","useNavigate","slots","strict","handleSearch","value","replace","projectsBanner","component"],"sources":["../../src/client/routes/_auth/projects/-components/ProjectOverviewNavBar.tsx","../../src/client/routes/_auth/projects/-components/ProjectCardView.tsx","../../src/client/routes/_auth/projects/index.tsx?tsr-split=component"],"sourcesContent":["import { ChangeEvent, useEffect, useRef, useState } from \"react\"\nimport { SearchInput } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\ntype ProjectsOverviewNavBarProps = {\n  searchTerm?: string\n  onSearch: (value: string) => void\n}\n\nexport function ProjectsOverviewNavBar({ onSearch, searchTerm = \"\" }: ProjectsOverviewNavBarProps) {\n  const { t } = useLingui()\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const inputFocusedRef = useRef(false)\n  const [inputValue, setInputValue] = useState(searchTerm)\n\n  useEffect(() => {\n    if (!inputFocusedRef.current && !timerRef.current && searchTerm !== inputValue) {\n      setInputValue(searchTerm)\n    }\n  }, [searchTerm])\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) clearTimeout(timerRef.current)\n    }\n  }, [])\n\n  const handleSearchChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setInputValue(value)\n    if (timerRef.current) clearTimeout(timerRef.current)\n    timerRef.current = setTimeout(() => {\n      timerRef.current = null\n      onSearch(value)\n    }, 300)\n  }\n\n  const handleClear = () => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n      timerRef.current = null\n    }\n    setInputValue(\"\")\n    onSearch(\"\")\n  }\n\n  return (\n    <SearchInput\n      className=\"w-full\"\n      type=\"text\"\n      placeholder={t`Search...`}\n      onChange={handleSearchChange}\n      onFocus={() => {\n        inputFocusedRef.current = true\n      }}\n      onBlur={() => {\n        inputFocusedRef.current = false\n      }}\n      onClear={handleClear}\n      value={inputValue}\n    />\n  )\n}\n","import { useNavigate } from \"@tanstack/react-router\"\nimport { Project } from \"@/server/Project/types/models\"\nimport { Card } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\ntype ProjectCardProps = {\n  project: Project\n}\ntype ProjectCardViewProps = {\n  projects: Project[] | undefined\n}\n\nexport function ProjectCard({ project }: ProjectCardProps) {\n  const navigate = useNavigate()\n  return (\n    <Card\n      padding\n      onClick={() => navigate({ to: \"/projects/$projectId\", params: { projectId: project.id } })}\n      className=\"flex flex-col gap-4\"\n    >\n      <div className=\"flex min-w-0 flex-col\">\n        <p className=\"text-theme-light text-xs leading-5 font-normal\">\n          {project.domain_name ?? project.domain_id ?? <Trans>Unknown domain</Trans>}\n        </p>\n        <p data-testid=\"project-name\" className=\"text-theme-high text-lg leading-7 font-bold\">\n          {project.name}\n        </p>\n      </div>\n      {project.description && (\n        <p className=\"text-theme-default line-clamp-2 text-sm font-normal\">{project.description}</p>\n      )}\n    </Card>\n  )\n}\n\nexport function ProjectCardView({ projects }: ProjectCardViewProps) {\n  return (\n    <div className=\"w-full\">\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4\">\n        {projects?.length ? (\n          [...projects]\n            .sort((a, b) => a.name.localeCompare(b.name))\n            .map((project) => <ProjectCard key={project.id} project={project} />)\n        ) : (\n          <p>\n            <Trans>No projects available.</Trans>\n          </p>\n        )}\n      </div>\n    </div>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { useRouteContext } 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\"\nimport { Slot } from \"@/client/components/Slot\"\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  const { slots } = useRouteContext({ strict: false })\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      {slots?.projectsBanner && <Slot component={slots.projectsBanner} useShadowDOM={false} />}\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"projects-sn_XPdCh.mjs","names":["useEffect","useRef","useState","SearchInput","ProjectsOverviewNavBar","onSearch","searchTerm","useLingui","timerRef","inputFocusedRef","inputValue","setInputValue","current","clearTimeout","handleSearchChange","e","value","target","setTimeout","handleClear","className","type","placeholder","t","onChange","onFocus","onBlur","onClear","useNavigate","Card","ProjectCard","project","navigate","padding","onClick","to","params","projectId","id","className","div","p","domain_name","domain_id","data-testid","name","description","ProjectCardView","projects","length","sort","a","b","localeCompare","map","useRouteContext","ProjectsOverviewNavBar","ProjectCardView","Container","ContentHeading","Trans","Slot","Route","ProjectsOverview","projects","useLoaderData","search","useSearch","navigate","useNavigate","slots","strict","handleSearch","value","replace","projectsBanner","component"],"sources":["../../src/client/routes/_auth/projects/-components/ProjectOverviewNavBar.tsx","../../src/client/routes/_auth/projects/-components/ProjectCardView.tsx","../../src/client/routes/_auth/projects/index.tsx?tsr-split=component"],"sourcesContent":["import { ChangeEvent, useEffect, useRef, useState } from \"react\"\nimport { SearchInput } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\ntype ProjectsOverviewNavBarProps = {\n  searchTerm?: string\n  onSearch: (value: string) => void\n}\n\nexport function ProjectsOverviewNavBar({ onSearch, searchTerm = \"\" }: ProjectsOverviewNavBarProps) {\n  const { t } = useLingui()\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const inputFocusedRef = useRef(false)\n  const [inputValue, setInputValue] = useState(searchTerm)\n\n  useEffect(() => {\n    if (!inputFocusedRef.current && !timerRef.current && searchTerm !== inputValue) {\n      setInputValue(searchTerm)\n    }\n  }, [searchTerm])\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) clearTimeout(timerRef.current)\n    }\n  }, [])\n\n  const handleSearchChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setInputValue(value)\n    if (timerRef.current) clearTimeout(timerRef.current)\n    timerRef.current = setTimeout(() => {\n      timerRef.current = null\n      onSearch(value)\n    }, 300)\n  }\n\n  const handleClear = () => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n      timerRef.current = null\n    }\n    setInputValue(\"\")\n    onSearch(\"\")\n  }\n\n  return (\n    <SearchInput\n      className=\"w-full\"\n      type=\"text\"\n      placeholder={t`Search...`}\n      onChange={handleSearchChange}\n      onFocus={() => {\n        inputFocusedRef.current = true\n      }}\n      onBlur={() => {\n        inputFocusedRef.current = false\n      }}\n      onClear={handleClear}\n      value={inputValue}\n    />\n  )\n}\n","import { useNavigate } from \"@tanstack/react-router\"\nimport { Project } from \"@/server/Project/types/models\"\nimport { Card } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\ntype ProjectCardProps = {\n  project: Project\n}\ntype ProjectCardViewProps = {\n  projects: Project[] | undefined\n}\n\nexport function ProjectCard({ project }: ProjectCardProps) {\n  const navigate = useNavigate()\n  return (\n    <Card\n      padding\n      onClick={() => navigate({ to: \"/projects/$projectId\", params: { projectId: project.id } })}\n      className=\"flex flex-col gap-4\"\n    >\n      <div className=\"flex min-w-0 flex-col\">\n        <p className=\"text-theme-light text-xs leading-5 font-normal\">\n          {project.domain_name ?? project.domain_id ?? <Trans>Unknown domain</Trans>}\n        </p>\n        <p data-testid=\"project-name\" className=\"text-theme-high text-lg leading-7 font-bold\">\n          {project.name}\n        </p>\n      </div>\n      {project.description && (\n        <p className=\"text-theme-default line-clamp-2 text-sm font-normal\">{project.description}</p>\n      )}\n    </Card>\n  )\n}\n\nexport function ProjectCardView({ projects }: ProjectCardViewProps) {\n  return (\n    <div className=\"w-full\">\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4\">\n        {projects?.length ? (\n          [...projects]\n            .sort((a, b) => a.name.localeCompare(b.name))\n            .map((project) => <ProjectCard key={project.id} project={project} />)\n        ) : (\n          <p>\n            <Trans>No projects available.</Trans>\n          </p>\n        )}\n      </div>\n    </div>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { useRouteContext } 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\"\nimport { Slot } from \"@/client/components/Slot\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  staticData: {\n    analytics: {\n      name: \"projects.list\",\n    },\n  } satisfies RouteInfo,\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  const { slots } = useRouteContext({ strict: false })\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      {slots?.projectsBanner && <Slot component={slots.projectsBanner} useShadowDOM={false} />}\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"projects-yiK0HGSA.mjs","names":["SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useRouteContext } 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\"\nimport { Slot } from \"@/client/components/Slot\"\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  const { slots } = useRouteContext({ strict: false })\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      {slots?.projectsBanner && <Slot component={slots.projectsBanner} useShadowDOM={false} />}\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;cAqBW,gBAAC,KAAA,EAAA,UAAE,qBAAA,CAAA"}
+{"version":3,"file":"projects-yiK0HGSA.mjs","names":["SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useRouteContext } 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\"\nimport { Slot } from \"@/client/components/Slot\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  staticData: {\n    analytics: {\n      name: \"projects.list\",\n    },\n  } satisfies RouteInfo,\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  const { slots } = useRouteContext({ strict: false })\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      {slots?.projectsBanner && <Slot component={slots.projectsBanner} useShadowDOM={false} />}\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;cA2BW,gBAAC,KAAA,EAAA,UAAE,qBAAA,CAAA"}

package/dist/client/{routeInfo-Dy9l-wFB.mjs → routeInfo-CdTRlSxv.mjs}

@@ -14,18 +14,19 @@ var t = e.object({
 	to: e.string().optional(),
 	useParamAsLabel: e.string().optional(),
 	useParentTitleAsLabel: e.boolean().optional()
-}), n = e.object({
-	section: e.string(),
+}), n = e.object({ name: e.string() }), r = e.object({
+	section: e.string().optional(),
 	service: e.string().optional(),
 	isDetail: e.boolean().optional(),
 	crumb: t.optional(),
 	sectionCrumb: t.optional(),
-	intermediateCrumb: t.optional()
+	intermediateCrumb: t.optional(),
+	analytics: n.optional()
 });
-function r(e) {
-	return n.safeParse(e).success;
+function i(e) {
+	return r.safeParse(e).success;
 }
 //#endregion
-export { r as t };
+export { i as t };
 
-//# sourceMappingURL=routeInfo-Dy9l-wFB.mjs.map
+//# sourceMappingURL=routeInfo-CdTRlSxv.mjs.map

package/dist/client/routeInfo-CdTRlSxv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"routeInfo-CdTRlSxv.mjs","names":["z","CRUMB_LABEL_KEYS","CrumbSchema","object","labelKey","enum","optional","to","string","useParamAsLabel","useParentTitleAsLabel","boolean","AnalyticsSchema","name","RouteInfoSchema","section","service","isDetail","crumb","sectionCrumb","intermediateCrumb","analytics","isRouteInfo","data","safeParse","success"],"sources":["../../src/client/routes/routeInfo.ts"],"sourcesContent":["import { z } from \"zod\"\n\nexport const CRUMB_LABEL_KEYS = [\n  \"Compute\",\n  \"Network\",\n  \"Storage\",\n  \"Services\",\n  \"Images\",\n  \"Flavors\",\n  \"Security Groups\",\n  \"Floating IPs\",\n  \"PCA (Clavis)\",\n] as const\n\nexport type CrumbLabelKey = (typeof CRUMB_LABEL_KEYS)[number]\n\nconst CrumbSchema = z.object({\n  labelKey: z.enum(CRUMB_LABEL_KEYS).optional(),\n  to: z.string().optional(),\n  useParamAsLabel: z.string().optional(),\n  useParentTitleAsLabel: z.boolean().optional(),\n})\n\nconst AnalyticsSchema = z.object({\n  name: z.string(),\n})\n\nconst RouteInfoSchema = z.object({\n  section: z.string().optional(),\n  service: z.string().optional(),\n  isDetail: z.boolean().optional(),\n  crumb: CrumbSchema.optional(),\n  sectionCrumb: CrumbSchema.optional(),\n  intermediateCrumb: CrumbSchema.optional(),\n  analytics: AnalyticsSchema.optional(),\n})\n\nexport type Crumb = z.infer<typeof CrumbSchema>\nexport type Analytics = z.infer<typeof AnalyticsSchema>\nexport type RouteInfo = z.infer<typeof RouteInfoSchema>\n\nexport function isRouteInfo(data: unknown): data is RouteInfo {\n  return RouteInfoSchema.safeParse(data).success\n}\n"],"mappings":";AAgBA,IAAME,IAAcF,EAAEG,OAAO;CAC3BC,UAAUJ,EAAEK,KAAKJ;EAdjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAMiBA,CAAAA,EAAkBK,SAAQ;CAC3CC,IAAIP,EAAEQ,OAAM,EAAGF,SAAQ;CACvBG,iBAAiBT,EAAEQ,OAAM,EAAGF,SAAQ;CACpCI,uBAAuBV,EAAEW,QAAO,EAAGL,SAAQ;AAC7C,CAAA,GAEMM,IAAkBZ,EAAEG,OAAO,EAC/BU,MAAMb,EAAEQ,OAAM,EAChB,CAAA,GAEMM,IAAkBd,EAAEG,OAAO;CAC/BY,SAASf,EAAEQ,OAAM,EAAGF,SAAQ;CAC5BU,SAAShB,EAAEQ,OAAM,EAAGF,SAAQ;CAC5BW,UAAUjB,EAAEW,QAAO,EAAGL,SAAQ;CAC9BY,OAAOhB,EAAYI,SAAQ;CAC3Ba,cAAcjB,EAAYI,SAAQ;CAClCc,mBAAmBlB,EAAYI,SAAQ;CACvCe,WAAWT,EAAgBN,SAAQ;AACrC,CAAA;AAMA,SAAgBgB,EAAYC,GAAa;CACvC,OAAOT,EAAgBU,UAAUD,CAAAA,EAAME;AACzC"}

package/dist/client/{securitygroups-n8ujBpJP.mjs → securitygroups-CEAGUVYa.mjs}

@@ -1,5 +1,5 @@
 import { A as e, B as t, E as n, G as r, H as i, K as a, P as o, R as s, U as c, Y as l, at as u, c as d, et as f, g as p, lt as m, o as h, r as g, rt as _, tt as v, ut as y, y as b } from "./build-DgeVmENN.mjs";
-import { r as x } from "./trpcClient-BzPUgiM2.mjs";
+import { r as x } from "./trpcClient-Dy_MP_Pv.mjs";
 import { t as S } from "./useProjectId-DBc5lpoU.mjs";
 import "./hooks-CMgoYcDG.mjs";
 import { n as C, t as w } from "./useListWithFiltering-BuhE81I6.mjs";
@@ -437,4 +437,4 @@ function U() {
 //#endregion
 export { U as component };
 
-//# sourceMappingURL=securitygroups-n8ujBpJP.mjs.map
+//# sourceMappingURL=securitygroups-CEAGUVYa.mjs.map