npm - @cobaltcore-dev/aurora - Versions diffs - 2.0.0 → 2.1.1 - Mend

@cobaltcore-dev/aurora 2.0.0 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (128) hide show

package/dist/client/_imageId-D-jqz3e3.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"_imageId-D-jqz3e3.mjs","names":["createFileRoute","redirect","z","getServiceIndex","GlanceImage","MemberStatus","Route","staticData","section","service","analytics","name","RouteInfo","validateSearch","object","tab","enum","optional","loader","context","params","image","trpcClient","compute","getImageById","query","project_id","projectId","imageId","imageTitle","id","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex","to","errorComponent","$$splitErrorComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/images/$imageId.tsx"],"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 } 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 { trpcClient, 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 { ManageImageAccessModal } from \"./-components/ManageImageAccessModal\"\nimport { 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 { useImageActions } from \"./-hooks/useImageActions\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { convertToJsonPatchOperations } from \"./-utils/imageHelpers\"\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\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 const [manageAccessModalOpen, setManageAccessModalOpen] = useState(false)\n\n const updateImageMutation = trpcReact.compute.updateImage.useMutation({\n onSuccess: (updatedImage) => {\n utils.compute.getImageById.setData({ project_id: projectId, imageId }, (prev) =>\n prev ? { ...prev, ...updatedImage } : updatedImage\n )\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 // Glance's PATCH response can omit fields such as `owner`. Merge into the\n // existing cached image so owner-gated UI (Edit Details, Manage Access)\n // isn't lost when only visibility changes.\n utils.compute.getImageById.setData({ project_id: projectId, imageId }, (prev) =>\n prev ? { ...prev, ...updatedImage } : updatedImage\n )\n },\n })\n\n // \"Shared with me\" = image is shared AND this project is a member. Owner\n // equality (image.owner === projectId) is unreliable, so derive from members.\n const isShared = image?.visibility === IMAGE_VISIBILITY.SHARED\n\n const { data: myMemberData } = trpcReact.compute.getImageMember.useQuery(\n { project_id: projectId, imageId: imageId, memberId: projectId },\n { enabled: isShared && !!imageId && !!projectId, retry: false }\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 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 // Use centralized actions hook\n const actions = useImageActions({\n image,\n projectId,\n permissions,\n myMemberData,\n })\n\n const hasMoreActions =\n actions.canEditMetadata ||\n actions.canSetToShared ||\n actions.canActivate ||\n actions.canDeactivate ||\n actions.canDelete ||\n actions.canManageAccess\n\n const headerActions = (hasMoreActions || actions.canEditDetails) && (\n <Stack gap=\"0.5\" alignment=\"center\">\n {hasMoreActions && (\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 {actions.canEditMetadata && (\n <PopupMenuItem\n onClick={() => setEditMetadataModalOpen(true)}\n label={t`Edit Metadata`}\n disabled={isLoading}\n />\n )}\n {(actions.canManageAccess || actions.canSetToShared || actions.canActivate || actions.canDeactivate) && (\n <PopupMenuSectionSeparator />\n )}\n {actions.canManageAccess && (\n <PopupMenuItem\n onClick={() => setManageAccessModalOpen(true)}\n label={t`Manage Access`}\n disabled={isLoading}\n />\n )}\n {actions.canSetToShared && (\n <PopupMenuItem label={t`Set to \"Shared\"`} onClick={() => handleUpdateVisibility(\"shared\")} />\n )}\n {actions.canActivate && (\n <PopupMenuItem label={t`Activate Image`} onClick={() => setActivateModalOpen(true)} />\n )}\n {actions.canDeactivate && (\n <PopupMenuItem label={t`Deactivate Image`} onClick={() => setDeactivateModalOpen(true)} />\n )}\n {actions.canDelete && (\n <>\n <PopupMenuSectionSeparator />\n <PopupMenuItem label={t`Delete Image`} onClick={() => setDeleteModalOpen(true)} />\n </>\n )}\n </PopupMenuOptions>\n </PopupMenu>\n )}\n\n {actions.canEditDetails && (\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 isSharedWithMe={actions.isSharedWithMe}\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 && trpcClient && projectId && image && (\n <EditImageMetadataModal\n key=\"edit-metadata-modal\"\n client={trpcClient}\n image={image}\n isOpen={editMetadataModalOpen}\n onClose={() => {\n setEditMetadataModalOpen(false)\n // Invalidate queries only when modal closes to refresh with server data\n utils.compute.getImageById.invalidate({ project_id: projectId, imageId })\n utils.compute.listImagesWithPagination.invalidate()\n }}\n projectId={projectId}\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 {manageAccessModalOpen && (\n <ManageImageAccessModal\n image={image}\n isOpen={manageAccessModalOpen}\n onClose={() => setManageAccessModalOpen(false)}\n permissions={{\n canCreateMember: permissions.canCreateMember,\n canDeleteMember: permissions.canDeleteMember,\n }}\n />\n )}\n </>\n )\n}\n"],"mappings":";;;AAiEA,IAAaM,IAAQN,EAAgB,oDAAA,CAAA,CAAsD;CACzFO,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,wBACR;CACF;CACAE,gBAAgBX,EAAEY,OAAO,EACvBC,KAAKb,EAAEc,KAAK,CAAC,WAAW,SAAU,CAAA,CAAA,CAAEC,SAAQ,EAC9C,CAAA;CACAC,QAAQ,OAAO,EAAEC,YAASC,gBAAQ;EAChC,IAAI;GACF,IAAMC,IAAQ,MAAMF,EAAQG,YAAYC,QAAQC,aAAaC,MAAM;IACjEC,YAAYN,EAAOO;IACnBC,SAASR,EAAOQ;GAClB,CAAA;GACA,OAAO,EAAEC,YAAaR,GAAOV,QAA+BU,GAAOS,MAAM,KAAK;EAChF,QAAQ;GACN,OAAO,EAAED,YAAY,KAAK;EAC5B;CACF;CACAE,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYH,cAAc,gBAAgB,CAAC,EAC7D;CACAM,WAASC,2CAAA,WAAA;CACTE,YAAY,OAAO,EAAEnB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GACjB,EAAEQ,iBAAcP,GAEhBmB,IAAoB,MAAOjB,GAAYkB,KAAKC,qBAAqBhB,MAAAA,KAAY,CAAA,GAE7EiB,IAAevC,EAAgBoC,CAAAA;EAGrC,IAAI,CAACG,EAAa,SAAY,CAACA,EAAa,SAC1C,MAAMzC,EAAS;GACb0C,IAAI;GACJvB,QAAQ,EAAEO,aAAU;EACtB,CAAA;EAGF,IAAI,CAACe,EAAa,MAAS,QAEzB,MAAMzC,EAAS;GACb0C,IAAI;GACJvB,QAAQ,EAAEO,WAAWP,EAAOO,UAAU;EACxC,CAAA;CAEJ;CACAiB,gBAAcR,2CAAA,gBAAA;AAChB,CAAA"}

