@cobaltcore-dev/aurora 2.1.1 → 2.2.0

package/dist/client/_projectId-CLEa1zgw.mjs

@@ -1,30 +0,0 @@
-import { A as e, i as t, rt as n } from "./build-WuxXRAqf.mjs";
-import { n as r, t as i } from "./_projectId-BYccdAtX.mjs";
-import { jsx as a } from "react/jsx-runtime";
-import { TRPCClientError as o } from "@trpc/client";
-import { Trans as s, useLingui as c } from "@lingui/react";
-//#region src/client/routes/_auth/projects/$projectId.tsx?tsr-split=errorComponent
-function l({ error: l }) {
-	let { i18n: u, _: d } = c(), f = i.useNavigate();
-	return l.statusCode === 404 || l.message === "Project not found" ? /*#__PURE__*/ a(e, {
-		className: "py-8",
-		children: /*#__PURE__*/ a(n, {
-			status: "error",
-			code: 404,
-			title: u._({ id: "u30W7+" }),
-			body: u._({ id: "Jrn0cT" }),
-			action: /*#__PURE__*/ a(t, {
-				variant: "primary",
-				onClick: () => f({ to: "/projects" }),
-				children: /*#__PURE__*/ a(s, { id: "aKznJS" })
-			})
-		})
-	}) : /*#__PURE__*/ a(r, {
-		error: l,
-		safeErrorMessage: l instanceof o ? l.message : void 0
-	});
-}
-//#endregion
-export { l as errorComponent };
-
-//# sourceMappingURL=_projectId-CLEa1zgw.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"_projectId-CLEa1zgw.mjs","names":["Button","Container","Status","RouteError","TRPCClientError","useLingui","Trans","ScopeError","type","code","message","currentDomain","id","name","Route","ProjectErrorComponent","error","Error","statusCode","t","navigate","useNavigate","to","undefined","errorComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute, Outlet, useLoaderData, useRouteContext } from \"@tanstack/react-router\"\nimport { AppShell, Button, Container, Stack, Status } from \"@cloudoperators/juno-ui-components\"\nimport { SideNavBar } from \"@/client/routes/_auth/projects/-components/SideNavBar\"\nimport { buildNavSections } from \"@/client/routes/_auth/projects/-components/buildNavSections\"\nimport { Breadcrumbs } from \"@/client/components/Breadcrumbs\"\nimport { RouteError } from \"@/client/components/Errors/RouteError\"\nimport { useMemo } from \"react\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport { BreadcrumbExtensionProvider } from \"@/client/context/BreadcrumbExtensionContext\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\n\n// Type for scope error that we catch and handle gracefully\ntype ScopeError = {\n  type: \"scope_error\"\n  code: string\n  message: string\n  currentDomain?: { id: string; name: string } | null\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId\")({\n  component: RouteComponent,\n  errorComponent: ProjectErrorComponent,\n  loader: async (options) => {\n    const { context, params } = options\n\n    // Catch rescope errors and return them as data instead of throwing\n    // This allows the component to render a friendly error UI\n    let scopeData\n    let scopeError: ScopeError | undefined\n\n    try {\n      scopeData = await context.trpcClient?.auth.setCurrentScope.mutate({\n        type: \"project\",\n        projectId: params.projectId || \"\",\n      })\n    } catch (error) {\n      if (error instanceof TRPCClientError) {\n        // Try to get the current session's domain to show in the error message\n        let currentDomain: { id: string; name: string } | null | undefined\n        try {\n          const currentScope = await context.trpcClient?.auth.getCurrentScope.query()\n          if (currentScope?.domain?.id && currentScope?.domain?.name) {\n            currentDomain = { id: currentScope.domain.id, name: currentScope.domain.name }\n          }\n        } catch {\n          // Ignore errors fetching current scope\n        }\n\n        // Return error as data so the component can handle it\n        scopeError = {\n          type: \"scope_error\",\n          code: error.data?.code || \"UNKNOWN\",\n          message: error.message,\n          currentDomain,\n        }\n      } else {\n        // Unknown errors should still propagate\n        throw error\n      }\n    }\n\n    // If scope failed, return early with error state\n    if (scopeError) {\n      return {\n        scopeError,\n        projectId: params.projectId,\n        // Provide minimal data for error rendering\n        trpcClient: context.trpcClient,\n        crumbDomain: undefined,\n        crumbProject: undefined,\n        availableServices: undefined,\n        accountId: \"\",\n        description: null,\n      }\n    }\n\n    const [availableServices, project] = await Promise.all([\n      context.trpcClient?.auth.getAvailableServices.query(),\n      context.trpcClient?.project.getProject.query({ projectId: params.projectId }).catch(() => null),\n    ])\n\n    const accountId = scopeData?.domain?.id || \"\"\n    const description = project?.description ?? null\n\n    return {\n      scopeError: undefined,\n      trpcClient: context.trpcClient,\n      crumbDomain: { path: `/projects`, name: scopeData?.domain?.name },\n      crumbProject: scopeData?.project,\n      availableServices,\n      accountId,\n      projectId: params.projectId,\n      description,\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const loaderData = useLoaderData({ from: Route.id })\n  const navigate = Route.useNavigate()\n  const { enabledServices, serviceExtensions } = useRouteContext({ strict: false })\n\n  const projectName = loaderData.crumbProject?.name || loaderData.projectId\n  const projectLabel = loaderData.crumbDomain?.name ? `${loaderData.crumbDomain.name}/${projectName}` : projectName\n  useSetBreadcrumb(Route.id, projectLabel)\n\n  // Handle scope errors with a friendly UI using Juno's Status component\n  if (loaderData.scopeError) {\n    const { code, message, currentDomain } = loaderData.scopeError\n    const domainName = currentDomain?.name\n\n    if (code === \"UNAUTHORIZED\") {\n      return (\n        <Container className=\"py-8\">\n          <Status\n            status=\"error\"\n            title={t`Session Changed`}\n            body={t`Your session was changed or ended in another browser tab. This can happen if you logged out or switched to a different account or domain elsewhere. 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":";;;;;;AAiNA,SAASe,EAAsB,EAAEC,YAAmD;CAClF,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQX,EAAAA,GACRe,IAAWN,EAAMO,YAAW;CAsBlC,OAnBIL,EAAME,eAAe,OAAOF,EAAMN,YAAY,sBAE9C,gBAAC,GAAA;EAAU,WAAU;EACnB,UAAA,gBAAC,GAAA;GACC,QAAO;GACP,MAAM;GACN,OAAOS,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;GACR,MAAMA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;GACP,QACE,gBAAC,GAAA;IAAO,SAAQ;IAAU,eAAeC,EAAS,EAAEE,IAAI,YAAY,CAAA;IAClE,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;MASL,gBAAC,GAAA;EAAkBN;EAAO,kBAAkBA,aAAiBZ,IAAkBY,EAAMN,UAAUa,KAAAA;;AACxG"}

