@cobaltcore-dev/aurora 1.3.0 → 2.1.0

package/dist/client/_imageId-D9LR-02T.mjs

@@ -0,0 +1,22 @@
+import { i as e } from "./build-WuxXRAqf.mjs";
+import { t } from "./_imageId-Ccv8PedW.mjs";
+import { t as n } from "./RouteIdLevelDefaultError-DPF_x2tG.mjs";
+import { jsx as r } from "react/jsx-runtime";
+import { useNavigate as i } from "@tanstack/react-router";
+import { useLingui as a } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/compute/images/$imageId.tsx?tsr-split=errorComponent
+function o() {
+	let { i18n: o, _: s } = a(), c = i(), { projectId: l } = t.useParams();
+	return /*#__PURE__*/ r(n, { action: /*#__PURE__*/ r(e, {
+		variant: "primary",
+		onClick: () => c({
+			to: "/projects/$projectId/compute/images",
+			params: { projectId: l }
+		}),
+		children: o._({ id: "bnql/K" })
+	}) });
+}
+//#endregion
+export { o as errorComponent };
+
+//# sourceMappingURL=_imageId-D9LR-02T.mjs.map

package/dist/client/_imageId-D9LR-02T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_imageId-D9LR-02T.mjs","names":["Button","useNavigate","useLingui","GlanceImage","MemberStatus","RouteIdLevelDefaultError","ImageErrorComponent","t","navigate","projectId","Route","useParams","to","params","errorComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/images/$imageId.tsx?tsr-split=errorComponent"],"sourcesContent":["import {\n  Button,\n  Stack,\n  Status,\n  PopupMenu,\n  PopupMenuToggle,\n  PopupMenuOptions,\n  PopupMenuItem,\n  PopupMenuSectionSeparator,\n  toast,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate, useParams, useSearch } from \"@tanstack/react-router\"\nimport { z } from \"zod\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { ImageDetailsView } from \"./-components/ImageDetailsView\"\nimport { EditImageDetailsModal } from \"./-components/EditImageDetailsModal\"\nimport { EditImageMetadataModal } from \"./-components/EditImageMetadataModal\"\nimport { DeleteImageModal } from \"./-components/DeleteImageModal\"\nimport { ActivateImageModal } from \"./-components/ActivateImageModal\"\nimport { DeactivateImageModal } from \"./-components/DeactivateImageModal\"\nimport { IMAGE_STATUSES, IMAGE_VISIBILITY } from \"../-constants/filters\"\nimport { GlanceImage, MemberStatus } from \"@/server/Compute/types/image\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { InferrableClientTypes } from \"@trpc/server/unstable-core-do-not-import\"\nimport {\n  getImageAccessStatusUpdatedToast,\n  getImageAccessStatusErrorToast,\n  getImageUpdatedToast,\n  getImageActivatedToast,\n  getImageActivationErrorToast,\n  getImageDeactivatedToast,\n  getImageDeactivationErrorToast,\n  getImageVisibilityUpdatedToast,\n  getImageVisibilityUpdateErrorToast,\n} from \"./-components/ImageToastNotifications\"\nimport { useState } from \"react\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\n\nfunction ImageErrorComponent() {\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/compute/images\", params: { projectId } })}\n        >\n          {t`Back to Images`}\n        </Button>\n      }\n    />\n  )\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/images/$imageId\")({\n  staticData: {\n    section: \"compute\",\n    service: \"images\",\n    analytics: {\n      name: \"compute.images.detail\",\n    },\n  } satisfies RouteInfo,\n  validateSearch: z.object({\n    tab: z.enum([\"details\", \"sharing\"]).optional(),\n  }),\n  loader: async ({ context, params }) => {\n    try {\n      const image = await context.trpcClient?.compute.getImageById.query({\n        project_id: params.projectId,\n        imageId: params.imageId,\n      })\n      return { imageTitle: (image?.name as string | undefined) ?? image?.id ?? null }\n    } catch {\n      return { imageTitle: null }\n    }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.imageTitle ?? \"Image Details\" }],\n  }),\n  component: RouteComponent,\n  beforeLoad: async ({ context, params }) => {\n    const { trpcClient } = context\n    const { projectId } = params\n\n    const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n\n    const serviceIndex = getServiceIndex(availableServices)\n\n    // Redirect to the \"Projects Overview\" page if none of compute services available\n    if (!serviceIndex[\"image\"] && !serviceIndex[\"compute\"]) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n\n    if (!serviceIndex[\"image\"][\"glance\"]) {\n      // Redirect to the \"Compute Services Overview\" page if the \"Glance\" service is not available\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId: params.projectId },\n      })\n    }\n  },\n  errorComponent: ImageErrorComponent,\n})\n\nfunction RouteComponent() {\n  const { projectId, imageId } = useParams({\n    from: \"/_auth/projects/$projectId/compute/images/$imageId\",\n  })\n  const { tab } = useSearch({\n    from: \"/_auth/projects/$projectId/compute/images/$imageId\",\n  })\n\n  const navigate = useNavigate()\n  const { t } = useLingui()\n\n  const {\n    data: image,\n    status,\n    error,\n  } = trpcReact.compute.getImageById.useQuery({ project_id: projectId, imageId: imageId })\n\n  useSetBreadcrumb(Route.id, image?.name as string | undefined)\n\n  const { data: permissionsData } = trpcReact.compute.canUser.useQuery({\n    project_id: projectId,\n    permission: [\n      \"images:delete\",\n      \"images:update\",\n      \"images:create_member\",\n      \"images:delete_member\",\n      \"images:update_member\",\n    ],\n  })\n\n  const permissions = {\n    canDelete: permissionsData?.[0] ?? false,\n    canUpdate: permissionsData?.[1] ?? false,\n    canCreateMember: permissionsData?.[2] ?? false,\n    canDeleteMember: permissionsData?.[3] ?? false,\n    canUpdateMember: permissionsData?.[4] ?? false,\n  }\n\n  const utils = trpcReact.useUtils()\n\n  const [editDetailsModalOpen, setEditDetailsModalOpen] = useState(false)\n  const [editMetadataModalOpen, setEditMetadataModalOpen] = useState(false)\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false)\n  const [activateModalOpen, setActivateModalOpen] = useState(false)\n  const [deactivateModalOpen, setDeactivateModalOpen] = useState(false)\n\n  const updateImageMutation = trpcReact.compute.updateImage.useMutation({\n    onSuccess: (updatedImage) => {\n      utils.compute.getImageById.setData({ project_id: projectId, imageId }, updatedImage)\n      utils.compute.listImagesWithPagination.invalidate()\n    },\n  })\n\n  const deleteImageMutation = trpcReact.compute.deleteImage.useMutation({\n    onSuccess: () => {\n      utils.compute.listImagesWithPagination.invalidate()\n    },\n  })\n\n  const deactivateImageMutation = trpcReact.compute.deactivateImage.useMutation({\n    onSuccess: () => {\n      utils.compute.getImageById.invalidate({ project_id: projectId, imageId })\n    },\n  })\n\n  const reactivateImageMutation = trpcReact.compute.reactivateImage.useMutation({\n    onSuccess: () => {\n      utils.compute.getImageById.invalidate({ project_id: projectId, imageId })\n    },\n  })\n\n  const updateImageVisibilityMutation = trpcReact.compute.updateImageVisibility.useMutation({\n    onSuccess: (updatedImage) => {\n      utils.compute.getImageById.setData({ project_id: projectId, imageId }, updatedImage)\n    },\n  })\n\n  const isSharedWithMe =\n    image?.visibility === IMAGE_VISIBILITY.SHARED && image?.owner !== undefined && image?.owner !== projectId\n\n  const { data: myMemberData } = trpcReact.compute.getImageMember.useQuery(\n    { project_id: projectId, imageId: imageId, memberId: projectId },\n    { enabled: isSharedWithMe && !!imageId && !!projectId }\n  )\n\n  const updateMemberMutation = trpcReact.compute.updateImageMember.useMutation({\n    onSuccess: () => {\n      utils.compute.getImageMember.invalidate({ project_id: projectId, imageId: imageId, memberId: projectId })\n      utils.compute.listImageMembers.invalidate({ project_id: projectId, imageId: imageId })\n      utils.compute.listImagesWithPagination.invalidate()\n      utils.compute.listSharedImagesByMemberStatus.invalidate()\n    },\n  })\n\n  const handleMemberStatusChange = async (newStatus: MemberStatus) => {\n    try {\n      await updateMemberMutation.mutateAsync({ project_id: projectId, imageId, memberId: projectId, status: newStatus })\n      const { message, ...options } = getImageAccessStatusUpdatedToast(newStatus)\n      toast.info(message, options)\n    } catch (error) {\n      const errorMessage = (error as TRPCClientError<InferrableClientTypes>)?.message\n      const { message, ...options } = getImageAccessStatusErrorToast(errorMessage)\n      toast.error(message, options)\n    }\n  }\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/compute/images\",\n      params: { projectId },\n    })\n  }\n\n  const isLoading =\n    updateImageMutation.isPending ||\n    deleteImageMutation.isPending ||\n    deactivateImageMutation.isPending ||\n    reactivateImageMutation.isPending ||\n    updateImageVisibilityMutation.isPending\n\n  const convertToJsonPatchOperations = (\n    updatedProperties: Partial<GlanceImage>,\n    originalImage: GlanceImage\n  ): Array<{ op: \"add\" | \"replace\" | \"remove\"; path: string; value?: unknown }> => {\n    const operations: Array<{ op: \"add\" | \"replace\" | \"remove\"; path: string; value?: unknown }> = []\n    Object.entries(updatedProperties).forEach(([key, value]) => {\n      const path = `/${key}`\n      if (value === null || value === undefined) {\n        if (key in originalImage) operations.push({ op: \"remove\", path })\n      } else {\n        const propertyExists = key in originalImage\n        operations.push({ op: propertyExists ? \"replace\" : \"add\", path, value })\n      }\n    })\n    return operations\n  }\n\n  const handleSaveEdit = async (updatedProperties: Partial<GlanceImage>): Promise<boolean> => {\n    if (!image) return false\n    const operations = convertToJsonPatchOperations(updatedProperties, image)\n    try {\n      await updateImageMutation.mutateAsync({ project_id: projectId, imageId, operations })\n      setEditDetailsModalOpen(false)\n      const { message, ...options } = getImageUpdatedToast(String(image.name ?? image.id))\n      toast.success(message, options)\n      return true\n    } catch {\n      return false\n    }\n  }\n\n  const handleDelete = async (deletedImage: GlanceImage) => {\n    try {\n      await deleteImageMutation.mutateAsync({ project_id: projectId, imageId: deletedImage.id })\n      setDeleteModalOpen(false)\n      handleBack()\n    } catch {\n      setDeleteModalOpen(false)\n    }\n  }\n\n  const handleActivate = async (img: GlanceImage) => {\n    try {\n      await reactivateImageMutation.mutateAsync({ project_id: projectId, imageId: img.id })\n      setActivateModalOpen(false)\n      const { message, ...options } = getImageActivatedToast(String(img.name ?? img.id))\n      toast.success(message, options)\n    } catch (error) {\n      setActivateModalOpen(false)\n      const { message, ...options } = getImageActivationErrorToast(img.id, (error as Error)?.message ?? \"\")\n      toast.error(message, options)\n    }\n  }\n\n  const handleDeactivate = async (img: GlanceImage) => {\n    try {\n      await deactivateImageMutation.mutateAsync({ project_id: projectId, imageId: img.id })\n      setDeactivateModalOpen(false)\n      const { message, ...options } = getImageDeactivatedToast(String(img.name ?? img.id))\n      toast.success(message, options)\n    } catch (error) {\n      setDeactivateModalOpen(false)\n      const { message, ...options } = getImageDeactivationErrorToast(img.id, (error as Error)?.message ?? \"\")\n      toast.error(message, options)\n    }\n  }\n\n  const handleUpdateVisibility = async (newVisibility: \"public\" | \"private\" | \"shared\" | \"community\") => {\n    if (!image) return\n    try {\n      await updateImageVisibilityMutation.mutateAsync({\n        project_id: projectId,\n        imageId: image.id,\n        visibility: newVisibility,\n      })\n      const { message, ...options } = getImageVisibilityUpdatedToast(String(image.name ?? image.id), newVisibility)\n      toast.success(message, options)\n    } catch (error) {\n      const { message, ...options } = getImageVisibilityUpdateErrorToast(\n        String(image.name ?? image.id),\n        (error as Error)?.message ?? \"\"\n      )\n      toast.error(message, options)\n    }\n  }\n\n  // Handle loading state\n  if (status === \"pending\") {\n    return <Status status=\"progress\" title={t`Loading Image Details...`} />\n  }\n\n  // Handle error state\n  if (status === \"error\") {\n    const errorMessage = error?.message || t`Unknown Error`\n\n    return (\n      <RouteIdLevelDefaultError\n        errorTitle={t`Error Loading Image`}\n        errorDescription={errorMessage}\n        action={\n          <Button onClick={handleBack} variant=\"primary\">\n            <Trans>Back to Images</Trans>\n          </Button>\n        }\n      />\n    )\n  }\n\n  // Handle no data state\n  if (!image) {\n    return <ImageErrorComponent />\n  }\n\n  const isDeactivated = image.status === IMAGE_STATUSES.DEACTIVATED\n  const isPrivate = image.visibility === IMAGE_VISIBILITY.PRIVATE\n  const isMemberAccepted = myMemberData?.status === \"accepted\"\n  const isImageOwner = image.owner === projectId\n\n  const canRejectSharedImage = isSharedWithMe && isMemberAccepted && permissions.canUpdateMember\n  const canUpdateOwnImage = !isSharedWithMe && permissions.canUpdate\n  const canDeleteOwnImage = !isSharedWithMe && permissions.canDelete && !image.protected\n  const canManageSharing =\n    !isSharedWithMe &&\n    isImageOwner &&\n    image.visibility === IMAGE_VISIBILITY.SHARED &&\n    (permissions.canCreateMember || permissions.canDeleteMember)\n\n  const hasMoreActions = canRejectSharedImage || canUpdateOwnImage || canDeleteOwnImage || canManageSharing\n\n  const headerActions = (hasMoreActions || (!isSharedWithMe && permissions.canUpdate)) && (\n    <Stack gap=\"0.5\" alignment=\"center\">\n      {(hasMoreActions || (!isSharedWithMe && permissions.canUpdate)) && (\n        <PopupMenu className=\"flex items-center\">\n          <PopupMenuToggle as=\"div\">\n            <Button icon=\"moreVert\" title={t`More Actions`} disabled={isLoading} />\n          </PopupMenuToggle>\n          <PopupMenuOptions>\n            {!isSharedWithMe && permissions.canUpdate && (\n              <>\n                <PopupMenuItem\n                  label={isDeactivated ? t`Activate` : t`Deactivate`}\n                  onClick={() => (isDeactivated ? setActivateModalOpen(true) : setDeactivateModalOpen(true))}\n                />\n                <PopupMenuItem\n                  onClick={() => setEditMetadataModalOpen(true)}\n                  label={t`Edit Metadata`}\n                  disabled={isLoading}\n                />\n              </>\n            )}\n            {!isSharedWithMe &&\n              isImageOwner &&\n              image.visibility === IMAGE_VISIBILITY.SHARED &&\n              (permissions.canCreateMember || permissions.canDeleteMember) && (\n                <PopupMenuItem\n                  label={t`Manage Access`}\n                  onClick={() =>\n                    navigate({\n                      to: \"/projects/$projectId/compute/images/$imageId\",\n                      params: { projectId, imageId: image.id },\n                      search: { tab: \"sharing\" },\n                    })\n                  }\n                />\n              )}\n            {canRejectSharedImage && (\n              <PopupMenuItem label={t`Reject`} onClick={() => handleMemberStatusChange(\"rejected\")} />\n            )}\n            {!isSharedWithMe && permissions.canUpdate && isPrivate && (\n              <PopupMenuItem label={t`Set to \"Shared\"`} onClick={() => handleUpdateVisibility(\"shared\")} />\n            )}\n            {!isSharedWithMe && permissions.canDelete && !image.protected && (\n              <>\n                <PopupMenuSectionSeparator />\n                <PopupMenuItem label={t`Delete`} onClick={() => setDeleteModalOpen(true)} />\n              </>\n            )}\n          </PopupMenuOptions>\n        </PopupMenu>\n      )}\n\n      {!isSharedWithMe && permissions.canUpdate && (\n        <Button onClick={() => setEditDetailsModalOpen(true)} variant=\"primary\" disabled={isLoading}>\n          <Trans>Edit Details</Trans>\n        </Button>\n      )}\n    </Stack>\n  )\n\n  // Render success state\n  return (\n    <>\n      <ContentHeader title={String(image.name ?? image.id)} projectId={projectId} actions={headerActions} />\n\n      <div className=\"mt-3\">\n        <ImageDetailsView\n          key={image.id}\n          image={image}\n          currentProjectId={projectId}\n          activeTab={tab ?? \"details\"}\n          onTabChange={(newTab) =>\n            navigate({\n              search: { tab: newTab === \"details\" ? undefined : newTab } as unknown as true,\n            })\n          }\n          permissions={{\n            canCreateMember: permissions.canCreateMember,\n            canDeleteMember: permissions.canDeleteMember,\n            canUpdateMember: permissions.canUpdateMember,\n          }}\n          myMemberData={myMemberData}\n          onMemberStatusChange={handleMemberStatusChange}\n          isMemberStatusChanging={updateMemberMutation.isPending}\n        />\n      </div>\n\n      {editDetailsModalOpen && (\n        <EditImageDetailsModal\n          image={image}\n          isOpen={editDetailsModalOpen}\n          isLoading={updateImageMutation.isPending}\n          onClose={() => setEditDetailsModalOpen(false)}\n          onSave={handleSaveEdit}\n        />\n      )}\n\n      {editMetadataModalOpen && (\n        <EditImageMetadataModal\n          image={image}\n          isOpen={editMetadataModalOpen}\n          isLoading={updateImageMutation.isPending}\n          onClose={() => setEditMetadataModalOpen(false)}\n          onSave={handleSaveEdit}\n        />\n      )}\n\n      {deleteModalOpen && (\n        <DeleteImageModal\n          image={image}\n          isOpen={deleteModalOpen}\n          isLoading={deleteImageMutation.isPending}\n          isDisabled={!!image.protected}\n          onClose={() => setDeleteModalOpen(false)}\n          onDelete={handleDelete}\n        />\n      )}\n\n      {activateModalOpen && (\n        <ActivateImageModal\n          image={image}\n          isOpen={activateModalOpen}\n          isLoading={reactivateImageMutation.isPending}\n          onClose={() => setActivateModalOpen(false)}\n          onActivate={handleActivate}\n        />\n      )}\n\n      {deactivateModalOpen && (\n        <DeactivateImageModal\n          image={image}\n          isOpen={deactivateModalOpen}\n          isLoading={deactivateImageMutation.isPending}\n          onClose={() => setDeactivateModalOpen(false)}\n          onDeactivate={handleDeactivate}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;AA2CA,SAASM,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQJ,EAAAA,GACRM,IAAWP,EAAAA,GACX,EAAEQ,iBAAcC,EAAMC,UAAS;CAErC,OACE,gBAAC,GAAA,EACC,QACE,gBAAC,GAAA;EACC,SAAQ;EACR,eAAeH,EAAS;GAAEI,IAAI;GAAuCC,QAAQ,EAAEJ,aAAU;EAAE,CAAA;EAE1FF,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;;AAKZ"}

