@cobaltcore-dev/aurora 2.1.1 → 2.2.0

package/dist/client/_imageId-D-jqz3e3.mjs

@@ -1,40 +0,0 @@
-import { t as e } from "./helpers-1PpYf-fC.mjs";
-import { createFileRoute as t, lazyRouteComponent as n, redirect as r } from "@tanstack/react-router";
-import { z as i } from "zod";
-var a = t("/_auth/projects/$projectId/compute/images/$imageId")({
-	staticData: {
-		section: "compute",
-		service: "images",
-		analytics: { name: "compute.images.detail" }
-	},
-	validateSearch: i.object({ tab: i.enum(["details", "sharing"]).optional() }),
-	loader: async ({ context: e, params: t }) => {
-		try {
-			let n = await e.trpcClient?.compute.getImageById.query({
-				project_id: t.projectId,
-				imageId: t.imageId
-			});
-			return { imageTitle: n?.name ?? n?.id ?? null };
-		} catch {
-			return { imageTitle: null };
-		}
-	},
-	head: ({ loaderData: e }) => ({ meta: [{ title: e?.imageTitle ?? "Image Details" }] }),
-	component: n(() => import("./_imageId-BAezmV0Y.mjs"), "component"),
-	beforeLoad: async ({ context: t, params: n }) => {
-		let { trpcClient: i } = t, { projectId: a } = n, o = await i?.auth.getAvailableServices.query() || [], s = e(o);
-		if (!s.image && !s.compute) throw r({
-			to: "/projects/$projectId",
-			params: { projectId: a }
-		});
-		if (!s.image.glance) throw r({
-			to: "/projects/$projectId",
-			params: { projectId: n.projectId }
-		});
-	},
-	errorComponent: n(() => import("./_imageId-gMdrdnVt.mjs"), "errorComponent")
-});
-//#endregion
-export { a as t };
-
-//# sourceMappingURL=_imageId-D-jqz3e3.mjs.map

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

@@ -1 +0,0 @@
-{"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-gMdrdnVt.mjs

@@ -1,22 +0,0 @@
-import { i as e } from "./build-WuxXRAqf.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";
-//#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-gMdrdnVt.mjs.map

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

@@ -1 +0,0 @@
-{"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-BYccdAtX.mjs

@@ -1,77 +0,0 @@
-import { i as e, rt as t } from "./build-WuxXRAqf.mjs";
-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/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, {
-		status: "error",
-		title: i || p,
-		body: g + " " + _,
-		action: /*#__PURE__*/ n(e, {
-			variant: "primary",
-			onClick: () => f({ to: "/" }),
-			children: /*#__PURE__*/ n(s, { id: "UmuIdg" })
-		})
-	});
-}
-var u = r("/_auth/projects/$projectId")({
-	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 {
-			r = await t.trpcClient?.auth.setCurrentScope.mutate({
-				type: "project",
-				projectId: n.projectId || ""
-			});
-		} catch (e) {
-			if (e instanceof o) {
-				let n;
-				try {
-					let e = await t.trpcClient?.auth.getCurrentScope.query();
-					e?.domain?.id && e?.domain?.name && (n = {
-						id: e.domain.id,
-						name: e.domain.name
-					});
-				} catch {}
-				i = {
-					type: "scope_error",
-					code: e.data?.code || "UNKNOWN",
-					message: e.message,
-					currentDomain: n
-				};
-			} else throw e;
-		}
-		if (i) return {
-			scopeError: i,
-			projectId: n.projectId,
-			trpcClient: t.trpcClient,
-			crumbDomain: void 0,
-			crumbProject: void 0,
-			availableServices: void 0,
-			accountId: "",
-			description: null
-		};
-		let [a, s] = await Promise.all([t.trpcClient?.auth.getAvailableServices.query(), t.trpcClient?.project.getProject.query({ projectId: n.projectId }).catch(() => null)]), c = r?.domain?.id || "", l = s?.description ?? null;
-		return {
-			scopeError: void 0,
-			trpcClient: t.trpcClient,
-			crumbDomain: {
-				path: "/projects",
-				name: r?.domain?.name
-			},
-			crumbProject: r?.project,
-			availableServices: a,
-			accountId: c,
-			projectId: n.projectId,
-			description: l
-		};
-	}
-});
-//#endregion
-export { l as n, u as t };
-
-//# sourceMappingURL=_projectId-BYccdAtX.mjs.map

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

