@cobaltcore-dev/aurora 1.3.0 → 2.1.0

package/dist/client/objects-Dc7sKUr8.mjs

@@ -0,0 +1,67 @@
+import { t as e } from "./storageProviders-CJ5rOh13.mjs";
+import { C as t, S as n, b as r, n as i, t as a, v as o, x as s } from "./objects-BudUAfWY.mjs";
+import { t as c } from "./useSetBreadcrumb-tn7lBaQV.mjs";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useParams as f } from "@tanstack/react-router";
+import { Trans as p } from "@lingui/react";
+import { ErrorBoundary as m } from "react-error-boundary";
+//#region src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx?tsr-split=component
+function h() {
+	let { projectId: h, provider: g, containerName: _ } = f({
+		from: "/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/",
+		select: (e) => ({
+			projectId: e.projectId,
+			provider: e.provider,
+			containerName: e.containerName
+		})
+	});
+	c(a.id, _);
+	let { prefix: v, sortBy: y, sortDirection: b, search: x, view: S } = a.useSearch();
+	return /*#__PURE__*/ d(l, { children: [
+		g === e.CEPH && /*#__PURE__*/ u(o, { bucketName: _ }),
+		g === e.SWIFT && /*#__PURE__*/ u(i, { containerName: _ }),
+		/*#__PURE__*/ u("div", {
+			className: g === e.SWIFT ? "pt-4" : void 0,
+			children: h ? /*#__PURE__*/ u(m, {
+				resetKeys: [
+					h,
+					g,
+					_,
+					v,
+					y,
+					b,
+					x,
+					S
+				],
+				fallback: /*#__PURE__*/ u("div", {
+					className: "p-4 text-center",
+					children: /*#__PURE__*/ u(p, { id: "diFNkW" })
+				}),
+				children: (() => {
+					switch (g) {
+						case e.SWIFT: return /*#__PURE__*/ u(t, {
+							provider: g,
+							containerName: _
+						});
+						case e.CEPH: return u(S === "lifecycle-rules" ? r : S === "cors-rules" ? s : n, { bucketName: _ });
+						default: return /*#__PURE__*/ u("div", {
+							className: "p-4",
+							children: /*#__PURE__*/ u(p, {
+								id: "ubUrot",
+								values: { containerName: _ }
+							})
+						});
+					}
+				})()
+			}) : /*#__PURE__*/ u("div", {
+				className: "p-4 text-center",
+				children: /*#__PURE__*/ u(p, { id: "Z2fZGD" })
+			})
+		})
+	] });
+}
+var g = () => /*#__PURE__*/ u(h, {});
+//#endregion
+export { h as ObjectsDashboard, g as component };
+
+//# sourceMappingURL=objects-Dc7sKUr8.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"objects-Dc7sKUr8.mjs","names":["useParams","ErrorBoundary","Trans","SwiftObjects","CephObjects","CephCorsRules","CephLifecycleRules","BucketHeader","ContainerHeader","useSetBreadcrumb","STORAGE_PROVIDER","Route","ObjectsDashboard","projectId","provider","containerName","from","select","params","id","prefix","sortBy","sortDirection","search","view","useSearch","CEPH","SWIFT","undefined","SplitComponent","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx?tsr-split=component"],"sourcesContent":["import {\n  createFileRoute,\n  useNavigate,\n  useParams,\n  type ErrorComponentProps,\n  type NotFoundRouteComponent,\n} from \"@tanstack/react-router\"\nimport type { ReactNode } from \"react\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { isTRPCClientError } from \"@trpc/client\"\nimport { guardStorageRoute, type StorageNotFoundReason } from \"../../../../-components/utils/serviceAvailability\"\nimport { CONTAINER_NOT_FOUND, requireContainerExists } from \"../../../../-components/utils/containerExistence\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { ErrorBoundary } from \"react-error-boundary\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { SwiftObjects } from \"../../../../-components/Swift/Objects\"\nimport { CephObjects } from \"../../../../-components/Ceph/Objects\"\nimport { CephCorsRules, CephLifecycleRules } from \"../../../../-components/Ceph/Buckets\"\nimport { z } from \"zod\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { BucketHeader } from \"../../../../-components/Ceph/Buckets/BucketHeader\"\nimport { ContainerHeader } from \"../../../../-components/Swift/Containers/ContainerHeader\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { StorageNotFound } from \"../../../../-components/StorageNotFound\"\nimport { STORAGE_PROVIDER } from \"@/client/utils/storageProviders\"\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\n// - view: tab selection for Ceph bucket details page (overview shows objects, cors-rules shows CORS config, lifecycle-rules shows lifecycle config)\n// - corsSortBy: active sort column for CORS rules tab (ID, AllowedOrigins, etc.) — separate from objects sortBy\n// - corsSortDirection: \"asc\" | \"desc\" for CORS rules — separate from objects sortDirection\n// - corsSearch: search term for filtering CORS rules by Rule ID — separate from objects search\n// - lifecycleSortBy: active sort column for lifecycle rules tab (ID, Status, Expiration) — separate from objects sortBy\n// - lifecycleSortDirection: \"asc\" | \"desc\" for lifecycle rules — separate from objects sortDirection\n// - lifecycleSearch: search term for filtering lifecycle rules by Rule ID — separate from objects search\nconst objectsSearchSchema = z.object({\n  prefix: z.string().optional(),\n  sortBy: z.enum([\"name\", \"last_modified\", \"bytes\", \"lastModified\", \"size\"]).optional().default(\"name\"),\n  sortDirection: z.enum([\"asc\", \"desc\"]).optional().default(\"asc\"),\n  search: z.string().optional(),\n  tab: z.enum([\"all\", \"deleted\"]).optional().default(\"all\"),\n  view: z.enum([\"overview\", \"cors-rules\", \"lifecycle-rules\"]).optional().default(\"overview\"),\n  corsSortBy: z\n    .enum([\"ID\", \"AllowedOrigins\", \"AllowedMethods\", \"AllowedHeaders\", \"ExposeHeaders\", \"MaxAgeSeconds\"])\n    .optional()\n    .default(\"ID\"),\n  corsSortDirection: z.enum([\"asc\", \"desc\"]).optional().default(\"asc\"),\n  corsSearch: z.string().optional(),\n  lifecycleSortBy: z.enum([\"ID\", \"Status\", \"Expiration\"]).optional().default(\"ID\"),\n  lifecycleSortDirection: z.enum([\"asc\", \"desc\"]).optional().default(\"asc\"),\n  lifecycleSearch: z.string().optional(),\n})\n\n/**\n * \"Back to Buckets\"/\"Back to Containers\" — the exit both boundaries below want. The list\n * is the one page that is certainly still there, so it beats `RouteIdLevelDefaultError`'s\n * default \"Go to Project Home\", which leaves storage altogether.\n *\n * Returns undefined when the params aren't readable, so the caller falls back to that\n * default rather than rendering a button that can't build a target.\n */\nfunction useBackToContainerList(): ReactNode {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId, provider, storageType } = useParams({ strict: false })\n\n  if (!projectId || !provider || !storageType) return undefined\n\n  return (\n    <Button\n      variant=\"primary\"\n      onClick={() =>\n        navigate({\n          to: \"/projects/$projectId/storage/$provider/$storageType\",\n          params: { projectId, provider, storageType },\n        })\n      }\n    >\n      {provider === STORAGE_PROVIDER.CEPH ? t`Back to Buckets` : t`Back to Containers`}\n    </Button>\n  )\n}\n\n/**\n * The route's single notFound boundary serves two unrelated 404s, so it dispatches on the\n * reason the throw carried:\n *\n * - the address is wrong (bad provider, non-canonical storage-type) → `StorageNotFound`,\n *   whose action leads out of storage entirely, because no storage page here is valid;\n * - the address is fine but the container isn't there → `RouteIdLevelDefaultError`, whose\n *   action leads back to the list, which is a page the user can actually use.\n *\n * (The router spreads the whole notFound error object into these props, so the reason\n * arrives nested under `data` — see StorageNotFound for the three files that establish it.)\n */\nfunction ObjectsNotFound({ data }: { data?: { reason?: StorageNotFoundReason | typeof CONTAINER_NOT_FOUND } }) {\n  const { t } = useLingui()\n  const { provider } = useParams({ strict: false })\n  const backToList = useBackToContainerList()\n\n  const reason = data?.reason\n\n  if (reason !== CONTAINER_NOT_FOUND) {\n    return <StorageNotFound data={reason ? { reason } : undefined} />\n  }\n\n  const isCeph = provider === STORAGE_PROVIDER.CEPH\n\n  return (\n    <RouteIdLevelDefaultError\n      errorTitle={isCeph ? t`Bucket Not Found` : t`Container Not Found`}\n      errorDescription={\n        isCeph\n          ? t`This bucket does not exist or is not accessible in this project.`\n          : t`This container does not exist or is not accessible in this project.`\n      }\n      action={backToList}\n    />\n  )\n}\n\n/**\n * Route-level error boundary — for a request that failed, as opposed to a resource that\n * isn't there. Deliberately a boundary of its own: #1304 points one component at both, and\n * since that component hardcodes `code={404}` a 500 arrives labelled \"Resource Not Found\".\n * The split is in what the two say, not in which component they use — `code` is what lets\n * this one state the real status instead of inheriting that default.\n *\n * Catching here rather than letting it reach the root keeps everything the parent routes\n * render — shell, nav, the breadcrumb trail up to this page — on screen, and lets the\n * boundary reset when the user navigates.\n */\nfunction ObjectsError({ error }: ErrorComponentProps) {\n  const { t } = useLingui()\n  const backToList = useBackToContainerList()\n  const trpcError = isTRPCClientError(error) ? error : undefined\n\n  return (\n    <RouteIdLevelDefaultError\n      code={trpcError?.data?.httpStatus ?? null}\n      errorTitle={t`Unable to Load Content`}\n      errorDescription={trpcError?.message ?? t`An unexpected error occurred.`}\n      action={backToList}\n    />\n  )\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  } satisfies RouteInfo,\n  validateSearch: objectsSearchSchema,\n  head: ({ match }) => ({\n    meta: [{ title: match.params.containerName }],\n  }),\n  component: () => {\n    return <ObjectsDashboard />\n  },\n  notFoundComponent: ObjectsNotFound as NotFoundRouteComponent,\n  errorComponent: ObjectsError,\n  loader: async ({ context, params }) => {\n    const { trpcClient } = context\n    if (!trpcClient) {\n      throw new Error(\"trpcClient is not available in route context\")\n    }\n    const availableServices = (await trpcClient.auth.getAvailableServices.query()) ?? []\n    const provider = guardStorageRoute(availableServices, params)\n    return requireContainerExists(trpcClient, { ...params, provider })\n  },\n})\n\nexport function 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  useSetBreadcrumb(Route.id, containerName)\n\n  const { prefix, sortBy, sortDirection, search, view } = Route.useSearch()\n\n  return (\n    <>\n      {provider === STORAGE_PROVIDER.CEPH && <BucketHeader bucketName={containerName} />}\n      {provider === STORAGE_PROVIDER.SWIFT && <ContainerHeader containerName={containerName} />}\n      {/* Ceph gets extra breathing room below its header from BucketHeader's own\n          tabs block; Swift has no such block, so pad the content wrapper directly\n          to avoid the overflow menu sitting too close to the toolbar below it. */}\n      <div className={provider === STORAGE_PROVIDER.SWIFT ? \"pt-4\" : undefined}>\n        {projectId ? (\n          <ErrorBoundary\n            resetKeys={[projectId, provider, containerName, prefix, sortBy, sortDirection, search, view]}\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 STORAGE_PROVIDER.SWIFT:\n                  return <SwiftObjects provider={provider} containerName={containerName} />\n                case STORAGE_PROVIDER.CEPH:\n                  if (view === \"lifecycle-rules\") {\n                    return <CephLifecycleRules bucketName={containerName} />\n                  }\n                  if (view === \"cors-rules\") {\n                    return <CephCorsRules bucketName={containerName} />\n                  }\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":";;;;;;;;AAoLA,SAAgBY,IAAAA;CACd,IAAM,EAAEC,cAAWC,aAAUC,qBAAkBf,EAAU;EACvDgB,MAAM;EACNC,SAASC,OAAY;GACnBL,WAAWK,EAAOL;GAClBC,UAAUI,EAAOJ;GACjBC,eAAeG,EAAOH;EACxB;CACF,CAAA;CAEAN,EAAiBE,EAAMQ,IAAIJ,CAAAA;CAE3B,IAAM,EAAEK,WAAQC,WAAQC,kBAAeC,WAAQC,YAASb,EAAMc,UAAS;CAEvE,OACE,gBAAA,GAAA,EAAA,UAAA;EACGX,MAAaJ,EAAiBgB,QAAQ,gBAAC,GAAA,EAAa,YAAYX,EAAAA,CAAAA;EAChED,MAAaJ,EAAiBiB,SAAS,gBAAC,GAAA,EAA+BZ,iBAAAA,CAAAA;EAIxE,gBAAC,OAAA;GAAI,WAAWD,MAAaJ,EAAiBiB,QAAQ,SAASC,KAAAA;GAC5Df,UAAAA,IACC,gBAAC,GAAA;IACC,WAAW;KAACA;KAAWC;KAAUC;KAAeK;KAAQC;KAAQC;KAAeC;KAAQC;IAAK;IAC5F,UACE,gBAAC,OAAA;KAAI,WAAU;KACb,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IAIH,iBAAC;KACA,QAAQV,GAAR;MACE,KAAKJ,EAAiBiB,OACpB,OAAO,gBAAC,GAAA;OAAuBb;OAAyBC;;MAC1D,KAAKL,EAAiBgB,MAOpB,OALS,EADLF,MAAS,oBACH,IAENA,MAAS,eACH,IAEF,GALE,EAAmB,YAAYT,EAAAA,CAAAA;MAM3C,SACE,OACE,gBAAC,OAAA;OAAI,WAAU;OACb,UAAA,gBAAA,GAAA;;QAAiBA,QAAAA,EAAAA,iBAAAA;;;KAGzB;IACF,EAAA,CAAA;GAGF,CAAA,IAAA,gBAAC,OAAA;IAAI,WAAU;IACb,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;;AAMZ;AAAC,IAAAc,UA3EU,gBAAC,GAAA,CAAA,CAAA"}