package/dist/client/{_projectId-DPzv0CCp.mjs → _projectId-BDARsteX.mjs}

@@ -3,7 +3,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { createFileRoute as r, lazyRouteComponent as i, useNavigate as a } from "@tanstack/react-router";
 import { TRPCClientError as o } from "@trpc/client";
 import { Trans as s, useLingui as c } from "@lingui/react";
-//#region src/client/components/Error/RouteError.tsx
+//#region src/client/components/Errors/RouteError.tsx
 function l({ error: r, title: i, helpText: o, safeErrorMessage: l }) {
 	let { i18n: u, _: d } = c(), f = a(), p = u._({ id: "Gfx1qQ" }), m = u._({ id: "K9eC8x" }), h = u._({ id: "W5A0Ly" }), g = l || (typeof r == "string" ? r : null) || (r && typeof r == "object" && "safeMessage" in r && typeof r.safeMessage == "string" ? r.safeMessage : null) || h, _ = o || m;
 	return /*#__PURE__*/ n(t, {
@@ -18,8 +18,8 @@ function l({ error: r, title: i, helpText: o, safeErrorMessage: l }) {
 	});
 }
 var u = r("/_auth/projects/$projectId")({
-	component: i(() => import("./_projectId-B3wmSala.mjs"), "component"),
-	errorComponent: i(() => import("./_projectId-DfeVJy0G.mjs"), "errorComponent"),
+	component: i(() => import("./_projectId-ZBk6vka0.mjs"), "component"),
+	errorComponent: i(() => import("./_projectId-CtyAHqhH.mjs"), "errorComponent"),
 	loader: async (e) => {
 		let { context: t, params: n } = e, r, i;
 		try {
@@ -74,4 +74,4 @@ var u = r("/_auth/projects/$projectId")({
 //#endregion
 export { l as n, u as t };
 
-//# sourceMappingURL=_projectId-DPzv0CCp.mjs.map
+//# sourceMappingURL=_projectId-BDARsteX.mjs.map

package/dist/client/_projectId-BDARsteX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_projectId-BDARsteX.mjs","names":["Status","Button","useNavigate","RouteError","error","title","helpText","safeErrorMessage","useLingui","navigate","defaultTitle","t","defaultHelpText","defaultErrorMessage","errorMessage","safeMessage","additionalInfo","status","body","action","variant","onClick","to","createFileRoute","TRPCClientError","ScopeError","type","code","message","currentDomain","id","name","Route","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter","loader","options","context","params","scopeData","scopeError","trpcClient","auth","setCurrentScope","mutate","projectId","error","currentScope","getCurrentScope","query","domain","data","crumbDomain","undefined","crumbProject","availableServices","accountId","description","project","Promise","all","getAvailableServices","getProject","catch","path"],"sources":["../../src/client/components/Errors/RouteError.tsx","../../src/client/routes/_auth/projects/$projectId.tsx"],"sourcesContent":["import { Status, Button } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport { useNavigate } from \"@tanstack/react-router\"\n\ninterface RouteErrorProps {\n  error: unknown\n  title?: string\n  helpText?: string\n  /** Explicitly pass a safe error message to display. Use this when you want to show specific error details. */\n  safeErrorMessage?: string\n}\n\n/**\n * Renders errors that occur outside the application layout, such as an expired\n * cookie or token. In these cases, the normal page content is unavailable and\n * only the header may remain visible.\n */\nexport function RouteError({ error, title, helpText, safeErrorMessage }: RouteErrorProps) {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n\n  const defaultTitle = t`Unable to Load Content`\n  const defaultHelpText = t`This could be due to insufficient permissions or a temporary service issue. Please check your access rights or try refreshing the page.`\n  const defaultErrorMessage = t`An unexpected error occurred.`\n\n  // Security: Do not expose raw Error.message by default as it may contain sensitive information.\n  // Only display:\n  // 1. Explicitly passed safeErrorMessage\n  // 2. String errors (when caller explicitly passes a safe string)\n  // 3. error.safeMessage if present (for controlled error exposure)\n  // 4. Default translated message for all other cases\n  const errorMessage =\n    safeErrorMessage ||\n    (typeof error === \"string\" ? error : null) ||\n    (error && typeof error === \"object\" && \"safeMessage\" in error && typeof error.safeMessage === \"string\"\n      ? error.safeMessage\n      : null) ||\n    defaultErrorMessage\n\n  const additionalInfo = helpText || defaultHelpText\n\n  return (\n    <Status\n      status=\"error\"\n      title={title || defaultTitle}\n      body={errorMessage + \" \" + additionalInfo}\n      action={\n        <Button variant=\"primary\" onClick={() => navigate({ to: \"/\" })}>\n          <Trans>Go to Home</Trans>\n        </Button>\n      }\n    />\n  )\n}\n","import { createFileRoute, Outlet, useLoaderData, useRouteContext } from \"@tanstack/react-router\"\nimport { AppShell, Button, Container, Stack, Status } from \"@cloudoperators/juno-ui-components\"\nimport { SideNavBar } from \"@/client/routes/_auth/projects/-components/SideNavBar\"\nimport { buildNavSections } from \"@/client/routes/_auth/projects/-components/buildNavSections\"\nimport { Breadcrumbs } from \"@/client/components/Breadcrumbs\"\nimport { RouteError } from \"@/client/components/Errors/RouteError\"\nimport { useMemo } from \"react\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport { BreadcrumbExtensionProvider } from \"@/client/context/BreadcrumbExtensionContext\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\n\n// Type for scope error that we catch and handle gracefully\ntype ScopeError = {\n  type: \"scope_error\"\n  code: string\n  message: string\n  currentDomain?: { id: string; name: string } | null\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId\")({\n  component: RouteComponent,\n  errorComponent: ProjectErrorComponent,\n  loader: async (options) => {\n    const { context, params } = options\n\n    // Catch rescope errors and return them as data instead of throwing\n    // This allows the component to render a friendly error UI\n    let scopeData\n    let scopeError: ScopeError | undefined\n\n    try {\n      scopeData = await context.trpcClient?.auth.setCurrentScope.mutate({\n        type: \"project\",\n        projectId: params.projectId || \"\",\n      })\n    } catch (error) {\n      if (error instanceof TRPCClientError) {\n        // Try to get the current session's domain to show in the error message\n        let currentDomain: { id: string; name: string } | null | undefined\n        try {\n          const currentScope = await context.trpcClient?.auth.getCurrentScope.query()\n          if (currentScope?.domain?.id && currentScope?.domain?.name) {\n            currentDomain = { id: currentScope.domain.id, name: currentScope.domain.name }\n          }\n        } catch {\n          // Ignore errors fetching current scope\n        }\n\n        // Return error as data so the component can handle it\n        scopeError = {\n          type: \"scope_error\",\n          code: error.data?.code || \"UNKNOWN\",\n          message: error.message,\n          currentDomain,\n        }\n      } else {\n        // Unknown errors should still propagate\n        throw error\n      }\n    }\n\n    // If scope failed, return early with error state\n    if (scopeError) {\n      return {\n        scopeError,\n        projectId: params.projectId,\n        // Provide minimal data for error rendering\n        trpcClient: context.trpcClient,\n        crumbDomain: undefined,\n        crumbProject: undefined,\n        availableServices: undefined,\n        accountId: \"\",\n        description: null,\n      }\n    }\n\n    const [availableServices, project] = await Promise.all([\n      context.trpcClient?.auth.getAvailableServices.query(),\n      context.trpcClient?.project.getProject.query({ projectId: params.projectId }).catch(() => null),\n    ])\n\n    const accountId = scopeData?.domain?.id || \"\"\n    const description = project?.description ?? null\n\n    return {\n      scopeError: undefined,\n      trpcClient: context.trpcClient,\n      crumbDomain: { path: `/projects`, name: scopeData?.domain?.name },\n      crumbProject: scopeData?.project,\n      availableServices,\n      accountId,\n      projectId: params.projectId,\n      description,\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const loaderData = useLoaderData({ from: Route.id })\n  const navigate = Route.useNavigate()\n  const { enabledServices, serviceExtensions } = useRouteContext({ strict: false })\n\n  const projectName = loaderData.crumbProject?.name || loaderData.projectId\n  const projectLabel = loaderData.crumbDomain?.name ? `${loaderData.crumbDomain.name}/${projectName}` : projectName\n  useSetBreadcrumb(Route.id, projectLabel)\n\n  // Handle scope errors with a friendly UI using Juno's Status component\n  if (loaderData.scopeError) {\n    const { code, message, currentDomain } = loaderData.scopeError\n    const domainName = currentDomain?.name\n\n    if (code === \"UNAUTHORIZED\") {\n      return (\n        <Container className=\"py-8\">\n          <Status\n            status=\"error\"\n            title={t`Session Changed`}\n            body={t`Your session was changed or ended in another browser tab. This can happen if you logged out or switched to a different account or domain elsewhere. Please log in again to continue.`}\n            action={\n              <Button variant=\"primary\" onClick={() => navigate({ to: \"/\" })}>\n                <Trans>Sign in</Trans>\n              </Button>\n            }\n          />\n        </Container>\n      )\n    }\n\n    if (code === \"NOT_FOUND\") {\n      const bodyText = domainName\n        ? t`This project doesn't exist or is not accessible from your current domain. Your current domain is ${domainName}. Please select a project from your current domain.`\n        : t`This project doesn't exist or is not accessible from your current domain. Please select a project from your current domain.`\n\n      return (\n        <Container className=\"py-8\">\n          <Status\n            status=\"error\"\n            code={404}\n            title={t`Project Not Accessible`}\n            body={bodyText}\n            action={\n              <Button variant=\"primary\" onClick={() => navigate({ to: \"/projects\" })}>\n                <Trans>Go to Projects</Trans>\n              </Button>\n            }\n          />\n        </Container>\n      )\n    }\n\n    if (code === \"FORBIDDEN\") {\n      return (\n        <Container className=\"py-8\">\n          <Status\n            status=\"error\"\n            code={403}\n            title={t`Access Denied`}\n            body={t`You don't have permission to access this project.`}\n            action={\n              <Button variant=\"primary\" onClick={() => navigate({ to: \"/projects\" })}>\n                <Trans>Go to Projects</Trans>\n              </Button>\n            }\n          />\n        </Container>\n      )\n    }\n\n    // Fallback for other error codes\n    return <RouteError error={new Error(message)} />\n  }\n\n  const { availableServices, projectId, crumbProject, crumbDomain } = loaderData\n\n  const sections = useMemo(\n    () => buildNavSections(projectId, availableServices!, enabledServices, serviceExtensions),\n    [projectId, availableServices, enabledServices, serviceExtensions]\n  )\n\n  return (\n    <AppShell\n      embedded\n      sideNavigation={\n        <SideNavBar\n          sections={sections}\n          projectId={projectId}\n          projectName={crumbProject?.name || projectId}\n          domainName={crumbDomain?.name}\n        />\n      }\n      className=\"h-min-screen\"\n    >\n      <Container>\n        <Stack direction=\"vertical\" distribution=\"start\" alignment=\"stretch\" className=\"xl:flex-row\" gap=\"6\">\n          {/* Main content area */}\n          <div className=\"min-w-0 flex-1\">\n            <BreadcrumbExtensionProvider>\n              <Breadcrumbs />\n              <Outlet />\n            </BreadcrumbExtensionProvider>\n          </div>\n        </Stack>\n      </Container>\n    </AppShell>\n  )\n}\n\nfunction ProjectErrorComponent({ error }: { error: Error & { statusCode?: number } }) {\n  const { t } = useLingui()\n  const navigate = Route.useNavigate()\n\n  // Handle 404 errors with a custom UI\n  if (error.statusCode === 404 || error.message === \"Project not found\") {\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={404}\n          title={t`Project Not Found`}\n          body={t`The project you are looking for doesn't exist or you don't have access to it.`}\n          action={\n            <Button variant=\"primary\" onClick={() => navigate({ to: \"/projects\" })}>\n              <Trans>Go to Projects</Trans>\n            </Button>\n          }\n        />\n      </Container>\n    )\n  }\n\n  // For all other errors, use the default RouteError component\n  return <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n}\n"],"mappings":";;;;;;AAiBA,SAAgBG,EAAW,EAAEC,UAAOC,UAAOC,aAAUC,uBAAmC;CACtF,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAWP,EAAAA,GAEXQ,IAAeC,EAAAA,EAAC,EAAA,IAAA,SAAuB,CAAA,GACvCC,IAAkBD,EAAAA,EAAC,EAAA,IAAA,SAAwI,CAAA,GAC3JE,IAAsBF,EAAAA,EAAC,EAAA,IAAA,SAA8B,CAAA,GAQrDG,IACJP,MACC,OAAOH,KAAU,WAAWA,IAAQ,UACpCA,KAAS,OAAOA,KAAU,YAAY,iBAAiBA,KAAS,OAAOA,EAAMW,eAAgB,WAC1FX,EAAMW,cACN,SACJF,GAEIG,IAAiBV,KAAYM;CAEnC,OACE,gBAACZ,GAAAA;EACCiB,QAAO;EACPZ,OAAOA,KAASK;EAChBQ,MAAMJ,IAAe,MAAME;EAC3BG,QACE,gBAAClB,GAAAA;GAAOmB,SAAQ;GAAUC,eAAeZ,EAAS,EAAEa,IAAI,IAAI,CAAA;GAC1D,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;AAKV;ACjCA,IAAaU,IAAQT,EAAgB,4BAAA,CAAA,CAA8B;CACjEU,WAASC,6CAAA,WAAA;CACTE,gBAAcF,6CAAA,gBAAA;CACdI,QAAQ,OAAOC,MAAAA;EACb,IAAM,EAAEC,YAASC,cAAWF,GAIxBG,GACAC;EAEJ,IAAI;GACFD,IAAY,MAAMF,EAAQI,YAAYC,KAAKC,gBAAgBC,OAAO;IAChErB,MAAM;IACNsB,WAAWP,EAAOO,aAAa;GACjC,CAAA;EACF,SAASC,GAAO;GACd,IAAIA,aAAiBzB,GAAiB;IAEpC,IAAIK;IACJ,IAAI;KACF,IAAMqB,IAAe,MAAMV,EAAQI,YAAYC,KAAKM,gBAAgBC,MAAAA;KACpE,AAAIF,GAAcG,QAAQvB,MAAMoB,GAAcG,QAAQtB,SACpDF,IAAgB;MAAEC,IAAIoB,EAAaG,OAAOvB;MAAIC,MAAMmB,EAAaG,OAAOtB;KAAK;IAEjF,QAAQ,CACN;IAIFY,IAAa;KACXjB,MAAM;KACNC,MAAMsB,EAAMK,MAAM3B,QAAQ;KAC1BC,SAASqB,EAAMrB;KACfC;IACF;GACF,OAEE,MAAMoB;EAEV;EAGA,IAAIN,GACF,OAAO;GACLA;GACAK,WAAWP,EAAOO;GAElBJ,YAAYJ,EAAQI;GACpBW,aAAaC,KAAAA;GACbC,cAAcD,KAAAA;GACdE,mBAAmBF,KAAAA;GACnBG,WAAW;GACXC,aAAa;EACf;EAGF,IAAM,CAACF,GAAmBG,KAAW,MAAMC,QAAQC,IAAI,CACrDvB,EAAQI,YAAYC,KAAKmB,qBAAqBZ,MAAAA,GAC9CZ,EAAQI,YAAYiB,QAAQI,WAAWb,MAAM,EAAEJ,WAAWP,EAAOO,UAAU,CAAA,CAAA,CAAGkB,YAAY,IAAA,CAC3F,CAAA,GAEKP,IAAYjB,GAAWW,QAAQvB,MAAM,IACrC8B,IAAcC,GAASD,eAAe;EAE5C,OAAO;GACLjB,YAAYa,KAAAA;GACZZ,YAAYJ,EAAQI;GACpBW,aAAa;IAAEY,MAAM;IAAapC,MAAMW,GAAWW,QAAQtB;GAAK;GAChE0B,cAAcf,GAAWmB;GACzBH;GACAC;GACAX,WAAWP,EAAOO;GAClBY;EACF;CACF;AACF,CAAA"}

package/dist/client/{_projectId-DfeVJy0G.mjs → _projectId-CtyAHqhH.mjs}

@@ -1,5 +1,5 @@
 import { A as e, i as t, rt as n } from "./build-WuxXRAqf.mjs";
-import { n as r, t as i } from "./_projectId-DPzv0CCp.mjs";
+import { n as r, t as i } from "./_projectId-BDARsteX.mjs";
 import { jsx as a } from "react/jsx-runtime";
 import { TRPCClientError as o } from "@trpc/client";
 import { Trans as s, useLingui as c } from "@lingui/react";
@@ -27,4 +27,4 @@ function l({ error: l }) {
 //#endregion
 export { l as errorComponent };
 
-//# sourceMappingURL=_projectId-DfeVJy0G.mjs.map
+//# sourceMappingURL=_projectId-CtyAHqhH.mjs.map

package/dist/client/_projectId-CtyAHqhH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_projectId-CtyAHqhH.mjs","names":["Button","Container","Status","RouteError","TRPCClientError","useLingui","Trans","ScopeError","type","code","message","currentDomain","id","name","Route","ProjectErrorComponent","error","Error","statusCode","t","navigate","useNavigate","to","undefined","errorComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute, Outlet, useLoaderData, useRouteContext } from \"@tanstack/react-router\"\nimport { AppShell, Button, Container, Stack, Status } from \"@cloudoperators/juno-ui-components\"\nimport { SideNavBar } from \"@/client/routes/_auth/projects/-components/SideNavBar\"\nimport { buildNavSections } from \"@/client/routes/_auth/projects/-components/buildNavSections\"\nimport { Breadcrumbs } from \"@/client/components/Breadcrumbs\"\nimport { RouteError } from \"@/client/components/Errors/RouteError\"\nimport { useMemo } from \"react\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport { BreadcrumbExtensionProvider } from \"@/client/context/BreadcrumbExtensionContext\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\n\n// Type for scope error that we catch and handle gracefully\ntype ScopeError = {\n  type: \"scope_error\"\n  code: string\n  message: string\n  currentDomain?: { id: string; name: string } | null\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId\")({\n  component: RouteComponent,\n  errorComponent: ProjectErrorComponent,\n  loader: async (options) => {\n    const { context, params } = options\n\n    // Catch rescope errors and return them as data instead of throwing\n    // This allows the component to render a friendly error UI\n    let scopeData\n    let scopeError: ScopeError | undefined\n\n    try {\n      scopeData = await context.trpcClient?.auth.setCurrentScope.mutate({\n        type: \"project\",\n        projectId: params.projectId || \"\",\n      })\n    } catch (error) {\n      if (error instanceof TRPCClientError) {\n        // Try to get the current session's domain to show in the error message\n        let currentDomain: { id: string; name: string } | null | undefined\n        try {\n          const currentScope = await context.trpcClient?.auth.getCurrentScope.query()\n          if (currentScope?.domain?.id && currentScope?.domain?.name) {\n            currentDomain = { id: currentScope.domain.id, name: currentScope.domain.name }\n          }\n        } catch {\n          // Ignore errors fetching current scope\n        }\n\n        // Return error as data so the component can handle it\n        scopeError = {\n          type: \"scope_error\",\n          code: error.data?.code || \"UNKNOWN\",\n          message: error.message,\n          currentDomain,\n        }\n      } else {\n        // Unknown errors should still propagate\n        throw error\n      }\n    }\n\n    // If scope failed, return early with error state\n    if (scopeError) {\n      return {\n        scopeError,\n        projectId: params.projectId,\n        // Provide minimal data for error rendering\n        trpcClient: context.trpcClient,\n        crumbDomain: undefined,\n        crumbProject: undefined,\n        availableServices: undefined,\n        accountId: \"\",\n        description: null,\n      }\n    }\n\n    const [availableServices, project] = await Promise.all([\n      context.trpcClient?.auth.getAvailableServices.query(),\n      context.trpcClient?.project.getProject.query({ projectId: params.projectId }).catch(() => null),\n    ])\n\n    const accountId = scopeData?.domain?.id || \"\"\n    const description = project?.description ?? null\n\n    return {\n      scopeError: undefined,\n      trpcClient: context.trpcClient,\n      crumbDomain: { path: `/projects`, name: scopeData?.domain?.name },\n      crumbProject: scopeData?.project,\n      availableServices,\n      accountId,\n      projectId: params.projectId,\n      description,\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const loaderData = useLoaderData({ from: Route.id })\n  const navigate = Route.useNavigate()\n  const { enabledServices, serviceExtensions } = useRouteContext({ strict: false })\n\n  const projectName = loaderData.crumbProject?.name || loaderData.projectId\n  const projectLabel = loaderData.crumbDomain?.name ? `${loaderData.crumbDomain.name}/${projectName}` : projectName\n  useSetBreadcrumb(Route.id, projectLabel)\n\n  // Handle scope errors with a friendly UI using Juno's Status component\n  if (loaderData.scopeError) {\n    const { code, message, currentDomain } = loaderData.scopeError\n    const domainName = currentDomain?.name\n\n    if (code === \"UNAUTHORIZED\") {\n      return (\n        <Container className=\"py-8\">\n          <Status\n            status=\"error\"\n            title={t`Session Changed`}\n            body={t`Your session was changed or ended in another browser tab. This can happen if you logged out or switched to a different account or domain elsewhere. Please log in again to continue.`}\n            action={\n              <Button variant=\"primary\" onClick={() => navigate({ to: \"/\" })}>\n                <Trans>Sign in</Trans>\n              </Button>\n            }\n          />\n        </Container>\n      )\n    }\n\n    if (code === \"NOT_FOUND\") {\n      const bodyText = domainName\n        ? t`This project doesn't exist or is not accessible from your current domain. Your current domain is ${domainName}. Please select a project from your current domain.`\n        : t`This project doesn't exist or is not accessible from your current domain. Please select a project from your current domain.`\n\n      return (\n        <Container className=\"py-8\">\n          <Status\n            status=\"error\"\n            code={404}\n            title={t`Project Not Accessible`}\n            body={bodyText}\n            action={\n              <Button variant=\"primary\" onClick={() => navigate({ to: \"/projects\" })}>\n                <Trans>Go to Projects</Trans>\n              </Button>\n            }\n          />\n        </Container>\n      )\n    }\n\n    if (code === \"FORBIDDEN\") {\n      return (\n        <Container className=\"py-8\">\n          <Status\n            status=\"error\"\n            code={403}\n            title={t`Access Denied`}\n            body={t`You don't have permission to access this project.`}\n            action={\n              <Button variant=\"primary\" onClick={() => navigate({ to: \"/projects\" })}>\n                <Trans>Go to Projects</Trans>\n              </Button>\n            }\n          />\n        </Container>\n      )\n    }\n\n    // Fallback for other error codes\n    return <RouteError error={new Error(message)} />\n  }\n\n  const { availableServices, projectId, crumbProject, crumbDomain } = loaderData\n\n  const sections = useMemo(\n    () => buildNavSections(projectId, availableServices!, enabledServices, serviceExtensions),\n    [projectId, availableServices, enabledServices, serviceExtensions]\n  )\n\n  return (\n    <AppShell\n      embedded\n      sideNavigation={\n        <SideNavBar\n          sections={sections}\n          projectId={projectId}\n          projectName={crumbProject?.name || projectId}\n          domainName={crumbDomain?.name}\n        />\n      }\n      className=\"h-min-screen\"\n    >\n      <Container>\n        <Stack direction=\"vertical\" distribution=\"start\" alignment=\"stretch\" className=\"xl:flex-row\" gap=\"6\">\n          {/* Main content area */}\n          <div className=\"min-w-0 flex-1\">\n            <BreadcrumbExtensionProvider>\n              <Breadcrumbs />\n              <Outlet />\n            </BreadcrumbExtensionProvider>\n          </div>\n        </Stack>\n      </Container>\n    </AppShell>\n  )\n}\n\nfunction ProjectErrorComponent({ error }: { error: Error & { statusCode?: number } }) {\n  const { t } = useLingui()\n  const navigate = Route.useNavigate()\n\n  // Handle 404 errors with a custom UI\n  if (error.statusCode === 404 || error.message === \"Project not found\") {\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={404}\n          title={t`Project Not Found`}\n          body={t`The project you are looking for doesn't exist or you don't have access to it.`}\n          action={\n            <Button variant=\"primary\" onClick={() => navigate({ to: \"/projects\" })}>\n              <Trans>Go to Projects</Trans>\n            </Button>\n          }\n        />\n      </Container>\n    )\n  }\n\n  // For all other errors, use the default RouteError component\n  return <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n}\n"],"mappings":";;;;;;AAiNA,SAASe,EAAsB,EAAEC,YAAmD;CAClF,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQX,EAAAA,GACRe,IAAWN,EAAMO,YAAW;CAsBlC,OAnBIL,EAAME,eAAe,OAAOF,EAAMN,YAAY,sBAE9C,gBAAC,GAAA;EAAU,WAAU;EACnB,UAAA,gBAAC,GAAA;GACC,QAAO;GACP,MAAM;GACN,OAAOS,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;GACR,MAAMA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;GACP,QACE,gBAAC,GAAA;IAAO,SAAQ;IAAU,eAAeC,EAAS,EAAEE,IAAI,YAAY,CAAA;IAClE,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;MASL,gBAAC,GAAA;EAAkBN;EAAO,kBAAkBA,aAAiBZ,IAAkBY,EAAMN,UAAUa,KAAAA;;AACxG"}

package/dist/client/_projectId-D3VOH5lN.mjs

@@ -0,0 +1,94 @@
+import { Q as e, f as t } from "./build-WuxXRAqf.mjs";
+import { t as n } from "./Slot-CWb612-_.mjs";
+import { t as r } from "./helpers-1PpYf-fC.mjs";
+import { t as i } from "./serviceCatalog-B3lKWC9V.mjs";
+import { n as a, t as o } from "./storageProviders-CJ5rOh13.mjs";
+import { t as s } from "./ContentHeader-fKKZVu-o.mjs";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useLoaderData as u, useNavigate as d, useRouteContext as f } from "@tanstack/react-router";
+import { Trans as p, useLingui as m } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/index.tsx?tsr-split=component
+function h({ group: e, label: r, to: i, service: a }) {
+	let o = d(), { slots: s } = f({ strict: !1 });
+	return /*#__PURE__*/ l(t, {
+		onClick: () => o({ to: i }),
+		className: "flex min-h-40 flex-col gap-4 px-3 pt-2 pb-3",
+		"data-testid": "service-card",
+		children: [/*#__PURE__*/ l("div", {
+			className: "flex min-w-0 flex-col",
+			children: [/*#__PURE__*/ c("p", {
+				className: "text-theme-light text-xs leading-5 font-medium",
+				children: e
+			}), /*#__PURE__*/ l("div", {
+				className: "flex items-center gap-2",
+				children: [/*#__PURE__*/ c("p", {
+					className: "text-theme-high text-lg leading-7 font-bold",
+					"data-testid": "service-card-label",
+					children: r
+				}), s?.serviceBadge && /*#__PURE__*/ c(n, {
+					component: s.serviceBadge,
+					useShadowDOM: !1,
+					currentService: a
+				})]
+			})]
+		}), /*#__PURE__*/ c("div", { className: "flex-1" })]
+	});
+}
+function g() {
+	let { crumbProject: t, availableServices: n, projectId: d, description: g } = u({ from: "/_auth/projects/$projectId" }), { i18n: _, _: v } = m(), { enabledServices: y, serviceExtensions: b } = f({ strict: !1 }), x = (e) => !y || y.includes(e), S = r(n ?? []), C = `/projects/${d}`, w = [];
+	S.image?.glance && x("images") && w.push({
+		group: _._({ id: "rp0Bd0" }),
+		label: _._({ id: "an5hVd" }),
+		to: `${C}/compute/images`,
+		service: "images"
+	}), S.compute?.nova && x("flavors") && w.push({
+		group: _._({ id: "rp0Bd0" }),
+		label: _._({ id: "neiJm0" }),
+		to: `${C}/compute/flavors`,
+		service: "flavors"
+	}), S.network && (x("securitygroups") && w.push({
+		group: _._({ id: "OR475H" }),
+		label: _._({ id: "4opp4r" }),
+		to: `${C}/network/securitygroups`,
+		service: "securitygroups"
+	}), x("floatingips") && w.push({
+		group: _._({ id: "OR475H" }),
+		label: _._({ id: "u77/s4" }),
+		to: `${C}/network/floatingips`,
+		service: "floatingips"
+	})), i(S, o.SWIFT) && x("containers") && w.push({
+		group: _._({ id: "BrrIs8" }),
+		label: _._({ id: "+OEi73" }),
+		to: `${C}/storage/${o.SWIFT}/${a[o.SWIFT]}`,
+		service: "containers"
+	}), i(S, o.CEPH) && x("ceph-containers") && w.push({
+		group: _._({ id: "BrrIs8" }),
+		label: _._({ id: "KhNDX4" }),
+		to: `${C}/storage/${o.CEPH}/${a[o.CEPH]}`,
+		service: "ceph-containers"
+	});
+	for (let e of b ?? []) S[e.serviceType]?.[e.serviceName] && (!y || y.includes(e.serviceType)) && w.push({
+		group: _._({ id: "MILoeL" }),
+		label: e.label,
+		to: `/projects/${d}/services/${e.serviceType}`,
+		service: e.serviceType
+	});
+	return /*#__PURE__*/ l(e, {
+		direction: "vertical",
+		children: [/*#__PURE__*/ c(s, {
+			title: t?.name ?? _._({ id: "e0NrBM" }),
+			projectId: d,
+			description: g
+		}), w.length > 0 ? /*#__PURE__*/ c("div", {
+			className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4",
+			children: w.map((e) => /*#__PURE__*/ c(h, { ...e }, e.to))
+		}) : /*#__PURE__*/ c("p", {
+			className: "text-theme-light text-sm",
+			children: /*#__PURE__*/ c(p, { id: "Q1W//7" })
+		})]
+	});
+}
+//#endregion
+export { g as component };
+
+//# sourceMappingURL=_projectId-D3VOH5lN.mjs.map

package/dist/client/_projectId-D3VOH5lN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_projectId-D3VOH5lN.mjs","names":["useLoaderData","useNavigate","Card","Stack","getServiceIndex","Trans","useLingui","useRouteContext","ContentHeader","Slot","hasServiceByName","STORAGE_PROVIDER","STORAGE_TYPE_BY_PROVIDER","ServiceCardProps","group","label","to","service","ServiceCard","navigate","slots","strict","serviceBadge","RouteComponent","crumbProject","availableServices","projectId","description","from","t","enabledServices","serviceExtensions","isEnabled","includes","serviceIndex","base","cards","push","SWIFT","CEPH","extension","serviceType","serviceName","name","length","map","card","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/index.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, useLoaderData, useNavigate } from \"@tanstack/react-router\"\nimport { Card, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { useRouteContext } from \"@tanstack/react-router\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { Slot } from \"@/client/components/Slot\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { hasServiceByName } from \"@/client/utils/serviceCatalog\"\nimport { STORAGE_PROVIDER, STORAGE_TYPE_BY_PROVIDER } from \"@/client/utils/storageProviders\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/\")({\n  staticData: {\n    analytics: {\n      name: \"projects.detail\",\n    },\n  } satisfies RouteInfo,\n  component: RouteComponent,\n})\n\ninterface ServiceCardProps {\n  group: string\n  label: string\n  to: string\n  service: string\n}\n\nfunction ServiceCard({ group, label, to, service }: ServiceCardProps) {\n  const navigate = useNavigate()\n  const { slots } = useRouteContext({ strict: false })\n\n  return (\n    <Card\n      onClick={() => navigate({ to: to as never })}\n      className=\"flex min-h-40 flex-col gap-4 px-3 pt-2 pb-3\"\n      data-testid=\"service-card\"\n    >\n      <div className=\"flex min-w-0 flex-col\">\n        <p className=\"text-theme-light text-xs leading-5 font-medium\">{group}</p>\n        <div className=\"flex items-center gap-2\">\n          <p className=\"text-theme-high text-lg leading-7 font-bold\" data-testid=\"service-card-label\">\n            {label}\n          </p>\n          {slots?.serviceBadge && <Slot component={slots.serviceBadge} useShadowDOM={false} currentService={service} />}\n        </div>\n      </div>\n      <div className=\"flex-1\" />\n    </Card>\n  )\n}\n\nfunction RouteComponent() {\n  const { crumbProject, availableServices, projectId, description } = useLoaderData({\n    from: \"/_auth/projects/$projectId\",\n  })\n  const { t } = useLingui()\n  const { enabledServices, serviceExtensions } = useRouteContext({ strict: false })\n  const isEnabled = (service: string) => !enabledServices || enabledServices.includes(service)\n\n  const serviceIndex = getServiceIndex(availableServices ?? [])\n  const base = `/projects/${projectId}`\n\n  const cards: ServiceCardProps[] = []\n\n  if (serviceIndex[\"image\"]?.[\"glance\"] && isEnabled(\"images\"))\n    cards.push({ group: t`Compute`, label: t`Images`, to: `${base}/compute/images`, service: \"images\" })\n  if (serviceIndex[\"compute\"]?.[\"nova\"] && isEnabled(\"flavors\"))\n    cards.push({ group: t`Compute`, label: t`Flavors`, to: `${base}/compute/flavors`, service: \"flavors\" })\n  if (serviceIndex[\"network\"]) {\n    if (isEnabled(\"securitygroups\"))\n      cards.push({\n        group: t`Network`,\n        label: t`Security Groups`,\n        to: `${base}/network/securitygroups`,\n        service: \"securitygroups\",\n      })\n    if (isEnabled(\"floatingips\"))\n      cards.push({\n        group: t`Network`,\n        label: t`Floating IPs`,\n        to: `${base}/network/floatingips`,\n        service: \"floatingips\",\n      })\n  }\n  if (hasServiceByName(serviceIndex, STORAGE_PROVIDER.SWIFT) && isEnabled(\"containers\"))\n    cards.push({\n      group: t`Storage`,\n      label: t`Object Storage (Swift)`,\n      to: `${base}/storage/${STORAGE_PROVIDER.SWIFT}/${STORAGE_TYPE_BY_PROVIDER[STORAGE_PROVIDER.SWIFT]}`,\n      service: \"containers\",\n    })\n  if (hasServiceByName(serviceIndex, STORAGE_PROVIDER.CEPH) && isEnabled(\"ceph-containers\"))\n    cards.push({\n      group: t`Storage`,\n      label: t`Object Storage (Ceph)`,\n      to: `${base}/storage/${STORAGE_PROVIDER.CEPH}/${STORAGE_TYPE_BY_PROVIDER[STORAGE_PROVIDER.CEPH]}`,\n      service: \"ceph-containers\",\n    })\n\n  for (const extension of serviceExtensions ?? []) {\n    // if the extension's service is in the catalog and enabled, display a card for it\n    if (\n      serviceIndex[extension.serviceType]?.[extension.serviceName] &&\n      (!enabledServices || enabledServices.includes(extension.serviceType))\n    )\n      cards.push({\n        group: t`Services`,\n        label: extension.label,\n        to: `/projects/${projectId}/services/${extension.serviceType}`,\n        service: extension.serviceType,\n      })\n  }\n\n  return (\n    <Stack direction=\"vertical\">\n      <ContentHeader title={crumbProject?.name ?? t`Project`} projectId={projectId} description={description} />\n      {cards.length > 0 ? (\n        <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4\">\n          {cards.map((card) => (\n            <ServiceCard key={card.to} {...card} />\n          ))}\n        </div>\n      ) : (\n        <p className=\"text-theme-light text-sm\">\n          <Trans>No services available for this project.</Trans>\n        </p>\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;AA4BA,SAASkB,EAAY,EAAEJ,UAAOC,UAAOC,OAAIC,cAA2B;CAClE,IAAME,IAAWlB,EAAAA,GACX,EAAEmB,aAAUb,EAAgB,EAAEc,QAAQ,GAAM,CAAA;CAElD,OACE,gBAAC,GAAA;EACC,eAAeF,EAAS,EAAMH,MAAY,CAAA;EAC1C,WAAU;EACV,eAAY;EAEZ,UAAA,CAAA,gBAAC,OAAA;GAAI,WAAU;GACb,UAAA,CAAA,gBAAC,KAAA;IAAE,WAAU;IAAkDF,UAAAA;GAC/D,CAAA,GAAA,gBAAC,OAAA;IAAI,WAAU;IACb,UAAA,CAAA,gBAAC,KAAA;KAAE,WAAU;KAA8C,eAAY;KACpEC,UAAAA;IAEFK,CAAAA,GAAAA,GAAOE,gBAAgB,gBAAC,GAAA;KAAK,WAAWF,EAAME;KAAc,cAAc;KAAO,gBAAgBL;;;EAGtG,CAAA,GAAA,gBAAC,OAAA,EAAI,WAAU,SAAA,CAAA,CAAA;;AAGrB;AAEA,SAASM,IAAAA;CACP,IAAM,EAAEC,iBAAcC,sBAAmBC,cAAWC,mBAAgB3B,EAAc,EAChF4B,MAAM,6BACR,CAAA,GACM,EAAA,MAAA,GAAA,GAAA,MAAQtB,EAAAA,GACR,EAAEwB,oBAAiBC,yBAAsBxB,EAAgB,EAAEc,QAAQ,GAAM,CAAA,GACzEW,KAAaf,MAAoB,CAACa,KAAmBA,EAAgBG,SAAShB,CAAAA,GAE9EiB,IAAe9B,EAAgBqB,KAAqB,CAAA,CAAE,GACtDU,IAAO,aAAaT,KAEpBU,IAA4B,CAAA;CA6BlC,AA3BIF,EAAa,OAAW,UAAaF,EAAU,QAAA,KACjDI,EAAMC,KAAK;EAAEvB,OAAOe,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAWd,OAAOc,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAUb,IAAI,GAAGmB,EAAI;EAAmBlB,SAAS;CAAS,CAAA,GAChGiB,EAAa,SAAa,QAAWF,EAAU,SAAA,KACjDI,EAAMC,KAAK;EAAEvB,OAAOe,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAWd,OAAOc,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAWb,IAAI,GAAGmB,EAAI;EAAoBlB,SAAS;CAAU,CAAA,GACnGiB,EAAa,YACXF,EAAU,gBAAA,KACZI,EAAMC,KAAK;EACTvB,OAAOe,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EACRd,OAAOc,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EACRb,IAAI,GAAGmB,EAAI;EACXlB,SAAS;CACX,CAAA,GACEe,EAAU,aAAA,KACZI,EAAMC,KAAK;EACTvB,OAAOe,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EACRd,OAAOc,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EACRb,IAAI,GAAGmB,EAAI;EACXlB,SAAS;CACX,CAAA,IAEAP,EAAiBwB,GAAcvB,EAAiB2B,KAAK,KAAKN,EAAU,YAAA,KACtEI,EAAMC,KAAK;EACTvB,OAAOe,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EACRd,OAAOc,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EACRb,IAAI,GAAGmB,EAAI,WAAYxB,EAAiB2B,MAAK,GAAI1B,EAAyBD,EAAiB2B;EAC3FrB,SAAS;CACX,CAAA,GACEP,EAAiBwB,GAAcvB,EAAiB4B,IAAI,KAAKP,EAAU,iBAAA,KACrEI,EAAMC,KAAK;EACTvB,OAAOe,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EACRd,OAAOc,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EACRb,IAAI,GAAGmB,EAAI,WAAYxB,EAAiB4B,KAAI,GAAI3B,EAAyBD,EAAiB4B;EAC1FtB,SAAS;CACX,CAAA;CAEF,KAAK,IAAMuB,KAAaT,KAAqB,CAAA,GAE3C,AACEG,EAAaM,EAAUC,YAAY,GAAGD,EAAUE,iBAC/C,CAACZ,KAAmBA,EAAgBG,SAASO,EAAUC,WAAW,MAEnEL,EAAMC,KAAK;EACTvB,OAAOe,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EACRd,OAAOyB,EAAUzB;EACjBC,IAAI,aAAaU,EAAS,YAAac,EAAUC;EACjDxB,SAASuB,EAAUC;CACrB,CAAA;CAGJ,OACE,gBAAC,GAAA;EAAM,WAAU;EACf,UAAA,CAAA,gBAAC,GAAA;GAAc,OAAOjB,GAAcmB,QAAQd,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;GAAsBH;GAAwBC;EAC1FS,CAAAA,GAAAA,EAAMQ,SAAS,IACd,gBAAC,OAAA;GAAI,WAAU;GACZR,UAAAA,EAAMS,KAAKC,MACV,gBAAC,GAAA,EAA0B,GAAIA,EAAbA,GAAAA,EAAK9B,EAAE,CAAA;EAI7B,CAAA,IAAA,gBAAC,KAAA;GAAE,WAAU;GACX,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;AAKV"}