package/dist/client/_projectId-D3VOH5lN.mjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"_projectId-D3VOH5lN.mjs","names":["useLoaderData","useNavigate","Card","Stack","getServiceIndex","Trans","useLingui","useRouteContext","ContentHeader","Slot","hasServiceByName","STORAGE_PROVIDER","STORAGE_TYPE_BY_PROVIDER","ServiceCardProps","group","label","to","service","ServiceCard","navigate","slots","strict","serviceBadge","RouteComponent","crumbProject","availableServices","projectId","description","from","t","enabledServices","serviceExtensions","isEnabled","includes","serviceIndex","base","cards","push","SWIFT","CEPH","extension","serviceType","serviceName","name","length","map","card","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/index.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, useLoaderData, useNavigate } from \"@tanstack/react-router\"\nimport { Card, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { useRouteContext } from \"@tanstack/react-router\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { Slot } from \"@/client/components/Slot\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { hasServiceByName } from \"@/client/utils/serviceCatalog\"\nimport { STORAGE_PROVIDER, STORAGE_TYPE_BY_PROVIDER } from \"@/client/utils/storageProviders\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/\")({\n  staticData: {\n    analytics: {\n      name: \"projects.detail\",\n    },\n  } satisfies RouteInfo,\n  component: RouteComponent,\n})\n\ninterface ServiceCardProps {\n  group: string\n  label: string\n  to: string\n  service: string\n}\n\nfunction ServiceCard({ group, label, to, service }: ServiceCardProps) {\n  const navigate = useNavigate()\n  const { slots } = useRouteContext({ strict: false })\n\n  return (\n    <Card\n      onClick={() => navigate({ to: to as never })}\n      className=\"flex min-h-40 flex-col gap-4 px-3 pt-2 pb-3\"\n      data-testid=\"service-card\"\n    >\n      <div className=\"flex min-w-0 flex-col\">\n        <p className=\"text-theme-light text-xs leading-5 font-medium\">{group}</p>\n        <div className=\"flex items-center gap-2\">\n          <p className=\"text-theme-high text-lg leading-7 font-bold\" data-testid=\"service-card-label\">\n            {label}\n          </p>\n          {slots?.serviceBadge && <Slot component={slots.serviceBadge} useShadowDOM={false} currentService={service} />}\n        </div>\n      </div>\n      <div className=\"flex-1\" />\n    </Card>\n  )\n}\n\nfunction RouteComponent() {\n  const { crumbProject, availableServices, projectId, description } = useLoaderData({\n    from: \"/_auth/projects/$projectId\",\n  })\n  const { t } = useLingui()\n  const { enabledServices, serviceExtensions } = useRouteContext({ strict: false })\n  const isEnabled = (service: string) => !enabledServices || enabledServices.includes(service)\n\n  const serviceIndex = getServiceIndex(availableServices ?? [])\n  const base = `/projects/${projectId}`\n\n  const cards: ServiceCardProps[] = []\n\n  if (serviceIndex[\"image\"]?.[\"glance\"] && isEnabled(\"images\"))\n    cards.push({ group: t`Compute`, label: t`Images`, to: `${base}/compute/images`, service: \"images\" })\n  if (serviceIndex[\"compute\"]?.[\"nova\"] && isEnabled(\"flavors\"))\n    cards.push({ group: t`Compute`, label: t`Flavors`, to: `${base}/compute/flavors`, service: \"flavors\" })\n  if (serviceIndex[\"network\"]) {\n    if (isEnabled(\"securitygroups\"))\n      cards.push({\n        group: t`Network`,\n        label: t`Security Groups`,\n        to: `${base}/network/securitygroups`,\n        service: \"securitygroups\",\n      })\n    if (isEnabled(\"floatingips\"))\n      cards.push({\n        group: t`Network`,\n        label: t`Floating IPs`,\n        to: `${base}/network/floatingips`,\n        service: \"floatingips\",\n      })\n  }\n  if (hasServiceByName(serviceIndex, STORAGE_PROVIDER.SWIFT) && isEnabled(\"containers\"))\n    cards.push({\n      group: t`Storage`,\n      label: t`Object Storage (Swift)`,\n      to: `${base}/storage/${STORAGE_PROVIDER.SWIFT}/${STORAGE_TYPE_BY_PROVIDER[STORAGE_PROVIDER.SWIFT]}`,\n      service: \"containers\",\n    })\n  if (hasServiceByName(serviceIndex, STORAGE_PROVIDER.CEPH) && isEnabled(\"ceph-containers\"))\n    cards.push({\n      group: t`Storage`,\n      label: t`Object Storage (Ceph)`,\n      to: `${base}/storage/${STORAGE_PROVIDER.CEPH}/${STORAGE_TYPE_BY_PROVIDER[STORAGE_PROVIDER.CEPH]}`,\n      service: \"ceph-containers\",\n    })\n\n  for (const extension of serviceExtensions ?? []) {\n    // if the extension's service is in the catalog and enabled, display a card for it\n    if (\n      serviceIndex[extension.serviceType]?.[extension.serviceName] &&\n      (!enabledServices || enabledServices.includes(extension.serviceType))\n    )\n      cards.push({\n        group: t`Services`,\n        label: extension.label,\n        to: `/projects/${projectId}/services/${extension.serviceType}`,\n        service: extension.serviceType,\n      })\n  }\n\n  return (\n    <Stack direction=\"vertical\">\n      <ContentHeader title={crumbProject?.name ?? t`Project`} projectId={projectId} description={description} />\n      {cards.length > 0 ? (\n        <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4\">\n          {cards.map((card) => (\n            <ServiceCard key={card.to} {...card} />\n          ))}\n        </div>\n      ) : (\n        <p className=\"text-theme-light text-sm\">\n          <Trans>No services available for this project.</Trans>\n        </p>\n      )}\n    </Stack>\n  )\n}\n"],"mappings":"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"}