package/dist/client/objects-Dw7oeTq2.mjs

@@ -0,0 +1,80 @@
+import { t as e } from "./storageProviders-CJ5rOh13.mjs";
+import { C as t, S as n, b as r, n as i, t as a, v as o, x as s } from "./objects-BudUAfWY.mjs";
+import { t as c } from "./RouteIdLevelDefaultError-DPF_x2tG.mjs";
+import { t as l } from "./useSetBreadcrumb-tn7lBaQV.mjs";
+import { t as u } from "./objects-_g7nGIn5.mjs";
+import { t as d } from "./StorageNotFound-B-zVinVD.mjs";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useParams as h } from "@tanstack/react-router";
+import { Trans as g, useLingui as _ } from "@lingui/react";
+import { ErrorBoundary as v } from "react-error-boundary";
+//#region src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx?tsr-split=notFoundComponent
+function y({ data: t }) {
+	let { i18n: n, _: r } = _(), { provider: i } = h({ strict: !1 }), a = u(), o = t?.reason;
+	if (o !== "container-not-found") return /*#__PURE__*/ p(d, { data: o ? { reason: o } : void 0 });
+	let s = i === e.CEPH;
+	return /*#__PURE__*/ p(c, {
+		errorTitle: s ? n._({ id: "uu0Tl6" }) : n._({ id: "HPV820" }),
+		errorDescription: s ? n._({ id: "oFW0cA" }) : n._({ id: "geLBjg" }),
+		action: a
+	});
+}
+function b() {
+	let { projectId: c, provider: u, containerName: d } = h({
+		from: "/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/",
+		select: (e) => ({
+			projectId: e.projectId,
+			provider: e.provider,
+			containerName: e.containerName
+		})
+	});
+	l(a.id, d);
+	let { prefix: _, sortBy: y, sortDirection: b, search: x, view: S } = a.useSearch();
+	return /*#__PURE__*/ m(f, { children: [
+		u === e.CEPH && /*#__PURE__*/ p(o, { bucketName: d }),
+		u === e.SWIFT && /*#__PURE__*/ p(i, { containerName: d }),
+		/*#__PURE__*/ p("div", {
+			className: u === e.SWIFT ? "pt-4" : void 0,
+			children: c ? /*#__PURE__*/ p(v, {
+				resetKeys: [
+					c,
+					u,
+					d,
+					_,
+					y,
+					b,
+					x,
+					S
+				],
+				fallback: /*#__PURE__*/ p("div", {
+					className: "p-4 text-center",
+					children: /*#__PURE__*/ p(g, { id: "diFNkW" })
+				}),
+				children: (() => {
+					switch (u) {
+						case e.SWIFT: return /*#__PURE__*/ p(t, {
+							provider: u,
+							containerName: d
+						});
+						case e.CEPH: return p(S === "lifecycle-rules" ? r : S === "cors-rules" ? s : n, { bucketName: d });
+						default: return /*#__PURE__*/ p("div", {
+							className: "p-4",
+							children: /*#__PURE__*/ p(g, {
+								id: "ubUrot",
+								values: { containerName: d }
+							})
+						});
+					}
+				})()
+			}) : /*#__PURE__*/ p("div", {
+				className: "p-4 text-center",
+				children: /*#__PURE__*/ p(g, { id: "Z2fZGD" })
+			})
+		})
+	] });
+}
+var x = y;
+//#endregion
+export { b as ObjectsDashboard, x as notFoundComponent };
+
+//# sourceMappingURL=objects-Dw7oeTq2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"objects-Dw7oeTq2.mjs","names":["useParams","CONTAINER_NOT_FOUND","RouteIdLevelDefaultError","ErrorBoundary","Trans","useLingui","SwiftObjects","CephObjects","CephCorsRules","CephLifecycleRules","BucketHeader","ContainerHeader","useSetBreadcrumb","StorageNotFound","STORAGE_PROVIDER","ObjectsNotFound","data","reason","StorageNotFoundReason","t","provider","strict","backToList","useBackToContainerList","undefined","isCeph","CEPH","Route","ObjectsDashboard","projectId","containerName","from","select","params","id","prefix","sortBy","sortDirection","search","view","useSearch","SWIFT","SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import {\n  createFileRoute,\n  useNavigate,\n  useParams,\n  type ErrorComponentProps,\n  type NotFoundRouteComponent,\n} from \"@tanstack/react-router\"\nimport type { ReactNode } from \"react\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { isTRPCClientError } from \"@trpc/client\"\nimport { guardStorageRoute, type StorageNotFoundReason } from \"../../../../-components/utils/serviceAvailability\"\nimport { CONTAINER_NOT_FOUND, requireContainerExists } from \"../../../../-components/utils/containerExistence\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { ErrorBoundary } from \"react-error-boundary\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { SwiftObjects } from \"../../../../-components/Swift/Objects\"\nimport { CephObjects } from \"../../../../-components/Ceph/Objects\"\nimport { CephCorsRules, CephLifecycleRules } from \"../../../../-components/Ceph/Buckets\"\nimport { z } from \"zod\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { BucketHeader } from \"../../../../-components/Ceph/Buckets/BucketHeader\"\nimport { ContainerHeader } from \"../../../../-components/Swift/Containers/ContainerHeader\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { StorageNotFound } from \"../../../../-components/StorageNotFound\"\nimport { STORAGE_PROVIDER } from \"@/client/utils/storageProviders\"\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\n// - view: tab selection for Ceph bucket details page (overview shows objects, cors-rules shows CORS config, lifecycle-rules shows lifecycle config)\n// - corsSortBy: active sort column for CORS rules tab (ID, AllowedOrigins, etc.) — separate from objects sortBy\n// - corsSortDirection: \"asc\" | \"desc\" for CORS rules — separate from objects sortDirection\n// - corsSearch: search term for filtering CORS rules by Rule ID — separate from objects search\n// - lifecycleSortBy: active sort column for lifecycle rules tab (ID, Status, Expiration) — separate from objects sortBy\n// - lifecycleSortDirection: \"asc\" | \"desc\" for lifecycle rules — separate from objects sortDirection\n// - lifecycleSearch: search term for filtering lifecycle rules by Rule ID — separate from objects search\nconst objectsSearchSchema = z.object({\n  prefix: z.string().optional(),\n  sortBy: z.enum([\"name\", \"last_modified\", \"bytes\", \"lastModified\", \"size\"]).optional().default(\"name\"),\n  sortDirection: z.enum([\"asc\", \"desc\"]).optional().default(\"asc\"),\n  search: z.string().optional(),\n  tab: z.enum([\"all\", \"deleted\"]).optional().default(\"all\"),\n  view: z.enum([\"overview\", \"cors-rules\", \"lifecycle-rules\"]).optional().default(\"overview\"),\n  corsSortBy: z\n    .enum([\"ID\", \"AllowedOrigins\", \"AllowedMethods\", \"AllowedHeaders\", \"ExposeHeaders\", \"MaxAgeSeconds\"])\n    .optional()\n    .default(\"ID\"),\n  corsSortDirection: z.enum([\"asc\", \"desc\"]).optional().default(\"asc\"),\n  corsSearch: z.string().optional(),\n  lifecycleSortBy: z.enum([\"ID\", \"Status\", \"Expiration\"]).optional().default(\"ID\"),\n  lifecycleSortDirection: z.enum([\"asc\", \"desc\"]).optional().default(\"asc\"),\n  lifecycleSearch: z.string().optional(),\n})\n\n/**\n * \"Back to Buckets\"/\"Back to Containers\" — the exit both boundaries below want. The list\n * is the one page that is certainly still there, so it beats `RouteIdLevelDefaultError`'s\n * default \"Go to Project Home\", which leaves storage altogether.\n *\n * Returns undefined when the params aren't readable, so the caller falls back to that\n * default rather than rendering a button that can't build a target.\n */\nfunction useBackToContainerList(): ReactNode {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId, provider, storageType } = useParams({ strict: false })\n\n  if (!projectId || !provider || !storageType) return undefined\n\n  return (\n    <Button\n      variant=\"primary\"\n      onClick={() =>\n        navigate({\n          to: \"/projects/$projectId/storage/$provider/$storageType\",\n          params: { projectId, provider, storageType },\n        })\n      }\n    >\n      {provider === STORAGE_PROVIDER.CEPH ? t`Back to Buckets` : t`Back to Containers`}\n    </Button>\n  )\n}\n\n/**\n * The route's single notFound boundary serves two unrelated 404s, so it dispatches on the\n * reason the throw carried:\n *\n * - the address is wrong (bad provider, non-canonical storage-type) → `StorageNotFound`,\n *   whose action leads out of storage entirely, because no storage page here is valid;\n * - the address is fine but the container isn't there → `RouteIdLevelDefaultError`, whose\n *   action leads back to the list, which is a page the user can actually use.\n *\n * (The router spreads the whole notFound error object into these props, so the reason\n * arrives nested under `data` — see StorageNotFound for the three files that establish it.)\n */\nfunction ObjectsNotFound({ data }: { data?: { reason?: StorageNotFoundReason | typeof CONTAINER_NOT_FOUND } }) {\n  const { t } = useLingui()\n  const { provider } = useParams({ strict: false })\n  const backToList = useBackToContainerList()\n\n  const reason = data?.reason\n\n  if (reason !== CONTAINER_NOT_FOUND) {\n    return <StorageNotFound data={reason ? { reason } : undefined} />\n  }\n\n  const isCeph = provider === STORAGE_PROVIDER.CEPH\n\n  return (\n    <RouteIdLevelDefaultError\n      errorTitle={isCeph ? t`Bucket Not Found` : t`Container Not Found`}\n      errorDescription={\n        isCeph\n          ? t`This bucket does not exist or is not accessible in this project.`\n          : t`This container does not exist or is not accessible in this project.`\n      }\n      action={backToList}\n    />\n  )\n}\n\n/**\n * Route-level error boundary — for a request that failed, as opposed to a resource that\n * isn't there. Deliberately a boundary of its own: #1304 points one component at both, and\n * since that component hardcodes `code={404}` a 500 arrives labelled \"Resource Not Found\".\n * The split is in what the two say, not in which component they use — `code` is what lets\n * this one state the real status instead of inheriting that default.\n *\n * Catching here rather than letting it reach the root keeps everything the parent routes\n * render — shell, nav, the breadcrumb trail up to this page — on screen, and lets the\n * boundary reset when the user navigates.\n */\nfunction ObjectsError({ error }: ErrorComponentProps) {\n  const { t } = useLingui()\n  const backToList = useBackToContainerList()\n  const trpcError = isTRPCClientError(error) ? error : undefined\n\n  return (\n    <RouteIdLevelDefaultError\n      code={trpcError?.data?.httpStatus ?? null}\n      errorTitle={t`Unable to Load Content`}\n      errorDescription={trpcError?.message ?? t`An unexpected error occurred.`}\n      action={backToList}\n    />\n  )\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  } satisfies RouteInfo,\n  validateSearch: objectsSearchSchema,\n  head: ({ match }) => ({\n    meta: [{ title: match.params.containerName }],\n  }),\n  component: () => {\n    return <ObjectsDashboard />\n  },\n  notFoundComponent: ObjectsNotFound as NotFoundRouteComponent,\n  errorComponent: ObjectsError,\n  loader: async ({ context, params }) => {\n    const { trpcClient } = context\n    if (!trpcClient) {\n      throw new Error(\"trpcClient is not available in route context\")\n    }\n    const availableServices = (await trpcClient.auth.getAvailableServices.query()) ?? []\n    const provider = guardStorageRoute(availableServices, params)\n    return requireContainerExists(trpcClient, { ...params, provider })\n  },\n})\n\nexport function 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  useSetBreadcrumb(Route.id, containerName)\n\n  const { prefix, sortBy, sortDirection, search, view } = Route.useSearch()\n\n  return (\n    <>\n      {provider === STORAGE_PROVIDER.CEPH && <BucketHeader bucketName={containerName} />}\n      {provider === STORAGE_PROVIDER.SWIFT && <ContainerHeader containerName={containerName} />}\n      {/* Ceph gets extra breathing room below its header from BucketHeader's own\n          tabs block; Swift has no such block, so pad the content wrapper directly\n          to avoid the overflow menu sitting too close to the toolbar below it. */}\n      <div className={provider === STORAGE_PROVIDER.SWIFT ? \"pt-4\" : undefined}>\n        {projectId ? (\n          <ErrorBoundary\n            resetKeys={[projectId, provider, containerName, prefix, sortBy, sortDirection, search, view]}\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 STORAGE_PROVIDER.SWIFT:\n                  return <SwiftObjects provider={provider} containerName={containerName} />\n                case STORAGE_PROVIDER.CEPH:\n                  if (view === \"lifecycle-rules\") {\n                    return <CephLifecycleRules bucketName={containerName} />\n                  }\n                  if (view === \"cors-rules\") {\n                    return <CephCorsRules bucketName={containerName} />\n                  }\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":";;;;;;;;;;;AAkGA,SAASe,EAAgB,EAAEC,WAAkF;CAC3G,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQX,EAAAA,GACR,EAAEe,gBAAapB,EAAU,EAAEqB,QAAQ,GAAM,CAAA,GACzCC,IAAaC,EAAAA,GAEbN,IAASD,GAAMC;CAErB,IAAIA,MAAAA,uBACF,OAAO,gBAAC,GAAA,EAAgB,MAAMA,IAAS,EAAEA,UAAO,IAAIO,KAAAA,EAAAA,CAAAA;CAGtD,IAAMC,IAASL,MAAaN,EAAiBY;CAE7C,OACE,gBAAC,GAAA;EACC,YAAYD,IAASN,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA,IAAqBA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAC5C,kBACEM,IACIN,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA,IACDA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAEP,QAAQG;;AAGd;AA0DA,SAAgBM,IAAAA;CACd,IAAM,EAAEC,cAAWT,aAAUU,qBAAkB9B,EAAU;EACvD+B,MAAM;EACNC,SAASC,OAAY;GACnBJ,WAAWI,EAAOJ;GAClBT,UAAUa,EAAOb;GACjBU,eAAeG,EAAOH;EACxB;CACF,CAAA;CAEAlB,EAAiBe,EAAMO,IAAIJ,CAAAA;CAE3B,IAAM,EAAEK,WAAQC,WAAQC,kBAAeC,WAAQC,YAASZ,EAAMa,UAAS;CAEvE,OACE,gBAAA,GAAA,EAAA,UAAA;EACGpB,MAAaN,EAAiBY,QAAQ,gBAAC,GAAA,EAAa,YAAYI,EAAAA,CAAAA;EAChEV,MAAaN,EAAiB2B,SAAS,gBAAC,GAAA,EAA+BX,iBAAAA,CAAAA;EAIxE,gBAAC,OAAA;GAAI,WAAWV,MAAaN,EAAiB2B,QAAQ,SAASjB,KAAAA;GAC5DK,UAAAA,IACC,gBAAC,GAAA;IACC,WAAW;KAACA;KAAWT;KAAUU;KAAeK;KAAQC;KAAQC;KAAeC;KAAQC;IAAK;IAC5F,UACE,gBAAC,OAAA;KAAI,WAAU;KACb,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IAIH,iBAAC;KACA,QAAQnB,GAAR;MACE,KAAKN,EAAiB2B,OACpB,OAAO,gBAAC,GAAA;OAAuBrB;OAAyBU;;MAC1D,KAAKhB,EAAiBY,MAOpB,OALS,EADLa,MAAS,oBACH,IAENA,MAAS,eACH,IAEF,GALE,EAAmB,YAAYT,EAAAA,CAAAA;MAM3C,SACE,OACE,gBAAC,OAAA;OAAI,WAAU;OACb,UAAA,gBAAA,GAAA;;QAAiBA,QAAAA,EAAAA,iBAAAA;;;KAGzB;IACF,EAAA,CAAA;GAGF,CAAA,IAAA,gBAAC,OAAA;IAAI,WAAU;IACb,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;;AAMZ;AAAC,IAAAY,IAzEoB3B"}