package/dist/client/{_projectId-B3wmSala.mjs → _projectId-ZBk6vka0.mjs}

@@ -1,68 +1,70 @@
 import { A as e, G as t, N as n, Q as r, Y as i, _ as a, b as o, i as s, rt as c, ut as l, w as u, z as d } from "./build-WuxXRAqf.mjs";
 import { t as f } from "./Slot-CWb612-_.mjs";
-import { n as p, t as m } from "./_projectId-DPzv0CCp.mjs";
+import { n as p, t as m } from "./_projectId-BDARsteX.mjs";
 import { t as h } from "./helpers-1PpYf-fC.mjs";
-import { t as g } from "./routeInfo-DP3v74Wg.mjs";
-import { t as _ } from "./useSetBreadcrumb-tn7lBaQV.mjs";
-import { n as v, r as y, t as b } from "./useBreadcrumbs-ha3IlaxX.mjs";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { useContext as w, useEffect as T, useMemo as E, useState as D } from "react";
-import { Outlet as O, useLoaderData as k, useMatches as A, useNavigate as j, useParams as M, useRouteContext as N } from "@tanstack/react-router";
-import { Trans as P, useLingui as F } from "@lingui/react";
-import { i18n as I } from "@lingui/core";
+import { t as g } from "./serviceCatalog-B3lKWC9V.mjs";
+import { n as _, t as v } from "./storageProviders-CJ5rOh13.mjs";
+import { t as y } from "./routeInfo-DP3v74Wg.mjs";
+import { t as b } from "./useSetBreadcrumb-tn7lBaQV.mjs";
+import { n as x, r as S, t as C } from "./useBreadcrumbs-ha3IlaxX.mjs";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useContext as D, useEffect as O, useMemo as k, useState as A } from "react";
+import { Outlet as j, useLoaderData as M, useMatches as N, useNavigate as P, useParams as F, useRouteContext as I } from "@tanstack/react-router";
+import { Trans as L, useLingui as R } from "@lingui/react";
+import { i18n as z } from "@lingui/core";
 //#region src/client/routes/_auth/projects/-components/SideNavBar.tsx