package/dist/client/{_imageId-mpXUMCh_.mjs → _imageId-gMdrdnVt.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { i as e } from "./build-WuxXRAqf.mjs";
-import { t } from "./_imageId-pBSS0YcC.mjs";
-import { t as n } from "./RouteIdLevelDefaultError-CSseJ1yG.mjs";
+import { t } from "./_imageId-D-jqz3e3.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";
@@ -19,4 +19,4 @@ function o() {
 //#endregion
 export { o as errorComponent };
-//# sourceMappingURL=_imageId-mpXUMCh_.mjs.map
+//# sourceMappingURL=_imageId-gMdrdnVt.mjs.map

package/dist/client/_imageId-gMdrdnVt.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"_imageId-gMdrdnVt.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 } 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 { trpcClient, 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 { ManageImageAccessModal } from \"./-components/ManageImageAccessModal\"\nimport { 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 { useImageActions } from \"./-hooks/useImageActions\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { convertToJsonPatchOperations } from \"./-utils/imageHelpers\"\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\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 const [manageAccessModalOpen, setManageAccessModalOpen] = useState(false)\n\n const updateImageMutation = trpcReact.compute.updateImage.useMutation({\n onSuccess: (updatedImage) => {\n utils.compute.getImageById.setData({ project_id: projectId, imageId }, (prev) =>\n prev ? { ...prev, ...updatedImage } : updatedImage\n )\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 // Glance's PATCH response can omit fields such as `owner`. Merge into the\n // existing cached image so owner-gated UI (Edit Details, Manage Access)\n // isn't lost when only visibility changes.\n utils.compute.getImageById.setData({ project_id: projectId, imageId }, (prev) =>\n prev ? { ...prev, ...updatedImage } : updatedImage\n )\n },\n })\n\n // \"Shared with me\" = image is shared AND this project is a member. Owner\n // equality (image.owner === projectId) is unreliable, so derive from members.\n const isShared = image?.visibility === IMAGE_VISIBILITY.SHARED\n\n const { data: myMemberData } = trpcReact.compute.getImageMember.useQuery(\n { project_id: projectId, imageId: imageId, memberId: projectId },\n { enabled: isShared && !!imageId && !!projectId, retry: false }\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 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 // Use centralized actions hook\n const actions = useImageActions({\n image,\n projectId,\n permissions,\n myMemberData,\n })\n\n const hasMoreActions =\n actions.canEditMetadata ||\n actions.canSetToShared ||\n actions.canActivate ||\n actions.canDeactivate ||\n actions.canDelete ||\n actions.canManageAccess\n\n const headerActions = (hasMoreActions || actions.canEditDetails) && (\n <Stack gap=\"0.5\" alignment=\"center\">\n {hasMoreActions && (\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 {actions.canEditMetadata && (\n <PopupMenuItem\n onClick={() => setEditMetadataModalOpen(true)}\n label={t`Edit Metadata`}\n disabled={isLoading}\n />\n )}\n {(actions.canManageAccess || actions.canSetToShared || actions.canActivate || actions.canDeactivate) && (\n <PopupMenuSectionSeparator />\n )}\n {actions.canManageAccess && (\n <PopupMenuItem\n onClick={() => setManageAccessModalOpen(true)}\n label={t`Manage Access`}\n disabled={isLoading}\n />\n )}\n {actions.canSetToShared && (\n <PopupMenuItem label={t`Set to \"Shared\"`} onClick={() => handleUpdateVisibility(\"shared\")} />\n )}\n {actions.canActivate && (\n <PopupMenuItem label={t`Activate Image`} onClick={() => setActivateModalOpen(true)} />\n )}\n {actions.canDeactivate && (\n <PopupMenuItem label={t`Deactivate Image`} onClick={() => setDeactivateModalOpen(true)} />\n )}\n {actions.canDelete && (\n <>\n <PopupMenuSectionSeparator />\n <PopupMenuItem label={t`Delete Image`} onClick={() => setDeleteModalOpen(true)} />\n </>\n )}\n </PopupMenuOptions>\n </PopupMenu>\n )}\n\n {actions.canEditDetails && (\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 isSharedWithMe={actions.isSharedWithMe}\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 && trpcClient && projectId && image && (\n <EditImageMetadataModal\n key=\"edit-metadata-modal\"\n client={trpcClient}\n image={image}\n isOpen={editMetadataModalOpen}\n onClose={() => {\n setEditMetadataModalOpen(false)\n // Invalidate queries only when modal closes to refresh with server data\n utils.compute.getImageById.invalidate({ project_id: projectId, imageId })\n utils.compute.listImagesWithPagination.invalidate()\n }}\n projectId={projectId}\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 {manageAccessModalOpen && (\n <ManageImageAccessModal\n image={image}\n isOpen={manageAccessModalOpen}\n onClose={() => setManageAccessModalOpen(false)}\n permissions={{\n canCreateMember: permissions.canCreateMember,\n canDeleteMember: permissions.canDeleteMember,\n }}\n />\n )}\n </>\n )\n}\n"],"mappings":";;;;;;;AA8CA,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-BnTBxKfp.mjs → _projectId-BYccdAtX.mjs} RENAMED Viewed

@@ -18,8 +18,8 @@ function l({ error: r, title: i, helpText: o, safeErrorMessage: l }) {
 	});
 }
 var u = r("/_auth/projects/$projectId")({
-	component: i(() => import("./_projectId-AjgJX6Gl.mjs"), "component"),
-	errorComponent: i(() => import("./_projectId-CVrdJ52s.mjs"), "errorComponent"),
+	component: i(() => import("./_projectId-CBjZC1tv.mjs"), "component"),
+	errorComponent: i(() => import("./_projectId-CLEa1zgw.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-BnTBxKfp.mjs.map
+//# sourceMappingURL=_projectId-BYccdAtX.mjs.map

package/dist/client/{_projectId-BnTBxKfp.mjs.map → _projectId-BYccdAtX.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"_projectId-BnTBxKfp.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 Expired`}\n body={t`Your session has expired. Please log in again. This may have occurred because you logged out or switched domains in another browser tab.`}\n action={\n <Button variant=\"primary\" onClick={() => navigate({ to: \"/\" })}>\n <Trans>Log 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"}
1	+ {"version":3,"file":"_projectId-BYccdAtX.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. 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}. Select a project from your current domain.`\n : t`This project doesn't exist or is not accessible from your current domain. 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-AjgJX6Gl.mjs → _projectId-CBjZC1tv.mjs} RENAMED Viewed

@@ -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-BnTBxKfp.mjs";
+import { n as p, t as m } from "./_projectId-BYccdAtX.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,87 +197,87 @@ 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: "k0nPeO" }),
+				action: /*#__PURE__*/ T(s, {
 					variant: "primary",
 					onClick: () => o({ to: "/" }),
-					children: /*#__PURE__*/ S(P, { id: "ADVQ46" })
+					children: /*#__PURE__*/ T(L, { id: "5lWFkC" })
 				})
 			})
 		});
 		if (t === "NOT_FOUND") {
 			let t = l ? n._({
-				id: "+A0ERd",
+				id: "J+g1vG",
 				values: { domainName: l }
-			}) : n._({ id: "5rPh4Y" });
-			return /*#__PURE__*/ S(e, {
+			}) : n._({ id: "O7FpJD" });
+			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-AjgJX6Gl.mjs.map
+//# sourceMappingURL=_projectId-CBjZC1tv.mjs.map