package/dist/client/objects-_g7nGIn5.mjs

@@ -0,0 +1,25 @@
+import { i as e } from "./build-WuxXRAqf.mjs";
+import { t } from "./storageProviders-CJ5rOh13.mjs";
+import { jsx as n } from "react/jsx-runtime";
+import { useNavigate as r, useParams as i } from "@tanstack/react-router";
+import { useLingui as a } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx?tsr-shared=1
+function o() {
+	let { i18n: o, _: s } = a(), c = r(), { projectId: l, provider: u, storageType: d } = i({ strict: !1 });
+	if (!(!l || !u || !d)) return /*#__PURE__*/ n(e, {
+		variant: "primary",
+		onClick: () => c({
+			to: "/projects/$projectId/storage/$provider/$storageType",
+			params: {
+				projectId: l,
+				provider: u,
+				storageType: d
+			}
+		}),
+		children: u === t.CEPH ? o._({ id: "Rzahyj" }) : o._({ id: "6nrGLS" })
+	});
+}
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=objects-_g7nGIn5.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"objects-_g7nGIn5.mjs","names":["useNavigate","useParams","Button","useLingui","STORAGE_PROVIDER","useBackToContainerList","ReactNode","t","navigate","projectId","provider","storageType","strict","undefined","to","params","CEPH"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx?tsr-shared=1"],"sourcesContent":["import {\n  createFileRoute,\n  useNavigate,\n  useParams,\n  type ErrorComponentProps,\n  type NotFoundRouteComponent,\n} from \"@tanstack/react-router\"\nimport type { ReactNode } from \"react\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { isTRPCClientError } from \"@trpc/client\"\nimport { guardStorageRoute, type StorageNotFoundReason } from \"../../../../-components/utils/serviceAvailability\"\nimport { CONTAINER_NOT_FOUND, requireContainerExists } from \"../../../../-components/utils/containerExistence\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { ErrorBoundary } from \"react-error-boundary\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { SwiftObjects } from \"../../../../-components/Swift/Objects\"\nimport { CephObjects } from \"../../../../-components/Ceph/Objects\"\nimport { CephCorsRules, CephLifecycleRules } from \"../../../../-components/Ceph/Buckets\"\nimport { z } from \"zod\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { BucketHeader } from \"../../../../-components/Ceph/Buckets/BucketHeader\"\nimport { ContainerHeader } from \"../../../../-components/Swift/Containers/ContainerHeader\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { StorageNotFound } from \"../../../../-components/StorageNotFound\"\nimport { STORAGE_PROVIDER } from \"@/client/utils/storageProviders\"\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\n// - view: tab selection for Ceph bucket details page (overview shows objects, cors-rules shows CORS config, lifecycle-rules shows lifecycle config)\n// - corsSortBy: active sort column for CORS rules tab (ID, AllowedOrigins, etc.) — separate from objects sortBy\n// - corsSortDirection: \"asc\" | \"desc\" for CORS rules — separate from objects sortDirection\n// - corsSearch: search term for filtering CORS rules by Rule ID — separate from objects search\n// - lifecycleSortBy: active sort column for lifecycle rules tab (ID, Status, Expiration) — separate from objects sortBy\n// - lifecycleSortDirection: \"asc\" | \"desc\" for lifecycle rules — separate from objects sortDirection\n// - lifecycleSearch: search term for filtering lifecycle rules by Rule ID — separate from objects search\nconst objectsSearchSchema = z.object({\n  prefix: z.string().optional(),\n  sortBy: z.enum([\"name\", \"last_modified\", \"bytes\", \"lastModified\", \"size\"]).optional().default(\"name\"),\n  sortDirection: z.enum([\"asc\", \"desc\"]).optional().default(\"asc\"),\n  search: z.string().optional(),\n  tab: z.enum([\"all\", \"deleted\"]).optional().default(\"all\"),\n  view: z.enum([\"overview\", \"cors-rules\", \"lifecycle-rules\"]).optional().default(\"overview\"),\n  corsSortBy: z\n    .enum([\"ID\", \"AllowedOrigins\", \"AllowedMethods\", \"AllowedHeaders\", \"ExposeHeaders\", \"MaxAgeSeconds\"])\n    .optional()\n    .default(\"ID\"),\n  corsSortDirection: z.enum([\"asc\", \"desc\"]).optional().default(\"asc\"),\n  corsSearch: z.string().optional(),\n  lifecycleSortBy: z.enum([\"ID\", \"Status\", \"Expiration\"]).optional().default(\"ID\"),\n  lifecycleSortDirection: z.enum([\"asc\", \"desc\"]).optional().default(\"asc\"),\n  lifecycleSearch: z.string().optional(),\n})\n\n/**\n * \"Back to Buckets\"/\"Back to Containers\" — the exit both boundaries below want. The list\n * is the one page that is certainly still there, so it beats `RouteIdLevelDefaultError`'s\n * default \"Go to Project Home\", which leaves storage altogether.\n *\n * Returns undefined when the params aren't readable, so the caller falls back to that\n * default rather than rendering a button that can't build a target.\n */\nfunction useBackToContainerList(): ReactNode {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId, provider, storageType } = useParams({ strict: false })\n\n  if (!projectId || !provider || !storageType) return undefined\n\n  return (\n    <Button\n      variant=\"primary\"\n      onClick={() =>\n        navigate({\n          to: \"/projects/$projectId/storage/$provider/$storageType\",\n          params: { projectId, provider, storageType },\n        })\n      }\n    >\n      {provider === STORAGE_PROVIDER.CEPH ? t`Back to Buckets` : t`Back to Containers`}\n    </Button>\n  )\n}\n\n/**\n * The route's single notFound boundary serves two unrelated 404s, so it dispatches on the\n * reason the throw carried:\n *\n * - the address is wrong (bad provider, non-canonical storage-type) → `StorageNotFound`,\n *   whose action leads out of storage entirely, because no storage page here is valid;\n * - the address is fine but the container isn't there → `RouteIdLevelDefaultError`, whose\n *   action leads back to the list, which is a page the user can actually use.\n *\n * (The router spreads the whole notFound error object into these props, so the reason\n * arrives nested under `data` — see StorageNotFound for the three files that establish it.)\n */\nfunction ObjectsNotFound({ data }: { data?: { reason?: StorageNotFoundReason | typeof CONTAINER_NOT_FOUND } }) {\n  const { t } = useLingui()\n  const { provider } = useParams({ strict: false })\n  const backToList = useBackToContainerList()\n\n  const reason = data?.reason\n\n  if (reason !== CONTAINER_NOT_FOUND) {\n    return <StorageNotFound data={reason ? { reason } : undefined} />\n  }\n\n  const isCeph = provider === STORAGE_PROVIDER.CEPH\n\n  return (\n    <RouteIdLevelDefaultError\n      errorTitle={isCeph ? t`Bucket Not Found` : t`Container Not Found`}\n      errorDescription={\n        isCeph\n          ? t`This bucket does not exist or is not accessible in this project.`\n          : t`This container does not exist or is not accessible in this project.`\n      }\n      action={backToList}\n    />\n  )\n}\n\n/**\n * Route-level error boundary — for a request that failed, as opposed to a resource that\n * isn't there. Deliberately a boundary of its own: #1304 points one component at both, and\n * since that component hardcodes `code={404}` a 500 arrives labelled \"Resource Not Found\".\n * The split is in what the two say, not in which component they use — `code` is what lets\n * this one state the real status instead of inheriting that default.\n *\n * Catching here rather than letting it reach the root keeps everything the parent routes\n * render — shell, nav, the breadcrumb trail up to this page — on screen, and lets the\n * boundary reset when the user navigates.\n */\nfunction ObjectsError({ error }: ErrorComponentProps) {\n  const { t } = useLingui()\n  const backToList = useBackToContainerList()\n  const trpcError = isTRPCClientError(error) ? error : undefined\n\n  return (\n    <RouteIdLevelDefaultError\n      code={trpcError?.data?.httpStatus ?? null}\n      errorTitle={t`Unable to Load Content`}\n      errorDescription={trpcError?.message ?? t`An unexpected error occurred.`}\n      action={backToList}\n    />\n  )\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  } satisfies RouteInfo,\n  validateSearch: objectsSearchSchema,\n  head: ({ match }) => ({\n    meta: [{ title: match.params.containerName }],\n  }),\n  component: () => {\n    return <ObjectsDashboard />\n  },\n  notFoundComponent: ObjectsNotFound as NotFoundRouteComponent,\n  errorComponent: ObjectsError,\n  loader: async ({ context, params }) => {\n    const { trpcClient } = context\n    if (!trpcClient) {\n      throw new Error(\"trpcClient is not available in route context\")\n    }\n    const availableServices = (await trpcClient.auth.getAvailableServices.query()) ?? []\n    const provider = guardStorageRoute(availableServices, params)\n    return requireContainerExists(trpcClient, { ...params, provider })\n  },\n})\n\nexport function 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  useSetBreadcrumb(Route.id, containerName)\n\n  const { prefix, sortBy, sortDirection, search, view } = Route.useSearch()\n\n  return (\n    <>\n      {provider === STORAGE_PROVIDER.CEPH && <BucketHeader bucketName={containerName} />}\n      {provider === STORAGE_PROVIDER.SWIFT && <ContainerHeader containerName={containerName} />}\n      {/* Ceph gets extra breathing room below its header from BucketHeader's own\n          tabs block; Swift has no such block, so pad the content wrapper directly\n          to avoid the overflow menu sitting too close to the toolbar below it. */}\n      <div className={provider === STORAGE_PROVIDER.SWIFT ? \"pt-4\" : undefined}>\n        {projectId ? (\n          <ErrorBoundary\n            resetKeys={[projectId, provider, containerName, prefix, sortBy, sortDirection, search, view]}\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 STORAGE_PROVIDER.SWIFT:\n                  return <SwiftObjects provider={provider} containerName={containerName} />\n                case STORAGE_PROVIDER.CEPH:\n                  if (view === \"lifecycle-rules\") {\n                    return <CephLifecycleRules bucketName={containerName} />\n                  }\n                  if (view === \"cors-rules\") {\n                    return <CephCorsRules bucketName={containerName} />\n                  }\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":";;;;;;AAgEA,SAASK,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQF,EAAAA,GACRK,IAAWR,EAAAA,GACX,EAAES,cAAWC,aAAUC,mBAAgBV,EAAU,EAAEW,QAAQ,GAAM,CAAA;CAEnE,OAACH,KAAa,CAACC,KAAY,CAACC,IAEhC,OACE,gBAAC,GAAA;EACC,SAAQ;EACR,eACEH,EAAS;GACPM,IAAI;GACJC,QAAQ;IAAEN;IAAWC;IAAUC;GAAY;EAC7C,CAAA;EAGDD,UAAAA,MAAaN,EAAiBY,OAAOT,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA,IAAoBA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;;AAGlE"}