-var L = ({ projectId: e, projectName: t, domainName: r, sections: i }) => {
-	let s = j(), c = A(), { provider: d, serviceType: p } = M({ strict: !1 }), { slots: m } = N({ strict: !1 }), h = (e) => m?.serviceBadge ? /*#__PURE__*/ S(f, {
+var B = ({ projectId: e, projectName: t, domainName: r, sections: i }) => {
+	let s = P(), c = N(), { provider: d, serviceType: p } = F({ strict: !1 }), { slots: m } = I({ strict: !1 }), h = (e) => m?.serviceBadge ? /*#__PURE__*/ T(f, {
 		component: m.serviceBadge,
 		useShadowDOM: !1,
 		currentService: e
-	}) : null, _ = [...c].reverse().find((e) => g(e.staticData) && (e.staticData.section !== void 0 || e.staticData.service !== void 0)), v = _ && g(_.staticData) ? _.staticData : void 0, y = v?.section ?? null, b = v?.service ?? p ?? null, [w, E] = D(() => Object.fromEntries(i.map((e) => [e.section, 0])));
-	return T(() => {
-		y && E((e) => ({
+	}) : null, g = [...c].reverse().find((e) => y(e.staticData) && (e.staticData.section !== void 0 || e.staticData.service !== void 0)), _ = g && y(g.staticData) ? g.staticData : void 0, v = _?.section ?? null, b = _?.service ?? p ?? null, [x, S] = A(() => Object.fromEntries(i.map((e) => [e.section, 0])));
+	return O(() => {
+		v && S((e) => ({
 			...e,
-			[y]: (e[y] || 0) + 1
+			[v]: (e[v] || 0) + 1
 		}));
-	}, [y]), /*#__PURE__*/ S(u, {
+	}, [v]), /*#__PURE__*/ T(u, {
 		ariaLabel: "Project Side Navigation",
-		children: /*#__PURE__*/ C(x, { children: [/*#__PURE__*/ S(o, { children: /*#__PURE__*/ C(x, { children: [
-			/*#__PURE__*/ S(n, {
+		children: /*#__PURE__*/ E(w, { children: [/*#__PURE__*/ T(o, { children: /*#__PURE__*/ E(w, { children: [
+			/*#__PURE__*/ T(n, {
 				onClick: () => s({
 					to: "/projects/$projectId",
 					params: { projectId: e }
 				}),
-				label: /*#__PURE__*/ C(x, { children: [r && /*#__PURE__*/ C("p", {
+				label: /*#__PURE__*/ E(w, { children: [r && /*#__PURE__*/ E("p", {
 					className: "text-theme-light text-xs leading-4 font-bold",
 					children: [r, " /"]
-				}), /*#__PURE__*/ S("p", {
+				}), /*#__PURE__*/ T("p", {
 					className: "leading-5 font-normal",
 					children: t
 				})] })
 			}),
-			/*#__PURE__*/ S(a, { spacing: "1" }),
-			i.map(({ section: e, label: t, services: r }) => /*#__PURE__*/ S(l, {
+			/*#__PURE__*/ T(a, { spacing: "1" }),
+			i.map(({ section: e, label: t, services: r }) => /*#__PURE__*/ T(l, {
 				label: t,
 				open: !0,
 				children: r.map((t) => {
-					let r = y === e && (y === "storage" && b === "containers" ? t.params.provider === d : b === t.service);
-					return /*#__PURE__*/ S(n, {
+					let r = v === e && (v === "storage" && b === "containers" ? t.params.provider === d : b === t.service);
+					return /*#__PURE__*/ T(n, {
 						onClick: () => t.navigate(s),
-						label: /*#__PURE__*/ C("span", {
+						label: /*#__PURE__*/ E("span", {
 							className: "flex items-start gap-2",
 							children: [t.label, h(t.service)]
 						}),
 						selected: r
 					}, t.service);
 				})
-			}, `${e}-${w[e]}`))
-		] }) }), m?.sideNavBanner && /*#__PURE__*/ S(f, { component: m.sideNavBanner })] })
+			}, `${e}-${x[e]}`))
+		] }) }), m?.sideNavBanner && /*#__PURE__*/ T(f, { component: m.sideNavBanner })] })
 	});
 };
 //#endregion
 //#region src/client/routes/_auth/projects/-components/buildNavSections.ts
-function R(e, t, n, r) {
+function V(e, t, n, r) {
 	let i = h(t), a = (e) => !n || n.includes(e), o = [...i.image?.glance && a("images") ? [{
 		service: "images",
-		label: I._({ id: "an5hVd" }),
+		label: z._({ id: "an5hVd" }),
 		navigate: (t) => t({
 			to: "/projects/$projectId/compute/images",
 			params: { projectId: e }
@@ -70,7 +72,7 @@ function R(e, t, n, r) {
 		params: { projectId: e }
 	}] : [], ...i?.compute?.nova && a("flavors") ? [{
 		service: "flavors",
-		label: I._({ id: "neiJm0" }),
+		label: z._({ id: "neiJm0" }),
 		navigate: (t) => t({
 			to: "/projects/$projectId/compute/flavors",
 			params: { projectId: e }
@@ -78,7 +80,7 @@ function R(e, t, n, r) {
 		params: { projectId: e }
 	}] : []], s = i.network ? [...a("securitygroups") ? [{
 		service: "securitygroups",
-		label: I._({ id: "4opp4r" }),
+		label: z._({ id: "4opp4r" }),
 		navigate: (t) => t({
 			to: "/projects/$projectId/network/securitygroups",
 			params: { projectId: e }
@@ -86,63 +88,63 @@ function R(e, t, n, r) {
 		params: { projectId: e }
 	}] : [], ...a("floatingips") ? [{
 		service: "floatingips",
-		label: I._({ id: "u77/s4" }),
+		label: z._({ id: "u77/s4" }),
 		navigate: (t) => t({
 			to: "/projects/$projectId/network/floatingips",
 			params: { projectId: e }
 		}),
 		params: { projectId: e }
-	}] : []] : [], c = [...i?.["object-store"]?.swift && a("containers") ? [{
+	}] : []] : [], c = [...g(i, v.SWIFT) && a("containers") ? [{
 		service: "containers",
-		label: I._({ id: "+OEi73" }),
+		label: z._({ id: "+OEi73" }),
 		navigate: (t) => t({
 			to: "/projects/$projectId/storage/$provider/$storageType",
 			params: {
 				projectId: e,
-				provider: "swift",
-				storageType: "containers"
+				provider: v.SWIFT,
+				storageType: _[v.SWIFT]
 			}
 		}),
 		params: {
 			projectId: e,
-			provider: "swift",
-			storageType: "containers"
+			provider: v.SWIFT,
+			storageType: _[v.SWIFT]
 		}
-	}] : [], ...i?.["object-store-ceph"]?.ceph && a("ceph-containers") ? [{
+	}] : [], ...g(i, v.CEPH) && a("ceph-containers") ? [{
 		service: "ceph-containers",
-		label: I._({ id: "KhNDX4" }),
+		label: z._({ id: "KhNDX4" }),
 		navigate: (t) => t({
 			to: "/projects/$projectId/storage/$provider/$storageType",
 			params: {
 				projectId: e,
-				provider: "ceph",
-				storageType: "buckets"
+				provider: v.CEPH,
+				storageType: _[v.CEPH]
 			}
 		}),
 		params: {
 			projectId: e,
-			provider: "ceph",
-			storageType: "buckets"
+			provider: v.CEPH,
+			storageType: _[v.CEPH]
 		}
 	}] : []], l = /* @__PURE__ */ new Map([
 		["compute", {
 			section: "compute",
-			label: I._({ id: "rp0Bd0" }),
+			label: z._({ id: "rp0Bd0" }),
 			services: o
 		}],
 		["network", {
 			section: "network",
-			label: I._({ id: "OR475H" }),
+			label: z._({ id: "OR475H" }),
 			services: s
 		}],
 		["storage", {
 			section: "storage",
-			label: I._({ id: "BrrIs8" }),
+			label: z._({ id: "BrrIs8" }),
 			services: c
 		}],
 		["services", {
 			section: "services",
-			label: I._({ id: "MILoeL" }),
+			label: z._({ id: "MILoeL" }),
 			services: []
 		}]
 	]);
@@ -165,8 +167,8 @@ function R(e, t, n, r) {
 }
 //#endregion
 //#region src/client/components/Breadcrumbs.tsx
-function z() {
-	let e = j(), { projectId: t } = M({ strict: !1 }), { breadcrumbs: n } = w(v), r = b(), a = E(() => n.length === 0 || r.length === 0 ? r : [
+function H() {
+	let e = P(), { projectId: t } = F({ strict: !1 }), { breadcrumbs: n } = D(x), r = C(), a = k(() => n.length === 0 || r.length === 0 ? r : [
 		...r.slice(0, -1),
 		{
 			...r[r.length - 1],
@@ -183,9 +185,9 @@ function z() {
 		t,
 		e
 	]);
-	return /*#__PURE__*/ S(i, {
+	return /*#__PURE__*/ T(i, {
 		className: "relative z-1 mt-8 mb-4",
-		children: a.map((e, t) => /*#__PURE__*/ S(d, {
+		children: a.map((e, t) => /*#__PURE__*/ T(d, {
 			label: e.label,
 			icon: e.icon,
 			onClick: e.onClick,
@@ -195,20 +197,20 @@ function z() {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId.tsx?tsr-split=component
-function B() {
-	let { i18n: n, _: i } = F(), a = k({ from: m.id }), o = m.useNavigate(), { enabledServices: l, serviceExtensions: u } = N({ strict: !1 }), d = a.crumbProject?.name || a.projectId, f = a.crumbDomain?.name ? `${a.crumbDomain.name}/${d}` : d;
-	if (_(m.id, f), a.scopeError) {
+function U() {
+	let { i18n: n, _: i } = R(), a = M({ from: m.id }), o = m.useNavigate(), { enabledServices: l, serviceExtensions: u } = I({ strict: !1 }), d = a.crumbProject?.name || a.projectId, f = a.crumbDomain?.name ? `${a.crumbDomain.name}/${d}` : d;
+	if (b(m.id, f), a.scopeError) {
 		let { code: t, message: r, currentDomain: i } = a.scopeError, l = i?.name;
-		if (t === "UNAUTHORIZED") return /*#__PURE__*/ S(e, {
+		if (t === "UNAUTHORIZED") return /*#__PURE__*/ T(e, {
 			className: "py-8",
-			children: /*#__PURE__*/ S(c, {
+			children: /*#__PURE__*/ T(c, {
 				status: "error",
-				title: n._({ id: "M5rEN5" }),
-				body: n._({ id: "gPKlad" }),
-				action: /*#__PURE__*/ S(s, {
+				title: n._({ id: "odyhRS" }),
+				body: n._({ id: "EpLAGw" }),
+				action: /*#__PURE__*/ T(s, {
 					variant: "primary",
 					onClick: () => o({ to: "/" }),
-					children: /*#__PURE__*/ S(P, { id: "ADVQ46" })
+					children: /*#__PURE__*/ T(L, { id: "5lWFkC" })
 				})
 			})
 		});
@@ -217,65 +219,65 @@ function B() {
 				id: "+A0ERd",
 				values: { domainName: l }
 			}) : n._({ id: "5rPh4Y" });
-			return /*#__PURE__*/ S(e, {
+			return /*#__PURE__*/ T(e, {
 				className: "py-8",
-				children: /*#__PURE__*/ S(c, {
+				children: /*#__PURE__*/ T(c, {
 					status: "error",
 					code: 404,
 					title: n._({ id: "SK7RzY" }),
 					body: t,
-					action: /*#__PURE__*/ S(s, {
+					action: /*#__PURE__*/ T(s, {
 						variant: "primary",
 						onClick: () => o({ to: "/projects" }),
-						children: /*#__PURE__*/ S(P, { id: "aKznJS" })
+						children: /*#__PURE__*/ T(L, { id: "aKznJS" })
 					})
 				})
 			});
 		}
-		return t === "FORBIDDEN" ? /*#__PURE__*/ S(e, {
+		return t === "FORBIDDEN" ? /*#__PURE__*/ T(e, {
 			className: "py-8",
-			children: /*#__PURE__*/ S(c, {
+			children: /*#__PURE__*/ T(c, {
 				status: "error",
 				code: 403,
 				title: n._({ id: "VTfZPy" }),
 				body: n._({ id: "hXKwm5" }),
-				action: /*#__PURE__*/ S(s, {
+				action: /*#__PURE__*/ T(s, {
 					variant: "primary",
 					onClick: () => o({ to: "/projects" }),
-					children: /*#__PURE__*/ S(P, { id: "aKznJS" })
+					children: /*#__PURE__*/ T(L, { id: "aKznJS" })
 				})
 			})
-		}) : /*#__PURE__*/ S(p, { error: Error(r) });
+		}) : /*#__PURE__*/ T(p, { error: Error(r) });
 	}
-	let { availableServices: h, projectId: g, crumbProject: v, crumbDomain: b } = a, x = E(() => R(g, h, l, u), [
+	let { availableServices: h, projectId: g, crumbProject: _, crumbDomain: v } = a, y = k(() => V(g, h, l, u), [
 		g,
 		h,
 		l,
 		u
 	]);
-	return /*#__PURE__*/ S(t, {
+	return /*#__PURE__*/ T(t, {
 		embedded: !0,
-		sideNavigation: /*#__PURE__*/ S(L, {
-			sections: x,
+		sideNavigation: /*#__PURE__*/ T(B, {
+			sections: y,
 			projectId: g,
-			projectName: v?.name || g,
-			domainName: b?.name
+			projectName: _?.name || g,
+			domainName: v?.name
 		}),
 		className: "h-min-screen",
-		children: /*#__PURE__*/ S(e, { children: /*#__PURE__*/ S(r, {
+		children: /*#__PURE__*/ T(e, { children: /*#__PURE__*/ T(r, {
 			direction: "vertical",
 			distribution: "start",
 			alignment: "stretch",
 			className: "xl:flex-row",
 			gap: "6",
-			children: /*#__PURE__*/ S("div", {
+			children: /*#__PURE__*/ T("div", {
 				className: "min-w-0 flex-1",
-				children: /*#__PURE__*/ C(y, { children: [/*#__PURE__*/ S(z, {}), /*#__PURE__*/ S(O, {})] })
+				children: /*#__PURE__*/ E(S, { children: [/*#__PURE__*/ T(H, {}), /*#__PURE__*/ T(j, {})] })
 			})
 		}) })
 	});
 }
 //#endregion
-export { B as component };
+export { U as component };
 
-//# sourceMappingURL=_projectId-B3wmSala.mjs.map
+//# sourceMappingURL=_projectId-ZBk6vka0.mjs.map