@@ -1 +0,0 @@
-{"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-CBjZC1tv.mjs

@@ -1,283 +0,0 @@
-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-BYccdAtX.mjs";
-import { t as h } from "./helpers-1PpYf-fC.mjs";
-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 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, 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,
-			[v]: (e[v] || 0) + 1
-		}));
-	}, [v]), /*#__PURE__*/ T(u, {
-		ariaLabel: "Project Side Navigation",
-		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__*/ E(w, { children: [r && /*#__PURE__*/ E("p", {
-					className: "text-theme-light text-xs leading-4 font-bold",
-					children: [r, " /"]
-				}), /*#__PURE__*/ T("p", {
-					className: "leading-5 font-normal",
-					children: t
-				})] })
-			}),
-			/*#__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 = v === e && (v === "storage" && b === "containers" ? t.params.provider === d : b === t.service);
-					return /*#__PURE__*/ T(n, {
-						onClick: () => t.navigate(s),
-						label: /*#__PURE__*/ E("span", {
-							className: "flex items-start gap-2",
-							children: [t.label, h(t.service)]
-						}),
-						selected: r
-					}, t.service);
-				})
-			}, `${e}-${x[e]}`))
-		] }) }), m?.sideNavBanner && /*#__PURE__*/ T(f, { component: m.sideNavBanner })] })
-	});
-};
-//#endregion
-//#region src/client/routes/_auth/projects/-components/buildNavSections.ts
-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: z._({ id: "an5hVd" }),
-		navigate: (t) => t({
-			to: "/projects/$projectId/compute/images",
-			params: { projectId: e }
-		}),
-		params: { projectId: e }
-	}] : [], ...i?.compute?.nova && a("flavors") ? [{
-		service: "flavors",
-		label: z._({ id: "neiJm0" }),
-		navigate: (t) => t({
-			to: "/projects/$projectId/compute/flavors",
-			params: { projectId: e }
-		}),
-		params: { projectId: e }
-	}] : []], s = i.network ? [...a("securitygroups") ? [{
-		service: "securitygroups",
-		label: z._({ id: "4opp4r" }),
-		navigate: (t) => t({
-			to: "/projects/$projectId/network/securitygroups",
-			params: { projectId: e }
-		}),
-		params: { projectId: e }
-	}] : [], ...a("floatingips") ? [{
-		service: "floatingips",
-		label: z._({ id: "u77/s4" }),
-		navigate: (t) => t({
-			to: "/projects/$projectId/network/floatingips",
-			params: { projectId: e }
-		}),
-		params: { projectId: e }
-	}] : []] : [], c = [...g(i, v.SWIFT) && a("containers") ? [{
-		service: "containers",
-		label: z._({ id: "+OEi73" }),
-		navigate: (t) => t({
-			to: "/projects/$projectId/storage/$provider/$storageType",
-			params: {
-				projectId: e,
-				provider: v.SWIFT,
-				storageType: _[v.SWIFT]
-			}
-		}),
-		params: {
-			projectId: e,
-			provider: v.SWIFT,
-			storageType: _[v.SWIFT]
-		}
-	}] : [], ...g(i, v.CEPH) && a("ceph-containers") ? [{
-		service: "ceph-containers",
-		label: z._({ id: "KhNDX4" }),
-		navigate: (t) => t({
-			to: "/projects/$projectId/storage/$provider/$storageType",
-			params: {
-				projectId: e,
-				provider: v.CEPH,
-				storageType: _[v.CEPH]
-			}
-		}),
-		params: {
-			projectId: e,
-			provider: v.CEPH,
-			storageType: _[v.CEPH]
-		}
-	}] : []], l = /* @__PURE__ */ new Map([
-		["compute", {
-			section: "compute",
-			label: z._({ id: "rp0Bd0" }),
-			services: o
-		}],
-		["network", {
-			section: "network",
-			label: z._({ id: "OR475H" }),
-			services: s
-		}],
-		["storage", {
-			section: "storage",
-			label: z._({ id: "BrrIs8" }),
-			services: c
-		}],
-		["services", {
-			section: "services",
-			label: z._({ id: "MILoeL" }),
-			services: []
-		}]
-	]);
-	for (let t of r ?? []) i[t.serviceType]?.[t.serviceName] && (n && !n.includes(t.serviceType) || l.get("services")?.services.push({
-		service: t.serviceType,
-		label: t.label,
-		navigate: (n) => n({
-			to: "/projects/$projectId/services/$serviceType",
-			params: {
-				projectId: e,
-				serviceType: t.serviceType
-			}
-		}),
-		params: {
-			projectId: e,
-			serviceType: t.serviceType
-		}
-	}));
-	return [...l.values()].filter((e) => e.services.length > 0);
-}
-//#endregion
-//#region src/client/components/Breadcrumbs.tsx
-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],
-			active: !1,
-			onClick: t ? () => e({
-				to: "/projects/$projectId",
-				params: { projectId: t }
-			}) : void 0
-		},
-		...n
-	], [
-		r,
-		n,
-		t,
-		e
-	]);
-	return /*#__PURE__*/ T(i, {
-		className: "relative z-1 mt-8 mb-4",
-		children: a.map((e, t) => /*#__PURE__*/ T(d, {
-			label: e.label,
-			icon: e.icon,
-			onClick: e.onClick,
-			active: e.active
-		}, t))
-	});
-}
-//#endregion
-//#region src/client/routes/_auth/projects/$projectId.tsx?tsr-split=component
-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__*/ T(e, {
-			className: "py-8",
-			children: /*#__PURE__*/ T(c, {
-				status: "error",
-				title: n._({ id: "odyhRS" }),
-				body: n._({ id: "k0nPeO" }),
-				action: /*#__PURE__*/ T(s, {
-					variant: "primary",
-					onClick: () => o({ to: "/" }),
-					children: /*#__PURE__*/ T(L, { id: "5lWFkC" })
-				})
-			})
-		});
-		if (t === "NOT_FOUND") {
-			let t = l ? n._({
-				id: "J+g1vG",
-				values: { domainName: l }
-			}) : n._({ id: "O7FpJD" });
-			return /*#__PURE__*/ T(e, {
-				className: "py-8",
-				children: /*#__PURE__*/ T(c, {
-					status: "error",
-					code: 404,
-					title: n._({ id: "SK7RzY" }),
-					body: t,
-					action: /*#__PURE__*/ T(s, {
-						variant: "primary",
-						onClick: () => o({ to: "/projects" }),
-						children: /*#__PURE__*/ T(L, { id: "aKznJS" })
-					})
-				})
-			});
-		}
-		return t === "FORBIDDEN" ? /*#__PURE__*/ T(e, {
-			className: "py-8",
-			children: /*#__PURE__*/ T(c, {
-				status: "error",
-				code: 403,
-				title: n._({ id: "VTfZPy" }),
-				body: n._({ id: "hXKwm5" }),
-				action: /*#__PURE__*/ T(s, {
-					variant: "primary",
-					onClick: () => o({ to: "/projects" }),
-					children: /*#__PURE__*/ T(L, { id: "aKznJS" })
-				})
-			})
-		}) : /*#__PURE__*/ T(p, { error: Error(r) });
-	}
-	let { availableServices: h, projectId: g, crumbProject: _, crumbDomain: v } = a, y = k(() => V(g, h, l, u), [
-		g,
-		h,
-		l,
-		u
-	]);
-	return /*#__PURE__*/ T(t, {
-		embedded: !0,
-		sideNavigation: /*#__PURE__*/ T(B, {
-			sections: y,
-			projectId: g,
-			projectName: _?.name || g,
-			domainName: v?.name
-		}),
-		className: "h-min-screen",
-		children: /*#__PURE__*/ T(e, { children: /*#__PURE__*/ T(r, {
-			direction: "vertical",
-			distribution: "start",
-			alignment: "stretch",
-			className: "xl:flex-row",
-			gap: "6",
-			children: /*#__PURE__*/ T("div", {
-				className: "min-w-0 flex-1",
-				children: /*#__PURE__*/ E(S, { children: [/*#__PURE__*/ T(H, {}), /*#__PURE__*/ T(j, {})] })
-			})
-		}) })
-	});
-}
-//#endregion
-export { U as component };
-
-//# sourceMappingURL=_projectId-CBjZC1tv.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"_projectId-CBjZC1tv.mjs","names":["useNavigate","useMatches","useParams","useRouteContext","useState","useEffect","SideNavigation","SideNavigationList","SideNavigationGroup","SideNavigationItem","Divider","isRouteInfo","Slot","SideNavBar","projectId","projectName","domainName","sections","navigate","matches","provider","serviceType","strict","slots","navBadge","service","serviceBadge","component","useShadowDOM","currentService","activeMatch","reverse","find","m","staticData","section","undefined","activeRouteInfo","activeSection","activeService","forceOpenCounter","setForceOpenCounter","Object","fromEntries","map","s","prev","ariaLabel","onClick","to","params","label","p","className","spacing","services","open","item","isStorageContainers","isSelected","span","selected","sideNavBanner","getServiceIndex","hasServiceByName","STORAGE_PROVIDER","STORAGE_TYPE_BY_PROVIDER","buildNavSections","projectId","availableServices","enabledServices","serviceExtensions","serviceIndex","isEnabled","service","includes","computeServices","label","t","navigate","nav","to","params","networkServices","storageServices","SWIFT","provider","storageType","CEPH","sectionMap","Map","section","services","extension","serviceType","serviceName","get","push","values","filter","s","length","Breadcrumb","BreadcrumbItem","JunoBreadcrumbItem","useNavigate","useParams","useContext","useMemo","BreadcrumbExtensionContext","useBreadcrumbs","Breadcrumbs","navigate","projectId","strict","breadcrumbs","extensionCrumbs","allBreadcrumbs","length","slice","active","onClick","to","params","undefined","className","map","item","index","label","icon","Outlet","useLoaderData","useRouteContext","AppShell","Button","Container","Stack","Status","SideNavBar","buildNavSections","Breadcrumbs","RouteError","useMemo","useLingui","Trans","BreadcrumbExtensionProvider","useSetBreadcrumb","ScopeError","type","code","message","currentDomain","id","name","Route","RouteComponent","t","loaderData","from","navigate","useNavigate","enabledServices","serviceExtensions","strict","projectName","crumbProject","projectId","projectLabel","crumbDomain","scopeError","domainName","to","bodyText","Error","availableServices","sections","component"],"sources":["../../src/client/routes/_auth/projects/-components/SideNavBar.tsx","../../src/client/routes/_auth/projects/-components/buildNavSections.ts","../../src/client/components/Breadcrumbs.tsx","../../src/client/routes/_auth/projects/$projectId.tsx?tsr-split=component"],"sourcesContent":["import { useNavigate, useMatches, useParams, useRouteContext } from \"@tanstack/react-router\"\nimport { useState, useEffect } from \"react\"\nimport {\n  SideNavigation,\n  SideNavigationList,\n  SideNavigationGroup,\n  SideNavigationItem,\n  Divider,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { isRouteInfo } from \"@/client/routes/routeInfo\"\nimport { Slot } from \"@/client/components/Slot\"\nimport type { NavSection } from \"./buildNavSections\"\n\ninterface SideNavBarProps {\n  projectId: string\n  projectName: string\n  domainName?: string\n  sections: NavSection[]\n}\n\nexport const SideNavBar = ({ projectId, projectName, domainName, sections }: SideNavBarProps) => {\n  const navigate = useNavigate()\n  const matches = useMatches()\n  const { provider, serviceType } = useParams({ strict: false }) as { provider?: string; serviceType?: string }\n  const { slots } = useRouteContext({ strict: false })\n\n  const navBadge = (service: string) => {\n    if (!slots?.serviceBadge) return null\n    return <Slot component={slots.serviceBadge} useShadowDOM={false} currentService={service} />\n  }\n\n  // Read active section/service from the deepest match that has meaningful RouteInfo staticData.\n  // isRouteInfo uses an all-optional schema, so an empty {} also passes — require at least section\n  // or service to be set so that stub routes (index/splat) don't shadow their layout parent.\n  const activeMatch = [...matches]\n    .reverse()\n    .find(\n      (m) => isRouteInfo(m.staticData) && (m.staticData.section !== undefined || m.staticData.service !== undefined)\n    )\n  const activeRouteInfo = activeMatch && isRouteInfo(activeMatch.staticData) ? activeMatch.staticData : undefined\n  const activeSection = activeRouteInfo?.section ?? null\n  // Extension mount routes carry only staticData.section (no static `service`), so fall back to\n  // the $serviceType URL param to identify the active service and highlight its nav item.\n  const activeService = activeRouteInfo?.service ?? serviceType ?? null\n\n  // Track which sections should be forced open by incrementing a counter\n  // This forces a remount of SideNavigationGroup since it doesn't expose onToggle\n  const [forceOpenCounter, setForceOpenCounter] = useState<Record<string, number>>(() =>\n    Object.fromEntries(sections.map((s) => [s.section, 0]))\n  )\n\n  // When navigating to a section, force it to expand by remounting\n  useEffect(() => {\n    if (activeSection) {\n      setForceOpenCounter((prev) => ({ ...prev, [activeSection]: (prev[activeSection] || 0) + 1 }))\n    }\n  }, [activeSection])\n\n  return (\n    <SideNavigation ariaLabel=\"Project Side Navigation\">\n      <>\n        <SideNavigationList>\n          <>\n            <SideNavigationItem\n              onClick={() => navigate({ to: \"/projects/$projectId\", params: { projectId } })}\n              label={\n                <>\n                  {domainName && <p className=\"text-theme-light text-xs leading-4 font-bold\">{domainName} /</p>}\n                  <p className=\"leading-5 font-normal\">{projectName}</p>\n                </>\n              }\n            />\n            <Divider spacing=\"1\" />\n            {sections.map(({ section, label, services }) => (\n              <SideNavigationGroup key={`${section}-${forceOpenCounter[section]}`} label={label} open={true}>\n                {services.map((item) => {\n                  const isStorageContainers = activeSection === \"storage\" && activeService === \"containers\"\n                  const isSelected =\n                    activeSection === section &&\n                    (isStorageContainers ? item.params.provider === provider : activeService === item.service)\n\n                  return (\n                    <SideNavigationItem\n                      key={item.service}\n                      onClick={() => item.navigate(navigate)}\n                      label={\n                        <span className=\"flex items-start gap-2\">\n                          {item.label}\n                          {navBadge(item.service)}\n                        </span>\n                      }\n                      selected={isSelected}\n                    />\n                  )\n                })}\n              </SideNavigationGroup>\n            ))}\n          </>\n        </SideNavigationList>\n        {slots?.sideNavBanner && <Slot component={slots.sideNavBanner} />}\n      </>\n    </SideNavigation>\n  )\n}\n","import { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { t } from \"@lingui/core/macro\"\nimport type { NavigateFn } from \"@tanstack/react-router\"\nimport type { ServiceExtension } from \"@/client/AuroraApp\"\nimport { hasServiceByName } from \"@/client/utils/serviceCatalog\"\nimport { STORAGE_PROVIDER, STORAGE_TYPE_BY_PROVIDER } from \"@/client/utils/storageProviders\"\n\nexport type NavItem = {\n  service: string\n  label: string\n  navigate: (navigateFn: NavigateFn) => void\n  params: Record<string, string>\n}\n\nexport type NavSection = {\n  section: string\n  label: string\n  services: NavItem[]\n}\n\nexport function buildNavSections(\n  projectId: string,\n  availableServices: { type: string; name: string }[],\n  enabledServices?: string[],\n  serviceExtensions?: ServiceExtension[]\n): NavSection[] {\n  const serviceIndex = getServiceIndex(availableServices)\n  const isEnabled = (service: string) => !enabledServices || enabledServices.includes(service)\n\n  const computeServices: NavItem[] = [\n    ...(serviceIndex[\"image\"]?.[\"glance\"] && isEnabled(\"images\")\n      ? [\n          {\n            service: \"images\",\n            label: t`Images`,\n            navigate: (nav: NavigateFn) => nav({ to: \"/projects/$projectId/compute/images\", params: { projectId } }),\n            params: { projectId },\n          },\n        ]\n      : []),\n    ...(serviceIndex?.[\"compute\"]?.[\"nova\"] && isEnabled(\"flavors\")\n      ? [\n          {\n            service: \"flavors\",\n            label: t`Flavors`,\n            navigate: (nav: NavigateFn) => nav({ to: \"/projects/$projectId/compute/flavors\", params: { projectId } }),\n            params: { projectId },\n          },\n        ]\n      : []),\n  ]\n\n  const networkServices: NavItem[] = serviceIndex[\"network\"]\n    ? [\n        ...(isEnabled(\"securitygroups\")\n          ? [\n              {\n                service: \"securitygroups\",\n                label: t`Security Groups`,\n                navigate: (nav: NavigateFn) =>\n                  nav({ to: \"/projects/$projectId/network/securitygroups\", params: { projectId } }),\n                params: { projectId },\n              },\n            ]\n          : []),\n        ...(isEnabled(\"floatingips\")\n          ? [\n              {\n                service: \"floatingips\",\n                label: t`Floating IPs`,\n                navigate: (nav: NavigateFn) =>\n                  nav({ to: \"/projects/$projectId/network/floatingips\", params: { projectId } }),\n                params: { projectId },\n              },\n            ]\n          : []),\n      ]\n    : []\n\n  const storageServices: NavItem[] = [\n    ...(hasServiceByName(serviceIndex, STORAGE_PROVIDER.SWIFT) && isEnabled(\"containers\")\n      ? [\n          {\n            service: \"containers\",\n            label: t`Object Storage (Swift)`,\n            navigate: (nav: NavigateFn) =>\n              nav({\n                to: \"/projects/$projectId/storage/$provider/$storageType\",\n                params: {\n                  projectId,\n                  provider: STORAGE_PROVIDER.SWIFT,\n                  storageType: STORAGE_TYPE_BY_PROVIDER[STORAGE_PROVIDER.SWIFT],\n                },\n              }),\n            params: {\n              projectId,\n              provider: STORAGE_PROVIDER.SWIFT,\n              storageType: STORAGE_TYPE_BY_PROVIDER[STORAGE_PROVIDER.SWIFT],\n            },\n          },\n        ]\n      : []),\n    ...(hasServiceByName(serviceIndex, STORAGE_PROVIDER.CEPH) && isEnabled(\"ceph-containers\")\n      ? [\n          {\n            service: \"ceph-containers\",\n            label: t`Object Storage (Ceph)`,\n            navigate: (nav: NavigateFn) =>\n              nav({\n                to: \"/projects/$projectId/storage/$provider/$storageType\",\n                params: {\n                  projectId,\n                  provider: STORAGE_PROVIDER.CEPH,\n                  storageType: STORAGE_TYPE_BY_PROVIDER[STORAGE_PROVIDER.CEPH],\n                },\n              }),\n            params: {\n              projectId,\n              provider: STORAGE_PROVIDER.CEPH,\n              storageType: STORAGE_TYPE_BY_PROVIDER[STORAGE_PROVIDER.CEPH],\n            },\n          },\n        ]\n      : []),\n  ]\n\n  // Seed the section map with built-in sections\n  const sectionMap = new Map<string, NavSection>([\n    [\"compute\", { section: \"compute\", label: t`Compute`, services: computeServices }],\n    [\"network\", { section: \"network\", label: t`Network`, services: networkServices }],\n    [\"storage\", { section: \"storage\", label: t`Storage`, services: storageServices }],\n    [\"services\", { section: \"services\", label: t`Services`, services: [] }],\n  ])\n\n  // Merge service extensions: activate when the service exists in the project's catalog\n  for (const extension of serviceExtensions ?? []) {\n    if (!serviceIndex[extension.serviceType]?.[extension.serviceName]) continue\n    if (enabledServices && !enabledServices.includes(extension.serviceType)) continue\n\n    sectionMap.get(\"services\")?.services.push({\n      service: extension.serviceType,\n      label: extension.label,\n      navigate: (nav: NavigateFn) =>\n        nav({\n          to: \"/projects/$projectId/services/$serviceType\",\n          params: { projectId, serviceType: extension.serviceType },\n        }),\n      params: { projectId, serviceType: extension.serviceType },\n    })\n  }\n\n  return [...sectionMap.values()].filter((s) => s.services.length > 0)\n}\n","import { Breadcrumb, BreadcrumbItem as JunoBreadcrumbItem } from \"@cloudoperators/juno-ui-components\"\nimport type { KnownIcons } from \"@cloudoperators/juno-ui-components\"\nimport { useNavigate, useParams } from \"@tanstack/react-router\"\nimport { useContext, useMemo } from \"react\"\nimport { BreadcrumbExtensionContext } from \"@/client/context/BreadcrumbExtensionContext\"\nimport { useBreadcrumbs, type BreadcrumbItem } from \"@/client/hooks/useBreadcrumbs\"\n\nexport function Breadcrumbs() {\n  const navigate = useNavigate()\n  const { projectId } = useParams({ strict: false }) as { projectId?: string }\n  const { breadcrumbs: extensionCrumbs } = useContext(BreadcrumbExtensionContext)\n  const breadcrumbs = useBreadcrumbs()\n\n  const allBreadcrumbs = useMemo((): BreadcrumbItem[] => {\n    if (extensionCrumbs.length === 0 || breadcrumbs.length === 0) return breadcrumbs\n\n    // Extension crumbs present: deactivate the last OSS crumb (always the project crumb on\n    // /services/* routes) and append the extension crumbs pushed by the sub-app.\n    return [\n      ...breadcrumbs.slice(0, -1),\n      {\n        ...breadcrumbs[breadcrumbs.length - 1],\n        active: false,\n        onClick: projectId\n          ? () => navigate({ to: \"/projects/$projectId\" as never, params: { projectId } as never })\n          : undefined,\n      },\n      ...extensionCrumbs,\n    ]\n  }, [breadcrumbs, extensionCrumbs, projectId, navigate])\n\n  return (\n    <Breadcrumb className=\"relative z-1 mt-8 mb-4\">\n      {allBreadcrumbs.map((item, index) => (\n        <JunoBreadcrumbItem\n          key={index}\n          label={item.label}\n          icon={item.icon as KnownIcons | undefined}\n          onClick={item.onClick}\n          active={item.active}\n        />\n      ))}\n    </Breadcrumb>\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":"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"}