package/dist/client/objects-eBxvY6_n.mjs

@@ -0,0 +1,78 @@
+import { t as e } from "./storageProviders-CJ5rOh13.mjs";
+import { C as t, S as n, b as r, n as i, t as a, v as o, x as s } from "./objects-BudUAfWY.mjs";
+import { t as c } from "./RouteIdLevelDefaultError-DPF_x2tG.mjs";
+import { t as l } from "./useSetBreadcrumb-tn7lBaQV.mjs";
+import { t as u } from "./objects-_g7nGIn5.mjs";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useParams as m } from "@tanstack/react-router";
+import { isTRPCClientError as h } from "@trpc/client";
+import { Trans as g, useLingui as _ } from "@lingui/react";
+import { ErrorBoundary as v } from "react-error-boundary";
+//#region src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx?tsr-split=errorComponent
+function y({ error: e }) {
+	let { i18n: t, _: n } = _(), r = u(), i = h(e) ? e : void 0;
+	return /*#__PURE__*/ f(c, {
+		code: i?.data?.httpStatus ?? null,
+		errorTitle: t._({ id: "Gfx1qQ" }),
+		errorDescription: i?.message ?? t._({ id: "W5A0Ly" }),
+		action: r
+	});
+}
+function b() {
+	let { projectId: c, provider: u, containerName: h } = m({
+		from: "/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/",
+		select: (e) => ({
+			projectId: e.projectId,
+			provider: e.provider,
+			containerName: e.containerName
+		})
+	});
+	l(a.id, h);
+	let { prefix: _, sortBy: y, sortDirection: b, search: x, view: S } = a.useSearch();
+	return /*#__PURE__*/ p(d, { children: [
+		u === e.CEPH && /*#__PURE__*/ f(o, { bucketName: h }),
+		u === e.SWIFT && /*#__PURE__*/ f(i, { containerName: h }),
+		/*#__PURE__*/ f("div", {
+			className: u === e.SWIFT ? "pt-4" : void 0,
+			children: c ? /*#__PURE__*/ f(v, {
+				resetKeys: [
+					c,
+					u,
+					h,
+					_,
+					y,
+					b,
+					x,
+					S
+				],
+				fallback: /*#__PURE__*/ f("div", {
+					className: "p-4 text-center",
+					children: /*#__PURE__*/ f(g, { id: "diFNkW" })
+				}),
+				children: (() => {
+					switch (u) {
+						case e.SWIFT: return /*#__PURE__*/ f(t, {
+							provider: u,
+							containerName: h
+						});
+						case e.CEPH: return f(S === "lifecycle-rules" ? r : S === "cors-rules" ? s : n, { bucketName: h });
+						default: return /*#__PURE__*/ f("div", {
+							className: "p-4",
+							children: /*#__PURE__*/ f(g, {
+								id: "ubUrot",
+								values: { containerName: h }
+							})
+						});
+					}
+				})()
+			}) : /*#__PURE__*/ f("div", {
+				className: "p-4 text-center",
+				children: /*#__PURE__*/ f(g, { id: "Z2fZGD" })
+			})
+		})
+	] });
+}
+//#endregion
+export { b as ObjectsDashboard, y as errorComponent };
+
+//# sourceMappingURL=objects-eBxvY6_n.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"objects-eBxvY6_n.mjs","names":["useParams","isTRPCClientError","RouteIdLevelDefaultError","ErrorBoundary","Trans","useLingui","SwiftObjects","CephObjects","CephCorsRules","CephLifecycleRules","BucketHeader","ContainerHeader","useSetBreadcrumb","STORAGE_PROVIDER","ObjectsError","error","ErrorComponentProps","t","backToList","useBackToContainerList","trpcError","undefined","data","httpStatus","message","Route","ObjectsDashboard","projectId","provider","containerName","from","select","params","id","prefix","sortBy","sortDirection","search","view","useSearch","CEPH","SWIFT","errorComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/$containerName/objects/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import {\n  createFileRoute,\n  useNavigate,\n  useParams,\n  type ErrorComponentProps,\n  type NotFoundRouteComponent,\n} from \"@tanstack/react-router\"\nimport type { ReactNode } from \"react\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { isTRPCClientError } from \"@trpc/client\"\nimport { guardStorageRoute, type StorageNotFoundReason } from \"../../../../-components/utils/serviceAvailability\"\nimport { CONTAINER_NOT_FOUND, requireContainerExists } from \"../../../../-components/utils/containerExistence\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { ErrorBoundary } from \"react-error-boundary\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { SwiftObjects } from \"../../../../-components/Swift/Objects\"\nimport { CephObjects } from \"../../../../-components/Ceph/Objects\"\nimport { CephCorsRules, CephLifecycleRules } from \"../../../../-components/Ceph/Buckets\"\nimport { z } from \"zod\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { BucketHeader } from \"../../../../-components/Ceph/Buckets/BucketHeader\"\nimport { ContainerHeader } from \"../../../../-components/Swift/Containers/ContainerHeader\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { StorageNotFound } from \"../../../../-components/StorageNotFound\"\nimport { STORAGE_PROVIDER } from \"@/client/utils/storageProviders\"\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\n// - view: tab selection for Ceph bucket details page (overview shows objects, cors-rules shows CORS config, lifecycle-rules shows lifecycle config)\n// - corsSortBy: active sort column for CORS rules tab (ID, AllowedOrigins, etc.) — separate from objects sortBy\n// - corsSortDirection: \"asc\" | \"desc\" for CORS rules — separate from objects sortDirection\n// - corsSearch: search term for filtering CORS rules by Rule ID — separate from objects search\n// - lifecycleSortBy: active sort column for lifecycle rules tab (ID, Status, Expiration) — separate from objects sortBy\n// - lifecycleSortDirection: \"asc\" | \"desc\" for lifecycle rules — separate from objects sortDirection\n// - lifecycleSearch: search term for filtering lifecycle rules by Rule ID — separate from objects search\nconst objectsSearchSchema = z.object({\n  prefix: z.string().optional(),\n  sortBy: z.enum([\"name\", \"last_modified\", \"bytes\", \"lastModified\", \"size\"]).optional().default(\"name\"),\n  sortDirection: z.enum([\"asc\", \"desc\"]).optional().default(\"asc\"),\n  search: z.string().optional(),\n  tab: z.enum([\"all\", \"deleted\"]).optional().default(\"all\"),\n  view: z.enum([\"overview\", \"cors-rules\", \"lifecycle-rules\"]).optional().default(\"overview\"),\n  corsSortBy: z\n    .enum([\"ID\", \"AllowedOrigins\", \"AllowedMethods\", \"AllowedHeaders\", \"ExposeHeaders\", \"MaxAgeSeconds\"])\n    .optional()\n    .default(\"ID\"),\n  corsSortDirection: z.enum([\"asc\", \"desc\"]).optional().default(\"asc\"),\n  corsSearch: z.string().optional(),\n  lifecycleSortBy: z.enum([\"ID\", \"Status\", \"Expiration\"]).optional().default(\"ID\"),\n  lifecycleSortDirection: z.enum([\"asc\", \"desc\"]).optional().default(\"asc\"),\n  lifecycleSearch: z.string().optional(),\n})\n\n/**\n * \"Back to Buckets\"/\"Back to Containers\" — the exit both boundaries below want. The list\n * is the one page that is certainly still there, so it beats `RouteIdLevelDefaultError`'s\n * default \"Go to Project Home\", which leaves storage altogether.\n *\n * Returns undefined when the params aren't readable, so the caller falls back to that\n * default rather than rendering a button that can't build a target.\n */\nfunction useBackToContainerList(): ReactNode {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId, provider, storageType } = useParams({ strict: false })\n\n  if (!projectId || !provider || !storageType) return undefined\n\n  return (\n    <Button\n      variant=\"primary\"\n      onClick={() =>\n        navigate({\n          to: \"/projects/$projectId/storage/$provider/$storageType\",\n          params: { projectId, provider, storageType },\n        })\n      }\n    >\n      {provider === STORAGE_PROVIDER.CEPH ? t`Back to Buckets` : t`Back to Containers`}\n    </Button>\n  )\n}\n\n/**\n * The route's single notFound boundary serves two unrelated 404s, so it dispatches on the\n * reason the throw carried:\n *\n * - the address is wrong (bad provider, non-canonical storage-type) → `StorageNotFound`,\n *   whose action leads out of storage entirely, because no storage page here is valid;\n * - the address is fine but the container isn't there → `RouteIdLevelDefaultError`, whose\n *   action leads back to the list, which is a page the user can actually use.\n *\n * (The router spreads the whole notFound error object into these props, so the reason\n * arrives nested under `data` — see StorageNotFound for the three files that establish it.)\n */\nfunction ObjectsNotFound({ data }: { data?: { reason?: StorageNotFoundReason | typeof CONTAINER_NOT_FOUND } }) {\n  const { t } = useLingui()\n  const { provider } = useParams({ strict: false })\n  const backToList = useBackToContainerList()\n\n  const reason = data?.reason\n\n  if (reason !== CONTAINER_NOT_FOUND) {\n    return <StorageNotFound data={reason ? { reason } : undefined} />\n  }\n\n  const isCeph = provider === STORAGE_PROVIDER.CEPH\n\n  return (\n    <RouteIdLevelDefaultError\n      errorTitle={isCeph ? t`Bucket Not Found` : t`Container Not Found`}\n      errorDescription={\n        isCeph\n          ? t`This bucket does not exist or is not accessible in this project.`\n          : t`This container does not exist or is not accessible in this project.`\n      }\n      action={backToList}\n    />\n  )\n}\n\n/**\n * Route-level error boundary — for a request that failed, as opposed to a resource that\n * isn't there. Deliberately a boundary of its own: #1304 points one component at both, and\n * since that component hardcodes `code={404}` a 500 arrives labelled \"Resource Not Found\".\n * The split is in what the two say, not in which component they use — `code` is what lets\n * this one state the real status instead of inheriting that default.\n *\n * Catching here rather than letting it reach the root keeps everything the parent routes\n * render — shell, nav, the breadcrumb trail up to this page — on screen, and lets the\n * boundary reset when the user navigates.\n */\nfunction ObjectsError({ error }: ErrorComponentProps) {\n  const { t } = useLingui()\n  const backToList = useBackToContainerList()\n  const trpcError = isTRPCClientError(error) ? error : undefined\n\n  return (\n    <RouteIdLevelDefaultError\n      code={trpcError?.data?.httpStatus ?? null}\n      errorTitle={t`Unable to Load Content`}\n      errorDescription={trpcError?.message ?? t`An unexpected error occurred.`}\n      action={backToList}\n    />\n  )\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  } satisfies RouteInfo,\n  validateSearch: objectsSearchSchema,\n  head: ({ match }) => ({\n    meta: [{ title: match.params.containerName }],\n  }),\n  component: () => {\n    return <ObjectsDashboard />\n  },\n  notFoundComponent: ObjectsNotFound as NotFoundRouteComponent,\n  errorComponent: ObjectsError,\n  loader: async ({ context, params }) => {\n    const { trpcClient } = context\n    if (!trpcClient) {\n      throw new Error(\"trpcClient is not available in route context\")\n    }\n    const availableServices = (await trpcClient.auth.getAvailableServices.query()) ?? []\n    const provider = guardStorageRoute(availableServices, params)\n    return requireContainerExists(trpcClient, { ...params, provider })\n  },\n})\n\nexport function 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  useSetBreadcrumb(Route.id, containerName)\n\n  const { prefix, sortBy, sortDirection, search, view } = Route.useSearch()\n\n  return (\n    <>\n      {provider === STORAGE_PROVIDER.CEPH && <BucketHeader bucketName={containerName} />}\n      {provider === STORAGE_PROVIDER.SWIFT && <ContainerHeader containerName={containerName} />}\n      {/* Ceph gets extra breathing room below its header from BucketHeader's own\n          tabs block; Swift has no such block, so pad the content wrapper directly\n          to avoid the overflow menu sitting too close to the toolbar below it. */}\n      <div className={provider === STORAGE_PROVIDER.SWIFT ? \"pt-4\" : undefined}>\n        {projectId ? (\n          <ErrorBoundary\n            resetKeys={[projectId, provider, containerName, prefix, sortBy, sortDirection, search, view]}\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 STORAGE_PROVIDER.SWIFT:\n                  return <SwiftObjects provider={provider} containerName={containerName} />\n                case STORAGE_PROVIDER.CEPH:\n                  if (view === \"lifecycle-rules\") {\n                    return <CephLifecycleRules bucketName={containerName} />\n                  }\n                  if (view === \"cors-rules\") {\n                    return <CephCorsRules bucketName={containerName} />\n                  }\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":";;;;;;;;;;;AAuIA,SAASc,EAAa,EAAEC,YAA4B;CAClD,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQV,EAAAA,GACRa,IAAaC,EAAAA,GACbC,IAAYnB,EAAkBc,CAAAA,IAASA,IAAQM,KAAAA;CAErD,OACE,gBAAC,GAAA;EACC,MAAMD,GAAWE,MAAMC,cAAc;EACrC,YAAYN,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EACb,kBAAkBG,GAAWI,WAAWP,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EACzC,QAAQC;;AAGd;AAgCA,SAAgBQ,IAAAA;CACd,IAAM,EAAEC,cAAWC,aAAUC,qBAAkB7B,EAAU;EACvD8B,MAAM;EACNC,SAASC,OAAY;GACnBL,WAAWK,EAAOL;GAClBC,UAAUI,EAAOJ;GACjBC,eAAeG,EAAOH;EACxB;CACF,CAAA;CAEAjB,EAAiBa,EAAMQ,IAAIJ,CAAAA;CAE3B,IAAM,EAAEK,WAAQC,WAAQC,kBAAeC,WAAQC,YAASb,EAAMc,UAAS;CAEvE,OACE,gBAAA,GAAA,EAAA,UAAA;EACGX,MAAaf,EAAiB2B,QAAQ,gBAAC,GAAA,EAAa,YAAYX,EAAAA,CAAAA;EAChED,MAAaf,EAAiB4B,SAAS,gBAAC,GAAA,EAA+BZ,iBAAAA,CAAAA;EAIxE,gBAAC,OAAA;GAAI,WAAWD,MAAaf,EAAiB4B,QAAQ,SAASpB,KAAAA;GAC5DM,UAAAA,IACC,gBAAC,GAAA;IACC,WAAW;KAACA;KAAWC;KAAUC;KAAeK;KAAQC;KAAQC;KAAeC;KAAQC;IAAK;IAC5F,UACE,gBAAC,OAAA;KAAI,WAAU;KACb,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IAIH,iBAAC;KACA,QAAQV,GAAR;MACE,KAAKf,EAAiB4B,OACpB,OAAO,gBAAC,GAAA;OAAuBb;OAAyBC;;MAC1D,KAAKhB,EAAiB2B,MAOpB,OALS,EADLF,MAAS,oBACH,IAENA,MAAS,eACH,IAEF,GALE,EAAmB,YAAYT,EAAAA,CAAAA;MAM3C,SACE,OACE,gBAAC,OAAA;OAAI,WAAU;OACb,UAAA,gBAAA,GAAA;;QAAiBA,QAAAA,EAAAA,iBAAAA;;;KAGzB;IACF,EAAA,CAAA;GAGF,CAAA,IAAA,gBAAC,OAAA;IAAI,WAAU;IACb,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;;AAMZ"}

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