package/dist/client/_securityGroupId-BwgZnoiR.mjs

@@ -1,29 +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";
-var i = t("/_auth/projects/$projectId/network/securitygroups/$securityGroupId/")({
-	staticData: {
-		section: "network",
-		service: "securitygroups",
-		analytics: { name: "network.securitygroups.detail" }
-	},
-	loader: async ({ context: e, params: t }) => {
-		let n = await e.trpcClient?.network.securityGroup.getById.query({
-			project_id: t.projectId,
-			securityGroupId: t.securityGroupId
-		});
-		return { sgTitle: n?.name || n?.id || null };
-	},
-	head: ({ loaderData: e }) => ({ meta: [{ title: e?.sgTitle ?? "Security Group" }] }),
-	component: n(() => import("./_securityGroupId-Cz2NUHdB.mjs"), "component"),
-	beforeLoad: async ({ context: t, params: n }) => {
-		let { trpcClient: i } = t, a = await i?.auth.getAvailableServices.query() || [], o = e(a);
-		if (!o.network || !o.network.neutron) throw r({
-			to: "/projects/$projectId/network/securitygroups",
-			params: { projectId: n.projectId }
-		});
-	}
-});
-//#endregion
-export { i as t };
-
-//# sourceMappingURL=_securityGroupId-BwgZnoiR.mjs.map