@@ -1 +1 @@
-{"version":3,"file":"projects-yiK0HGSA.mjs","names":["ProjectsContentProps","search","SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { Suspense } from \"react\"\nimport { ErrorBoundary } from \"react-error-boundary\"\nimport { createFileRoute, 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, Status } from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\nimport { Slot } from \"@/client/components/Slot\"\nimport { trpcReact } from \"@/client/trpcClient\"\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  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n})\n\ninterface ProjectsContentProps {\n  search: string\n}\n\nfunction ProjectsContent({ search }: ProjectsContentProps) {\n  const [allProjects] = trpcReact.project.getAuthProjects.useSuspenseQuery()\n\n  const normalizedSearch = search.trim().toLowerCase()\n  const projects =\n    allProjects && normalizedSearch\n      ? allProjects.filter(\n          (project) =>\n            project.name?.toLowerCase().includes(normalizedSearch) ||\n            project.description?.toLowerCase().includes(normalizedSearch)\n        )\n      : allProjects\n\n  return <ProjectCardView projects={projects} />\n}\n\nexport function ProjectsOverview() {\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n  const { slots } = useRouteContext({ strict: false })\n  const { t } = useLingui()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: (prev) => ({ ...prev, search: value || undefined }), replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      {slots?.projectsBanner && (\n        <ErrorBoundary fallbackRender={() => null}>\n          <Suspense fallback={null}>\n            <Slot component={slots.projectsBanner} useShadowDOM={false} />\n          </Suspense>\n        </ErrorBoundary>\n      )}\n      <ErrorBoundary\n        fallbackRender={({ error }) => (\n          <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n        )}\n      >\n        <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n        <div className=\"pt-5\">\n          <Suspense fallback={<Status status=\"progress\" title={t`Loading...`} />}>\n            <ProjectsContent search={search} />\n          </Suspense>\n        </div>\n      </ErrorBoundary>\n    </Container>\n  )\n}\n"],"mappings":";;AAiCC,IAAAE,UAPU,gBAAC,KAAA,EAAE,UAAA,qBAAA,CAAA"}
+{"version":3,"file":"projects-yiK0HGSA.mjs","names":["ProjectsContentProps","searchTerm","SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { Suspense } from \"react\"\nimport { ErrorBoundary } from \"react-error-boundary\"\nimport { createFileRoute, 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/Errors/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading, Status } from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\nimport { Slot } from \"@/client/components/Slot\"\nimport { trpcReact } from \"@/client/trpcClient\"\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  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n})\n\ninterface ProjectsContentProps {\n  searchTerm: string\n}\n\nfunction ProjectsContent({ searchTerm }: ProjectsContentProps) {\n  const [projects] = trpcReact.project.listProjectsWithSearch.useSuspenseQuery({\n    searchTerm: searchTerm.trim() || undefined,\n  })\n\n  return <ProjectCardView projects={projects} />\n}\n\nexport function ProjectsOverview() {\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n  const { slots } = useRouteContext({ strict: false })\n  const { t } = useLingui()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: (prev) => ({ ...prev, search: value || undefined }), replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      {slots?.projectsBanner && (\n        <ErrorBoundary fallbackRender={() => null}>\n          <Suspense fallback={null}>\n            <Slot component={slots.projectsBanner} useShadowDOM={false} />\n          </Suspense>\n        </ErrorBoundary>\n      )}\n      <ErrorBoundary\n        fallbackRender={({ error }) => (\n          <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n        )}\n      >\n        <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n        <div className=\"pt-5\">\n          <Suspense fallback={<Status status=\"progress\" title={t`Loading...`} />}>\n            <ProjectsContent searchTerm={search} />\n          </Suspense>\n        </div>\n      </ErrorBoundary>\n    </Container>\n  )\n}\n"],"mappings":";;AAiCC,IAAAE,UAPU,gBAAC,KAAA,EAAE,UAAA,qBAAA,CAAA"}