package/dist/client/_securityGroupId-BwgZnoiR.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_securityGroupId-BwgZnoiR.mjs","names":["createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","analytics","name","RouteInfo","loader","context","params","sg","trpcClient","network","securityGroup","getById","query","project_id","projectId","securityGroupId","sgTitle","id","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex","to"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/index.tsx"],"sourcesContent":["import {\n  Button,\n  PopupMenu,\n  PopupMenuItem,\n  PopupMenuOptions,\n  PopupMenuToggle,\n  Stack,\n  Status,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport { useMemo } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { useListWithFiltering } from \"@/client/utils/useListWithFiltering\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { SecurityGroupDetailsView } from \"./-components/SecurityGroupDetailsView\"\nimport { EditSecurityGroupModal } from \"../-components/-modals/EditSecurityGroupModal\"\nimport { DeleteSecurityGroupDialog } from \"../-components/-modals/DeleteSecurityGroupDialog\"\nimport { useSecurityGroupDetails } from \"./-hooks/useSecurityGroupDetails\"\nimport { useSecurityGroupPermissions } from \"../-hooks/useSecurityGroupPermissions\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups/$securityGroupId/\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    analytics: {\n      name: \"network.securitygroups.detail\",\n    },\n  } satisfies RouteInfo,\n  loader: async ({ context, params }) => {\n    const sg = await context.trpcClient?.network.securityGroup.getById.query({\n      project_id: params.projectId,\n      securityGroupId: params.securityGroupId,\n    })\n    return { sgTitle: sg?.name || sg?.id || null }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.sgTitle ?? \"Security Group\" }],\n  }),\n  component: RouteComponent,\n  beforeLoad: async ({ context, params }) => {\n    const { trpcClient } = context\n\n    const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n\n    const serviceIndex = getServiceIndex(availableServices)\n\n    // Redirect to the \"Projects Overview\" page if network service not available\n    if (!serviceIndex[\"network\"]) {\n      throw redirect({\n        to: \"/projects/$projectId/network/securitygroups\",\n        params: { projectId: params.projectId },\n      })\n    }\n\n    if (!serviceIndex[\"network\"][\"neutron\"]) {\n      // Redirect to the \"Network Services Overview\" page if the \"Neutron\" service is not available\n      throw redirect({\n        to: \"/projects/$projectId/network/securitygroups\",\n        params: { projectId: params.projectId },\n      })\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { securityGroupId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n  const projectId = useProjectId()\n  const navigate = useNavigate()\n  const { t } = useLingui()\n\n  if (!trpcClient) {\n    throw new Error(\"trpcClient is not available in route context\")\n  }\n\n  const {\n    permissions,\n    isLoading: isLoadingPermissions,\n    isError: isPermissionsError,\n  } = useSecurityGroupPermissions(projectId)\n\n  // Rules filtering using the same pattern as List page\n  const {\n    searchTerm: rulesSearchTerm,\n    sortSettings,\n    filterSettings,\n    handleSearchChange,\n    handleSortChange,\n    handleFilterChange,\n  } = useListWithFiltering<\"direction\" | \"protocol\" | \"description\">({\n    defaultSortKey: \"direction\",\n    defaultSortDir: \"asc\",\n    sortOptions: [\n      { label: t`Direction`, value: \"direction\" },\n      { label: t`Protocol`, value: \"protocol\" },\n      { label: t`Description`, value: \"description\" },\n    ],\n    filterSettings: {\n      filters: [\n        {\n          displayName: t`Direction`,\n          filterName: \"direction\",\n          values: [\"ingress\", \"egress\"],\n          supportsMultiValue: false,\n        },\n        {\n          displayName: t`Ethertype`,\n          filterName: \"ethertype\",\n          values: [\"IPv4\", \"IPv6\"],\n          supportsMultiValue: false,\n        },\n        {\n          displayName: t`Protocol`,\n          filterName: \"protocol\",\n          values: [\"tcp\", \"udp\", \"icmp\", \"ipv6-icmp\"],\n          supportsMultiValue: false,\n        },\n      ],\n    },\n  })\n\n  // Group filter controls for the hook\n  const filterControls = {\n    searchTerm: rulesSearchTerm,\n    onSearchChange: handleSearchChange,\n    sortSettings,\n    onSortChange: handleSortChange,\n    filterSettings,\n    onFilterChange: handleFilterChange,\n  }\n\n  // Use custom hook for logic (now includes filtering/sorting)\n  const {\n    securityGroup,\n    filteredAndSortedRules,\n    isLoading,\n    isError,\n    error,\n    isUpdating,\n    updateError,\n    isDeleting,\n    deleteError,\n    isDeletingRule,\n    deleteRuleError,\n    isCreatingRule,\n    createRuleError,\n    editModalOpen,\n    deleteModalOpen,\n    handleEdit,\n    handleCloseEditModal,\n    handleUpdate,\n    handleDelete,\n    handleCloseDeleteModal,\n    handleDeleteSecurityGroup,\n    handleDeleteRule,\n    handleCreateRule,\n  } = useSecurityGroupDetails({\n    securityGroupId,\n    filterControls,\n  })\n\n  useSetBreadcrumb(Route.id, securityGroup?.name ?? undefined)\n\n  // Fetch available security groups for the Add Rule dropdown\n  const { data: securityGroups } = trpcReact.network.securityGroup.list.useQuery({ project_id: projectId })\n  const availableSecurityGroups = useMemo(() => {\n    return (securityGroups || [])\n      .filter((sg) => sg.id !== securityGroupId) // Exclude current group\n      .map((sg) => ({\n        id: sg.id,\n        name: sg.name || sg.id,\n      }))\n  }, [securityGroups, securityGroupId])\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/network/securitygroups\",\n      params: { projectId },\n    })\n  }\n\n  // Handle loading permissions\n  if (isLoadingPermissions) {\n    return <Status status=\"progress\" title={t`Loading Permissions...`} />\n  }\n\n  // Handle permissions error - default to no permissions\n  const safePermissions = isPermissionsError\n    ? {\n        canView: false,\n        canCreate: false,\n        canUpdate: false,\n        canDelete: false,\n        canCreateRule: false,\n        canDeleteRule: false,\n        canManageAccess: false,\n        canViewRBAC: false,\n      }\n    : permissions!\n\n  // Handle loading state\n  if (isLoading) {\n    return <Status status=\"progress\" title={t`Loading Security Group Details...`} />\n  }\n\n  // Handle error state\n  if (isError) {\n    const errorMessage = error?.message || t`Unknown Error`\n\n    return (\n      <Status\n        status=\"error\"\n        title={t`Error Loading Security Group`}\n        body={errorMessage}\n        action={\n          <Button onClick={handleBack} variant=\"primary\">\n            <Trans>Back to Security Groups</Trans>\n          </Button>\n        }\n      />\n    )\n  }\n\n  // Handle no data state\n  if (!securityGroup) {\n    return (\n      <Status\n        status=\"empty\"\n        title={t`Security Group Not Found`}\n        action={\n          <Button onClick={handleBack} variant=\"primary\">\n            <Trans>Back to Security Groups</Trans>\n          </Button>\n        }\n      />\n    )\n  }\n\n  // Groups owned by another project are shared read-only copies: they cannot be edited or deleted,\n  // the same rule the list applies to its row actions.\n  const isReadOnly = Boolean(securityGroup.project_id && securityGroup.project_id !== projectId)\n  const canEdit = safePermissions.canUpdate && !isReadOnly\n  const canDelete = safePermissions.canDelete && !isReadOnly\n\n  const headerActions = (canEdit || canDelete) && (\n    <Stack gap=\"0.5\" alignment=\"center\">\n      {canDelete && (\n        <PopupMenu className=\"flex items-center\">\n          <PopupMenuToggle as=\"div\">\n            <Button icon=\"moreVert\" title={t`More Actions`} disabled={isDeleting} />\n          </PopupMenuToggle>\n          <PopupMenuOptions>\n            <PopupMenuItem label={t`Delete Group`} onClick={handleDelete} />\n          </PopupMenuOptions>\n        </PopupMenu>\n      )}\n\n      {canEdit && (\n        <Button variant=\"primary\" onClick={handleEdit} disabled={isDeleting}>\n          <Trans>Edit Details</Trans>\n        </Button>\n      )}\n    </Stack>\n  )\n\n  const handleConfirmDelete = async () => {\n    try {\n      await handleDeleteSecurityGroup()\n      handleBack()\n    } catch {\n      // onError surfaces the toast; the dialog keeps showing deleteError\n    }\n  }\n\n  // Render success state\n  return (\n    <Stack direction=\"vertical\">\n      <ContentHeader title={securityGroup.name || securityGroup.id} projectId={projectId} actions={headerActions} />\n\n      <SecurityGroupDetailsView\n        securityGroup={securityGroup}\n        filteredAndSortedRules={filteredAndSortedRules}\n        onDeleteRule={handleDeleteRule}\n        isDeletingRule={isDeletingRule}\n        deleteRuleError={deleteRuleError}\n        filterControls={filterControls}\n        onCreateRule={handleCreateRule}\n        isCreatingRule={isCreatingRule}\n        createRuleError={createRuleError}\n        availableSecurityGroups={availableSecurityGroups}\n        currentProjectId={projectId}\n        permissions={safePermissions}\n      />\n\n      <EditSecurityGroupModal\n        securityGroup={securityGroup}\n        open={editModalOpen}\n        onClose={handleCloseEditModal}\n        onUpdate={handleUpdate}\n        isLoading={isUpdating}\n        error={updateError}\n      />\n\n      {deleteModalOpen && (\n        <DeleteSecurityGroupDialog\n          securityGroup={securityGroup}\n          isOpen={deleteModalOpen}\n          onClose={handleCloseDeleteModal}\n          onDelete={handleConfirmDelete}\n          isDeleting={isDeleting}\n          error={deleteError}\n        />\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;AAyBA,IAAaG,IAAQH,EAAgB,qEAAA,CAAA,CAAuE;CAC1GI,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,gCACR;CACF;CACAE,QAAQ,OAAO,EAAEC,YAASC,gBAAQ;EAChC,IAAMC,IAAK,MAAMF,EAAQG,YAAYC,QAAQC,cAAcC,QAAQC,MAAM;GACvEC,YAAYP,EAAOQ;GACnBC,iBAAiBT,EAAOS;EAC1B,CAAA;EACA,OAAO,EAAEC,SAAST,GAAIL,QAAQK,GAAIU,MAAM,KAAK;CAC/C;CACAC,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYH,WAAW,iBAAiB,CAAC,EAC3D;CACAM,WAASC,mDAAA,WAAA;CACTE,YAAY,OAAO,EAAEpB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GAEjBqB,IAAoB,MAAOlB,GAAYmB,KAAKC,qBAAqBhB,MAAAA,KAAY,CAAA,GAE7EiB,IAAejC,EAAgB8B,CAAAA;EAUrC,IAPI,CAACG,EAAa,WAOd,CAACA,EAAa,QAAW,SAE3B,MAAMlC,EAAS;GACbmC,IAAI;GACJxB,QAAQ,EAAEQ,WAAWR,EAAOQ,UAAU;EACxC,CAAA;CAEJ;AACF,CAAA"}