package/dist/client/{securitygroups-DEJQBcxm.mjs → securitygroups-67fFxiwt.mjs}

@@ -7,9 +7,9 @@ var r = e("/_auth/projects/$projectId/network/securitygroups/")({
 		analytics: { name: "network.securitygroups.list" }
 	},
 	head: () => ({ meta: [{ title: n._({ id: "4opp4r" }) }] }),
-	component: t(() => import("./securitygroups-BjhgLBHm.mjs"), "component")
+	component: t(() => import("./securitygroups-DXrfyuVF.mjs"), "component")
 });
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=securitygroups-DEJQBcxm.mjs.map
+//# sourceMappingURL=securitygroups-67fFxiwt.mjs.map

package/dist/client/{securitygroups-DEJQBcxm.mjs.map → securitygroups-67fFxiwt.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"securitygroups-DEJQBcxm.mjs","names":["createFileRoute","t","Route","staticData","section","service","analytics","name","RouteInfo","head","meta","title","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { SecurityGroups } from \"./-components/SecurityGroupsList\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups/\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    analytics: {\n      name: \"network.securitygroups.list\",\n    },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Security Groups` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { projectId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n\n  if (!trpcClient) {\n    throw new Error(\"trpcClient is not available in route context\")\n  }\n\n  return <SecurityGroups project={projectId} />\n}\n"],"mappings":";;AAKA,IAAaE,IAAQF,EAAgB,oDAAA,CAAA,CAAsD;CACzFG,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,8BACR;CACF;CACAE,aAAa,EAAEC,MAAM,CAAC,EAAEC,OAAOV,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA,EAAkB,CAAC,EAAE;CACrDW,WAASC,iDAAA,WAAA;AACX,CAAA"}
+{"version":3,"file":"securitygroups-67fFxiwt.mjs","names":["createFileRoute","t","Route","staticData","section","service","analytics","name","RouteInfo","head","meta","title","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { SecurityGroups } from \"./-components/SecurityGroupsList\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups/\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    analytics: {\n      name: \"network.securitygroups.list\",\n    },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Security Groups` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { projectId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n\n  if (!trpcClient) {\n    throw new Error(\"trpcClient is not available in route context\")\n  }\n\n  return <SecurityGroups project={projectId} />\n}\n"],"mappings":";;AAKA,IAAaE,IAAQF,EAAgB,oDAAA,CAAA,CAAsD;CACzFG,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,8BACR;CACF;CACAE,aAAa,EAAEC,MAAM,CAAC,EAAEC,OAAOV,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA,EAAkB,CAAC,EAAE;CACrDW,WAASC,iDAAA,WAAA;AACX,CAAA"}

package/dist/client/securitygroups-CtKne8UQ.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"securitygroups-CtKne8UQ.mjs","names":["Outlet","SplitComponent","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, Outlet } from \"@tanstack/react-router\"\nimport { msg } from \"@lingui/core/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    crumb: { text: msg`Security Groups` },\n  } satisfies RouteInfo,\n  component: () => <Outlet />,\n})\n"],"mappings":";;;AAAgE,IAAAC,UAU7C,gBAAC,GAAA,CAAA,CAAA"}
+{"version":3,"file":"securitygroups-CtKne8UQ.mjs","names":["Outlet","SplitComponent","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, Outlet, useNavigate } from \"@tanstack/react-router\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { msg } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nconst SecurityGroupsErrorComponent = () => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId } = Route.useParams()\n\n  return (\n    <RouteIdLevelDefaultError\n      action={\n        <Button\n          variant=\"primary\"\n          onClick={() => navigate({ to: \"/projects/$projectId/network/securitygroups\", params: { projectId } })}\n        >\n          {t`Back to Security Groups`}\n        </Button>\n      }\n    />\n  )\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    crumb: { text: msg`Security Groups` },\n  } satisfies RouteInfo,\n  component: () => <Outlet />,\n  // Render errors from the security groups subtree inside the project layout\n  // (side navigation, header, breadcrumbs) instead of the full-screen route error.\n  errorComponent: SecurityGroupsErrorComponent,\n})\n"],"mappings":";;;AAA6E,IAAAC,UAgC1D,gBAAC,GAAA,CAAA,CAAA"}