@cobaltcore-dev/aurora 1.2.0 → 1.3.0

package/dist/client/{_flavorId-a9Gu66R1.mjs.map → _flavorId-Dg7MS0Af.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"_flavorId-a9Gu66R1.mjs","names":["createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","analytics","name","RouteInfo","loader","context","params","flavor","trpcClient","compute","getFlavorById","query","project_id","projectId","flavorId","flavorName","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex","to"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonRow,\n  Stack,\n  PopupMenu,\n  PopupMenuToggle,\n  PopupMenuOptions,\n  PopupMenuItem,\n  Container,\n  Status,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate, useParams } from \"@tanstack/react-router\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { FlavorDetailsView } from \"./-components/FlavorDetailsView\"\nimport { useErrorTranslation } from \"@/client/utils/useErrorTranslation\"\nimport { EditSpecModal } from \"./-components/EditSpecModal\"\nimport { ManageAccessModal } from \"./-components/ManageAccessModal\"\nimport { DeleteFlavorModal } from \"./-components/DeleteFlavorModal\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/flavors/$flavorId\")({\n  staticData: {\n    section: \"compute\",\n    service: \"flavors\",\n    analytics: {\n      name: \"compute.flavors.detail\",\n    },\n  } satisfies RouteInfo,\n  loader: async ({ context, params }) => {\n    const flavor = await context.trpcClient?.compute.getFlavorById.query({\n      project_id: params.projectId,\n      flavorId: params.flavorId,\n    })\n    return { flavorName: flavor?.name ?? null }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.flavorName ?? \"Flavor 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    if (!serviceIndex[\"flavor\"] && !serviceIndex[\"compute\"]) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { projectId, flavorId } = useParams({\n    from: \"/_auth/projects/$projectId/compute/flavors/$flavorId\",\n  })\n  const { trpcClient } = Route.useRouteContext()\n  const navigate = useNavigate()\n  const { t } = useLingui()\n  const { translateError, isRetryableError } = useErrorTranslation()\n\n  const {\n    data: flavor,\n    status,\n    error,\n    refetch,\n  } = trpcReact.compute.getFlavorById.useQuery({\n    project_id: projectId,\n    flavorId,\n  })\n\n  useSetBreadcrumb(Route.id, flavor?.name)\n\n  const { data: permissionsData } = trpcReact.compute.canUser.useQuery({\n    project_id: projectId,\n    permission: [\n      \"flavors:delete\",\n      \"flavors:list_projects\",\n      \"flavor_specs:create\",\n      \"flavor_specs:delete\",\n      \"flavor_specs:list\",\n    ],\n  })\n\n  const canDeleteFlavor = permissionsData?.[0] ?? false\n  const canManageAccess = permissionsData?.[1] ?? false\n  const canManageSpecs = (permissionsData?.[2] ?? false) || (permissionsData?.[3] ?? false)\n  const canListSpecs = permissionsData?.[4] ?? false\n\n  const [specModalOpen, toggleSpecModal] = useModal()\n  const [accessModalOpen, toggleAccessModal] = useModal()\n  const [deleteModalOpen, toggleDeleteModal] = useModal()\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/compute/flavors\",\n      params: { projectId },\n    })\n  }\n\n  const handleHome = () => {\n    navigate({\n      to: \"/projects/$projectId\",\n      params: { projectId },\n    })\n  }\n\n  const handleRetry = () => {\n    refetch()\n  }\n\n  if (status === \"pending\") {\n    return <Status status=\"progress\" title={t`Loading Flavor Details...`} />\n  }\n\n  if (status === \"error\") {\n    const errorCode = error?.message || \"UNKNOWN_ERROR\"\n    const translatedError = translateError(errorCode)\n    const canRetry = isRetryableError(errorCode)\n\n    const getStatusCode = (code: string): number | undefined => {\n      if (code.includes(\"UNAUTHORIZED\")) return 401\n      if (code.includes(\"FORBIDDEN\")) return 403\n      if (code.includes(\"NOT_FOUND\")) return 404\n      if (code.includes(\"SERVER_ERROR\")) return 500\n      return undefined\n    }\n\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={getStatusCode(errorCode)}\n          title={t`Error Loading Flavor`}\n          body={translatedError}\n          action={\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleBack}>\n                <Trans>Back</Trans>\n              </Button>\n              <Button onClick={handleHome}>\n                <Trans>Home</Trans>\n              </Button>\n              {canRetry && (\n                <Button onClick={handleRetry}>\n                  <Trans>Try Again</Trans>\n                </Button>\n              )}\n            </ButtonRow>\n          }\n        />\n      </Container>\n    )\n  }\n\n  if (!flavor) {\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={404}\n          title={t`Flavor Not Found`}\n          body={t`The requested flavor could not be found. It may have been deleted or you may not have access to it.`}\n          action={\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleBack}>\n                <Trans>Back</Trans>\n              </Button>\n              <Button onClick={handleHome}>\n                <Trans>Home</Trans>\n              </Button>\n            </ButtonRow>\n          }\n        />\n      </Container>\n    )\n  }\n\n  const isPublicFlavor = flavor[\"os-flavor-access:is_public\"] !== false\n  const hasMoreActions = canManageAccess || canDeleteFlavor || canManageSpecs || canListSpecs\n\n  const headerActions = hasMoreActions ? (\n    <ButtonRow>\n      <PopupMenu>\n        <PopupMenuToggle as=\"div\">\n          <Button icon=\"moreVert\">\n            <Trans>More Actions</Trans>\n          </Button>\n        </PopupMenuToggle>\n        <PopupMenuOptions>\n          {(canManageSpecs || canListSpecs) && (\n            <PopupMenuItem label={canManageSpecs ? t`Edit Metadata` : t`Metadata`} onClick={toggleSpecModal} />\n          )}\n          {canManageAccess && (\n            <PopupMenuItem label={t`Manage Access`} onClick={toggleAccessModal} disabled={isPublicFlavor} />\n          )}\n          {canDeleteFlavor && <PopupMenuItem label={t`Delete Flavor`} onClick={toggleDeleteModal} />}\n        </PopupMenuOptions>\n      </PopupMenu>\n    </ButtonRow>\n  ) : undefined\n\n  return (\n    <>\n      <ContentHeader title={flavor.name} projectId={projectId} actions={headerActions} />\n      <Stack direction=\"vertical\">\n        <FlavorDetailsView flavor={flavor} />\n      </Stack>\n\n      {trpcClient && (\n        <>\n          {specModalOpen && (\n            <EditSpecModal\n              client={trpcClient}\n              isOpen={specModalOpen}\n              onClose={toggleSpecModal}\n              project={projectId}\n              flavor={flavor}\n              canEdit={canManageSpecs}\n            />\n          )}\n\n          {accessModalOpen && (\n            <ManageAccessModal\n              client={trpcClient}\n              isOpen={accessModalOpen}\n              onClose={toggleAccessModal}\n              project={projectId}\n              flavor={flavor}\n            />\n          )}\n\n          {deleteModalOpen && (\n            <DeleteFlavorModal\n              client={trpcClient}\n              isOpen={deleteModalOpen}\n              onClose={toggleDeleteModal}\n              project={projectId}\n              flavor={flavor}\n              onSuccess={handleBack}\n            />\n          )}\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":";;AAyBA,IAAaG,IAAQH,EAAgB,sDAAA,CAAA,CAAwD;CAC3FI,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,yBACR;CACF;CACAE,QAAQ,OAAO,EAAEC,YAASC,iBAKjB,EAAES,aAAYR,MAJAF,EAAQG,YAAYC,QAAQC,cAAcC,MAAM;EACnEC,YAAYN,EAAOO;EACnBC,UAAUR,EAAOQ;CACnB,CAAA,EAAA,EAC6BZ,QAAQ,KAAK;CAE5Cc,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYF,cAAc,iBAAiB,CAAC,EAC9D;CACAK,WAASC,4CAAA,WAAA;CACTE,YAAY,OAAO,EAAElB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GACjB,EAAEQ,iBAAcP,GAEhBkB,IAAoB,MAAOhB,GAAYiB,KAAKC,qBAAqBf,MAAAA,KAAY,CAAA,GAE7EgB,IAAe/B,EAAgB4B,CAAAA;EAErC,IAAI,CAACG,EAAa,UAAa,CAACA,EAAa,SAC3C,MAAMhC,EAAS;GACbiC,IAAI;GACJtB,QAAQ,EAAEO,aAAU;EACtB,CAAA;CAEJ;AACF,CAAA"}
+{"version":3,"file":"_flavorId-Dg7MS0Af.mjs","names":["createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","analytics","name","RouteInfo","loader","context","params","flavor","trpcClient","compute","getFlavorById","query","project_id","projectId","flavorId","flavorName","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex","to"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonRow,\n  Stack,\n  PopupMenu,\n  PopupMenuToggle,\n  PopupMenuOptions,\n  PopupMenuItem,\n  Container,\n  Status,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate, useParams } from \"@tanstack/react-router\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { FlavorDetailsView } from \"./-components/FlavorDetailsView\"\nimport { useErrorTranslation } from \"@/client/utils/useErrorTranslation\"\nimport { EditSpecModal } from \"./-components/EditSpecModal\"\nimport { ManageAccessModal } from \"./-components/ManageAccessModal\"\nimport { DeleteFlavorModal } from \"./-components/DeleteFlavorModal\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/flavors/$flavorId\")({\n  staticData: {\n    section: \"compute\",\n    service: \"flavors\",\n    analytics: {\n      name: \"compute.flavors.detail\",\n    },\n  } satisfies RouteInfo,\n  loader: async ({ context, params }) => {\n    const flavor = await context.trpcClient?.compute.getFlavorById.query({\n      project_id: params.projectId,\n      flavorId: params.flavorId,\n    })\n    return { flavorName: flavor?.name ?? null }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.flavorName ?? \"Flavor 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    if (!serviceIndex[\"flavor\"] && !serviceIndex[\"compute\"]) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { projectId, flavorId } = useParams({\n    from: \"/_auth/projects/$projectId/compute/flavors/$flavorId\",\n  })\n  const { trpcClient } = Route.useRouteContext()\n  const navigate = useNavigate()\n  const { t } = useLingui()\n  const { translateError, isRetryableError } = useErrorTranslation()\n\n  const {\n    data: flavor,\n    status,\n    error,\n    refetch,\n  } = trpcReact.compute.getFlavorById.useQuery({\n    project_id: projectId,\n    flavorId,\n  })\n\n  useSetBreadcrumb(Route.id, flavor?.name)\n\n  const { data: permissionsData } = trpcReact.compute.canUser.useQuery({\n    project_id: projectId,\n    permission: [\n      \"flavors:delete\",\n      \"flavors:list_projects\",\n      \"flavor_specs:create\",\n      \"flavor_specs:delete\",\n      \"flavor_specs:list\",\n    ],\n  })\n\n  const canDeleteFlavor = permissionsData?.[0] ?? false\n  const canManageAccess = permissionsData?.[1] ?? false\n  const canManageSpecs = (permissionsData?.[2] ?? false) || (permissionsData?.[3] ?? false)\n  const canListSpecs = permissionsData?.[4] ?? false\n\n  const [specModalOpen, toggleSpecModal] = useModal()\n  const [accessModalOpen, toggleAccessModal] = useModal()\n  const [deleteModalOpen, toggleDeleteModal] = useModal()\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/compute/flavors\",\n      params: { projectId },\n    })\n  }\n\n  const handleHome = () => {\n    navigate({\n      to: \"/projects/$projectId\",\n      params: { projectId },\n    })\n  }\n\n  const handleRetry = () => {\n    refetch()\n  }\n\n  if (status === \"pending\") {\n    return <Status status=\"progress\" title={t`Loading Flavor Details...`} />\n  }\n\n  if (status === \"error\") {\n    const errorCode = error?.message || \"UNKNOWN_ERROR\"\n    const translatedError = translateError(errorCode)\n    const canRetry = isRetryableError(errorCode)\n\n    const getStatusCode = (code: string): number | undefined => {\n      if (code.includes(\"UNAUTHORIZED\")) return 401\n      if (code.includes(\"FORBIDDEN\")) return 403\n      if (code.includes(\"NOT_FOUND\")) return 404\n      if (code.includes(\"SERVER_ERROR\")) return 500\n      return undefined\n    }\n\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={getStatusCode(errorCode)}\n          title={t`Error Loading Flavor`}\n          body={translatedError}\n          action={\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleBack}>\n                <Trans>Back</Trans>\n              </Button>\n              <Button onClick={handleHome}>\n                <Trans>Home</Trans>\n              </Button>\n              {canRetry && (\n                <Button onClick={handleRetry}>\n                  <Trans>Try Again</Trans>\n                </Button>\n              )}\n            </ButtonRow>\n          }\n        />\n      </Container>\n    )\n  }\n\n  if (!flavor) {\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={404}\n          title={t`Flavor Not Found`}\n          body={t`The requested flavor could not be found. It may have been deleted or you may not have access to it.`}\n          action={\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleBack}>\n                <Trans>Back</Trans>\n              </Button>\n              <Button onClick={handleHome}>\n                <Trans>Home</Trans>\n              </Button>\n            </ButtonRow>\n          }\n        />\n      </Container>\n    )\n  }\n\n  const isPublicFlavor = flavor[\"os-flavor-access:is_public\"] !== false\n  const hasMoreActions = canManageAccess || canDeleteFlavor || canManageSpecs || canListSpecs\n\n  const headerActions = hasMoreActions ? (\n    <Stack gap=\"0.5\" alignment=\"center\">\n      {(canManageAccess || canDeleteFlavor) && (\n        <PopupMenu>\n          <PopupMenuToggle as=\"div\">\n            <Button icon=\"moreVert\" title={t`More Actions`} />\n          </PopupMenuToggle>\n          <PopupMenuOptions>\n            {canManageAccess && (\n              <PopupMenuItem label={t`Manage Access`} onClick={toggleAccessModal} disabled={isPublicFlavor} />\n            )}\n            {canDeleteFlavor && <PopupMenuItem label={t`Delete Flavor`} onClick={toggleDeleteModal} />}\n          </PopupMenuOptions>\n        </PopupMenu>\n      )}\n      {(canManageSpecs || canListSpecs) && (\n        <Button variant=\"primary\" onClick={toggleSpecModal}>\n          {canManageSpecs ? <Trans>Edit Metadata</Trans> : <Trans>Metadata</Trans>}\n        </Button>\n      )}\n    </Stack>\n  ) : undefined\n\n  return (\n    <>\n      <ContentHeader title={flavor.name} projectId={projectId} actions={headerActions} />\n      <Stack direction=\"vertical\">\n        <FlavorDetailsView flavor={flavor} />\n      </Stack>\n\n      {trpcClient && (\n        <>\n          {specModalOpen && (\n            <EditSpecModal\n              client={trpcClient}\n              isOpen={specModalOpen}\n              onClose={toggleSpecModal}\n              project={projectId}\n              flavor={flavor}\n              canEdit={canManageSpecs}\n            />\n          )}\n\n          {accessModalOpen && (\n            <ManageAccessModal\n              client={trpcClient}\n              isOpen={accessModalOpen}\n              onClose={toggleAccessModal}\n              project={projectId}\n              flavor={flavor}\n            />\n          )}\n\n          {deleteModalOpen && (\n            <DeleteFlavorModal\n              client={trpcClient}\n              isOpen={deleteModalOpen}\n              onClose={toggleDeleteModal}\n              project={projectId}\n              flavor={flavor}\n              onSuccess={handleBack}\n            />\n          )}\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":";;AAyBA,IAAaG,IAAQH,EAAgB,sDAAA,CAAA,CAAwD;CAC3FI,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,yBACR;CACF;CACAE,QAAQ,OAAO,EAAEC,YAASC,iBAKjB,EAAES,aAAYR,MAJAF,EAAQG,YAAYC,QAAQC,cAAcC,MAAM;EACnEC,YAAYN,EAAOO;EACnBC,UAAUR,EAAOQ;CACnB,CAAA,EAAA,EAC6BZ,QAAQ,KAAK;CAE5Cc,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYF,cAAc,iBAAiB,CAAC,EAC9D;CACAK,WAASC,4CAAA,WAAA;CACTE,YAAY,OAAO,EAAElB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GACjB,EAAEQ,iBAAcP,GAEhBkB,IAAoB,MAAOhB,GAAYiB,KAAKC,qBAAqBf,MAAAA,KAAY,CAAA,GAE7EgB,IAAe/B,EAAgB4B,CAAAA;EAErC,IAAI,CAACG,EAAa,UAAa,CAACA,EAAa,SAC3C,MAAMhC,EAAS;GACbiC,IAAI;GACJtB,QAAQ,EAAEO,aAAU;EACtB,CAAA;CAEJ;AACF,CAAA"}

package/dist/client/{_flavorId-9PcBBW52.mjs → _flavorId-kHl-b8rI.mjs}

@@ -1,9 +1,9 @@
 import { A as e, D as t, M as n, Q as r, at as i, c as a, g as o, i as s, rt as c, x as l } from "./build-WuxXRAqf.mjs";
 import { a as u } from "./trpcClient-D7gpR7YG.mjs";
-import { t as d } from "./_flavorId-a9Gu66R1.mjs";
+import { t as d } from "./_flavorId-Dg7MS0Af.mjs";
 import { n as f, t as p } from "./ContentHeader-CPJbgYWn.mjs";
 import { t as m } from "./useSetBreadcrumb-tn7lBaQV.mjs";
-import { t as h } from "./TwoColumnDescriptionList-NvgvErua.mjs";
+import { t as h } from "./TwoColumnDescriptionList-DKS42RKa.mjs";
 import { i as g, n as _, r as v, t as y } from "./DeleteFlavorModal-V44QCJBd.mjs";
 import { t as b } from "./useModal-DCs1OJh7.mjs";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
@@ -167,27 +167,28 @@ function k() {
 			})] })
 		})
 	});
-	let Q = P["os-flavor-access:is_public"] !== !1, $ = B || z || V || H ? /*#__PURE__*/ S(n, { children: /*#__PURE__*/ C(t, { children: [/*#__PURE__*/ S(a, {
-		as: "div",
-		children: /*#__PURE__*/ S(s, {
-			icon: "moreVert",
-			children: /*#__PURE__*/ S(E, { id: "PgNNGl" })
-		})
-	}), /*#__PURE__*/ C(o, { children: [
-		(V || H) && /*#__PURE__*/ S(l, {
-			label: V ? A._({ id: "SIfYq6" }) : A._({ id: "6GBt0m" }),
-			onClick: W
-		}),
-		B && /*#__PURE__*/ S(l, {
+	let Q = P["os-flavor-access:is_public"] !== !1, $ = B || z || V || H ? /*#__PURE__*/ C(r, {
+		gap: "0.5",
+		alignment: "center",
+		children: [(B || z) && /*#__PURE__*/ C(t, { children: [/*#__PURE__*/ S(a, {
+			as: "div",
+			children: /*#__PURE__*/ S(s, {
+				icon: "moreVert",
+				title: A._({ id: "PgNNGl" })
+			})
+		}), /*#__PURE__*/ C(o, { children: [B && /*#__PURE__*/ S(l, {
 			label: A._({ id: "cWbW6w" }),
 			onClick: K,
 			disabled: Q
-		}),
-		z && /*#__PURE__*/ S(l, {
+		}), z && /*#__PURE__*/ S(l, {
 			label: A._({ id: "JT3I1g" }),
 			onClick: J
-		})
-	] })] }) }) : void 0;
+		})] })] }), (V || H) && /*#__PURE__*/ S(s, {
+			variant: "primary",
+			onClick: W,
+			children: V ? /*#__PURE__*/ S(E, { id: "SIfYq6" }) : /*#__PURE__*/ S(E, { id: "6GBt0m" })
+		})]
+	}) : void 0;
 	return /*#__PURE__*/ C(x, { children: [
 		/*#__PURE__*/ S(p, {
 			title: P.name,
@@ -228,4 +229,4 @@ function k() {
 //#endregion
 export { k as component };
 
-//# sourceMappingURL=_flavorId-9PcBBW52.mjs.map
+//# sourceMappingURL=_flavorId-kHl-b8rI.mjs.map

package/dist/client/{_flavorId-9PcBBW52.mjs.map → _flavorId-kHl-b8rI.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"_flavorId-9PcBBW52.mjs","names":["Stack","ContentHeading","ClipboardText","TwoColumnDescriptionList","FlavorDetailsView","flavor","useLingui","formatWithUnit","value","unit","basicInfoItems","label","t","text","id","name","description","hardwareSpecItems","vcpus","ram","disk","swap","Number","rxtx_factor","extraSpecItems","extra_specs","Object","entries","map","key","direction","gap","className","items","keys","length","Button","ButtonRow","Stack","PopupMenu","PopupMenuToggle","PopupMenuOptions","PopupMenuItem","Container","Status","useNavigate","useParams","Trans","useLingui","trpcReact","useSetBreadcrumb","FlavorDetailsView","useErrorTranslation","EditSpecModal","ManageAccessModal","DeleteFlavorModal","useModal","ContentHeader","Route","RouteComponent","projectId","flavorId","from","trpcClient","useRouteContext","navigate","t","translateError","isRetryableError","data","flavor","status","error","refetch","compute","getFlavorById","useQuery","project_id","id","name","permissionsData","canUser","permission","canDeleteFlavor","canManageAccess","canManageSpecs","canListSpecs","specModalOpen","toggleSpecModal","accessModalOpen","toggleAccessModal","deleteModalOpen","toggleDeleteModal","handleBack","to","params","handleHome","handleRetry","errorCode","message","translatedError","canRetry","getStatusCode","code","includes","undefined","isPublicFlavor","hasMoreActions","headerActions","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/flavors/-components/FlavorDetailsView.tsx","../../src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx?tsr-split=component"],"sourcesContent":["import { Stack, ContentHeading } from \"@cloudoperators/juno-ui-components/index\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport type { Flavor } from \"@/server/Compute/types/flavor\"\nimport ClipboardText from \"@/client/components/ClipboardText\"\nimport { TwoColumnDescriptionList } from \"@/client/components/TwoColumnDescriptionList\"\n\ninterface FlavorDetailsViewProps {\n  flavor: Flavor\n}\n\nexport function FlavorDetailsView({ flavor }: FlavorDetailsViewProps) {\n  const { t } = useLingui()\n  const formatWithUnit = (value: number, unit: string) => `${value} ${unit}`\n\n  const basicInfoItems = [\n    { label: t`ID`, value: <ClipboardText text={flavor.id} /> },\n    { label: t`Name`, value: flavor.name },\n    { label: t`Description`, value: flavor?.description ?? \"\" },\n    {\n      label: t`Public`,\n      value: flavor[\"os-flavor-access:is_public\"] ? <Trans>Yes</Trans> : <Trans>No</Trans>,\n    },\n    {\n      label: t`Disabled`,\n      value: flavor[\"OS-FLV-DISABLED:disabled\"] ? <Trans>Yes</Trans> : <Trans>No</Trans>,\n    },\n  ]\n\n  const hardwareSpecItems = [\n    { label: t`VCPUs`, value: flavor.vcpus },\n    { label: t`RAM`, value: formatWithUnit(flavor.ram, \"MiB\") },\n    { label: t`Disk`, value: formatWithUnit(flavor.disk, \"GiB\") },\n    {\n      label: t`Ephemeral Disk`,\n      value: formatWithUnit(flavor[\"OS-FLV-EXT-DATA:ephemeral\"] || 0, \"GiB\"),\n    },\n    {\n      label: t`Swap`,\n      value: flavor.swap === 0 || flavor.swap === \"\" ? <Trans>None</Trans> : formatWithUnit(Number(flavor.swap), \"MiB\"),\n    },\n    { label: t`RX/TX Factor`, value: flavor.rxtx_factor ?? \"\" },\n  ]\n\n  const extraSpecItems = flavor.extra_specs\n    ? Object.entries(flavor.extra_specs).map(([key, value]) => ({ label: key, value }))\n    : []\n\n  return (\n    <Stack direction=\"vertical\" gap=\"6\" className=\"mt-6\">\n      <Stack direction=\"vertical\" gap=\"2\">\n        <ContentHeading>\n          <Trans>Basic Information</Trans>\n        </ContentHeading>\n        <TwoColumnDescriptionList items={basicInfoItems} />\n      </Stack>\n\n      <Stack direction=\"vertical\" gap=\"2\">\n        <ContentHeading>\n          <Trans>Hardware Specifications</Trans>\n        </ContentHeading>\n        <TwoColumnDescriptionList items={hardwareSpecItems} />\n      </Stack>\n\n      {flavor.extra_specs && Object.keys(flavor.extra_specs).length > 0 && (\n        <Stack direction=\"vertical\" gap=\"2\">\n          <ContentHeading>\n            <Trans>Extra Specs</Trans>\n          </ContentHeading>\n          <TwoColumnDescriptionList items={extraSpecItems} />\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n","import {\n  Button,\n  ButtonRow,\n  Stack,\n  PopupMenu,\n  PopupMenuToggle,\n  PopupMenuOptions,\n  PopupMenuItem,\n  Container,\n  Status,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate, useParams } from \"@tanstack/react-router\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { FlavorDetailsView } from \"./-components/FlavorDetailsView\"\nimport { useErrorTranslation } from \"@/client/utils/useErrorTranslation\"\nimport { EditSpecModal } from \"./-components/EditSpecModal\"\nimport { ManageAccessModal } from \"./-components/ManageAccessModal\"\nimport { DeleteFlavorModal } from \"./-components/DeleteFlavorModal\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/flavors/$flavorId\")({\n  staticData: {\n    section: \"compute\",\n    service: \"flavors\",\n    analytics: {\n      name: \"compute.flavors.detail\",\n    },\n  } satisfies RouteInfo,\n  loader: async ({ context, params }) => {\n    const flavor = await context.trpcClient?.compute.getFlavorById.query({\n      project_id: params.projectId,\n      flavorId: params.flavorId,\n    })\n    return { flavorName: flavor?.name ?? null }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.flavorName ?? \"Flavor 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    if (!serviceIndex[\"flavor\"] && !serviceIndex[\"compute\"]) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { projectId, flavorId } = useParams({\n    from: \"/_auth/projects/$projectId/compute/flavors/$flavorId\",\n  })\n  const { trpcClient } = Route.useRouteContext()\n  const navigate = useNavigate()\n  const { t } = useLingui()\n  const { translateError, isRetryableError } = useErrorTranslation()\n\n  const {\n    data: flavor,\n    status,\n    error,\n    refetch,\n  } = trpcReact.compute.getFlavorById.useQuery({\n    project_id: projectId,\n    flavorId,\n  })\n\n  useSetBreadcrumb(Route.id, flavor?.name)\n\n  const { data: permissionsData } = trpcReact.compute.canUser.useQuery({\n    project_id: projectId,\n    permission: [\n      \"flavors:delete\",\n      \"flavors:list_projects\",\n      \"flavor_specs:create\",\n      \"flavor_specs:delete\",\n      \"flavor_specs:list\",\n    ],\n  })\n\n  const canDeleteFlavor = permissionsData?.[0] ?? false\n  const canManageAccess = permissionsData?.[1] ?? false\n  const canManageSpecs = (permissionsData?.[2] ?? false) || (permissionsData?.[3] ?? false)\n  const canListSpecs = permissionsData?.[4] ?? false\n\n  const [specModalOpen, toggleSpecModal] = useModal()\n  const [accessModalOpen, toggleAccessModal] = useModal()\n  const [deleteModalOpen, toggleDeleteModal] = useModal()\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/compute/flavors\",\n      params: { projectId },\n    })\n  }\n\n  const handleHome = () => {\n    navigate({\n      to: \"/projects/$projectId\",\n      params: { projectId },\n    })\n  }\n\n  const handleRetry = () => {\n    refetch()\n  }\n\n  if (status === \"pending\") {\n    return <Status status=\"progress\" title={t`Loading Flavor Details...`} />\n  }\n\n  if (status === \"error\") {\n    const errorCode = error?.message || \"UNKNOWN_ERROR\"\n    const translatedError = translateError(errorCode)\n    const canRetry = isRetryableError(errorCode)\n\n    const getStatusCode = (code: string): number | undefined => {\n      if (code.includes(\"UNAUTHORIZED\")) return 401\n      if (code.includes(\"FORBIDDEN\")) return 403\n      if (code.includes(\"NOT_FOUND\")) return 404\n      if (code.includes(\"SERVER_ERROR\")) return 500\n      return undefined\n    }\n\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={getStatusCode(errorCode)}\n          title={t`Error Loading Flavor`}\n          body={translatedError}\n          action={\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleBack}>\n                <Trans>Back</Trans>\n              </Button>\n              <Button onClick={handleHome}>\n                <Trans>Home</Trans>\n              </Button>\n              {canRetry && (\n                <Button onClick={handleRetry}>\n                  <Trans>Try Again</Trans>\n                </Button>\n              )}\n            </ButtonRow>\n          }\n        />\n      </Container>\n    )\n  }\n\n  if (!flavor) {\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={404}\n          title={t`Flavor Not Found`}\n          body={t`The requested flavor could not be found. It may have been deleted or you may not have access to it.`}\n          action={\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleBack}>\n                <Trans>Back</Trans>\n              </Button>\n              <Button onClick={handleHome}>\n                <Trans>Home</Trans>\n              </Button>\n            </ButtonRow>\n          }\n        />\n      </Container>\n    )\n  }\n\n  const isPublicFlavor = flavor[\"os-flavor-access:is_public\"] !== false\n  const hasMoreActions = canManageAccess || canDeleteFlavor || canManageSpecs || canListSpecs\n\n  const headerActions = hasMoreActions ? (\n    <ButtonRow>\n      <PopupMenu>\n        <PopupMenuToggle as=\"div\">\n          <Button icon=\"moreVert\">\n            <Trans>More Actions</Trans>\n          </Button>\n        </PopupMenuToggle>\n        <PopupMenuOptions>\n          {(canManageSpecs || canListSpecs) && (\n            <PopupMenuItem label={canManageSpecs ? t`Edit Metadata` : t`Metadata`} onClick={toggleSpecModal} />\n          )}\n          {canManageAccess && (\n            <PopupMenuItem label={t`Manage Access`} onClick={toggleAccessModal} disabled={isPublicFlavor} />\n          )}\n          {canDeleteFlavor && <PopupMenuItem label={t`Delete Flavor`} onClick={toggleDeleteModal} />}\n        </PopupMenuOptions>\n      </PopupMenu>\n    </ButtonRow>\n  ) : undefined\n\n  return (\n    <>\n      <ContentHeader title={flavor.name} projectId={projectId} actions={headerActions} />\n      <Stack direction=\"vertical\">\n        <FlavorDetailsView flavor={flavor} />\n      </Stack>\n\n      {trpcClient && (\n        <>\n          {specModalOpen && (\n            <EditSpecModal\n              client={trpcClient}\n              isOpen={specModalOpen}\n              onClose={toggleSpecModal}\n              project={projectId}\n              flavor={flavor}\n              canEdit={canManageSpecs}\n            />\n          )}\n\n          {accessModalOpen && (\n            <ManageAccessModal\n              client={trpcClient}\n              isOpen={accessModalOpen}\n              onClose={toggleAccessModal}\n              project={projectId}\n              flavor={flavor}\n            />\n          )}\n\n          {deleteModalOpen && (\n            <DeleteFlavorModal\n              client={trpcClient}\n              isOpen={deleteModalOpen}\n              onClose={toggleDeleteModal}\n              project={projectId}\n              flavor={flavor}\n              onSuccess={handleBack}\n            />\n          )}\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"_flavorId-kHl-b8rI.mjs","names":["Stack","ContentHeading","ClipboardText","TwoColumnDescriptionList","FlavorDetailsView","flavor","useLingui","formatWithUnit","value","unit","basicInfoItems","label","t","text","id","name","description","hardwareSpecItems","vcpus","ram","disk","swap","Number","rxtx_factor","extraSpecItems","extra_specs","Object","entries","map","key","direction","gap","className","items","keys","length","Button","ButtonRow","Stack","PopupMenu","PopupMenuToggle","PopupMenuOptions","PopupMenuItem","Container","Status","useNavigate","useParams","Trans","useLingui","trpcReact","useSetBreadcrumb","FlavorDetailsView","useErrorTranslation","EditSpecModal","ManageAccessModal","DeleteFlavorModal","useModal","ContentHeader","Route","RouteComponent","projectId","flavorId","from","trpcClient","useRouteContext","navigate","t","translateError","isRetryableError","data","flavor","status","error","refetch","compute","getFlavorById","useQuery","project_id","id","name","permissionsData","canUser","permission","canDeleteFlavor","canManageAccess","canManageSpecs","canListSpecs","specModalOpen","toggleSpecModal","accessModalOpen","toggleAccessModal","deleteModalOpen","toggleDeleteModal","handleBack","to","params","handleHome","handleRetry","errorCode","message","translatedError","canRetry","getStatusCode","code","includes","undefined","isPublicFlavor","hasMoreActions","headerActions","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/flavors/-components/FlavorDetailsView.tsx","../../src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx?tsr-split=component"],"sourcesContent":["import { Stack, ContentHeading } from \"@cloudoperators/juno-ui-components/index\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport type { Flavor } from \"@/server/Compute/types/flavor\"\nimport ClipboardText from \"@/client/components/ClipboardText\"\nimport { TwoColumnDescriptionList } from \"@/client/components/TwoColumnDescriptionList\"\n\ninterface FlavorDetailsViewProps {\n  flavor: Flavor\n}\n\nexport function FlavorDetailsView({ flavor }: FlavorDetailsViewProps) {\n  const { t } = useLingui()\n  const formatWithUnit = (value: number, unit: string) => `${value} ${unit}`\n\n  const basicInfoItems = [\n    { label: t`ID`, value: <ClipboardText text={flavor.id} /> },\n    { label: t`Name`, value: flavor.name },\n    { label: t`Description`, value: flavor?.description ?? \"\" },\n    {\n      label: t`Public`,\n      value: flavor[\"os-flavor-access:is_public\"] ? <Trans>Yes</Trans> : <Trans>No</Trans>,\n    },\n    {\n      label: t`Disabled`,\n      value: flavor[\"OS-FLV-DISABLED:disabled\"] ? <Trans>Yes</Trans> : <Trans>No</Trans>,\n    },\n  ]\n\n  const hardwareSpecItems = [\n    { label: t`VCPUs`, value: flavor.vcpus },\n    { label: t`RAM`, value: formatWithUnit(flavor.ram, \"MiB\") },\n    { label: t`Disk`, value: formatWithUnit(flavor.disk, \"GiB\") },\n    {\n      label: t`Ephemeral Disk`,\n      value: formatWithUnit(flavor[\"OS-FLV-EXT-DATA:ephemeral\"] || 0, \"GiB\"),\n    },\n    {\n      label: t`Swap`,\n      value: flavor.swap === 0 || flavor.swap === \"\" ? <Trans>None</Trans> : formatWithUnit(Number(flavor.swap), \"MiB\"),\n    },\n    { label: t`RX/TX Factor`, value: flavor.rxtx_factor ?? \"\" },\n  ]\n\n  const extraSpecItems = flavor.extra_specs\n    ? Object.entries(flavor.extra_specs).map(([key, value]) => ({ label: key, value }))\n    : []\n\n  return (\n    <Stack direction=\"vertical\" gap=\"6\" className=\"mt-6\">\n      <Stack direction=\"vertical\" gap=\"2\">\n        <ContentHeading>\n          <Trans>Basic Information</Trans>\n        </ContentHeading>\n        <TwoColumnDescriptionList items={basicInfoItems} />\n      </Stack>\n\n      <Stack direction=\"vertical\" gap=\"2\">\n        <ContentHeading>\n          <Trans>Hardware Specifications</Trans>\n        </ContentHeading>\n        <TwoColumnDescriptionList items={hardwareSpecItems} />\n      </Stack>\n\n      {flavor.extra_specs && Object.keys(flavor.extra_specs).length > 0 && (\n        <Stack direction=\"vertical\" gap=\"2\">\n          <ContentHeading>\n            <Trans>Extra Specs</Trans>\n          </ContentHeading>\n          <TwoColumnDescriptionList items={extraSpecItems} />\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n","import {\n  Button,\n  ButtonRow,\n  Stack,\n  PopupMenu,\n  PopupMenuToggle,\n  PopupMenuOptions,\n  PopupMenuItem,\n  Container,\n  Status,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate, useParams } from \"@tanstack/react-router\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { FlavorDetailsView } from \"./-components/FlavorDetailsView\"\nimport { useErrorTranslation } from \"@/client/utils/useErrorTranslation\"\nimport { EditSpecModal } from \"./-components/EditSpecModal\"\nimport { ManageAccessModal } from \"./-components/ManageAccessModal\"\nimport { DeleteFlavorModal } from \"./-components/DeleteFlavorModal\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/flavors/$flavorId\")({\n  staticData: {\n    section: \"compute\",\n    service: \"flavors\",\n    analytics: {\n      name: \"compute.flavors.detail\",\n    },\n  } satisfies RouteInfo,\n  loader: async ({ context, params }) => {\n    const flavor = await context.trpcClient?.compute.getFlavorById.query({\n      project_id: params.projectId,\n      flavorId: params.flavorId,\n    })\n    return { flavorName: flavor?.name ?? null }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.flavorName ?? \"Flavor 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    if (!serviceIndex[\"flavor\"] && !serviceIndex[\"compute\"]) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { projectId, flavorId } = useParams({\n    from: \"/_auth/projects/$projectId/compute/flavors/$flavorId\",\n  })\n  const { trpcClient } = Route.useRouteContext()\n  const navigate = useNavigate()\n  const { t } = useLingui()\n  const { translateError, isRetryableError } = useErrorTranslation()\n\n  const {\n    data: flavor,\n    status,\n    error,\n    refetch,\n  } = trpcReact.compute.getFlavorById.useQuery({\n    project_id: projectId,\n    flavorId,\n  })\n\n  useSetBreadcrumb(Route.id, flavor?.name)\n\n  const { data: permissionsData } = trpcReact.compute.canUser.useQuery({\n    project_id: projectId,\n    permission: [\n      \"flavors:delete\",\n      \"flavors:list_projects\",\n      \"flavor_specs:create\",\n      \"flavor_specs:delete\",\n      \"flavor_specs:list\",\n    ],\n  })\n\n  const canDeleteFlavor = permissionsData?.[0] ?? false\n  const canManageAccess = permissionsData?.[1] ?? false\n  const canManageSpecs = (permissionsData?.[2] ?? false) || (permissionsData?.[3] ?? false)\n  const canListSpecs = permissionsData?.[4] ?? false\n\n  const [specModalOpen, toggleSpecModal] = useModal()\n  const [accessModalOpen, toggleAccessModal] = useModal()\n  const [deleteModalOpen, toggleDeleteModal] = useModal()\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/compute/flavors\",\n      params: { projectId },\n    })\n  }\n\n  const handleHome = () => {\n    navigate({\n      to: \"/projects/$projectId\",\n      params: { projectId },\n    })\n  }\n\n  const handleRetry = () => {\n    refetch()\n  }\n\n  if (status === \"pending\") {\n    return <Status status=\"progress\" title={t`Loading Flavor Details...`} />\n  }\n\n  if (status === \"error\") {\n    const errorCode = error?.message || \"UNKNOWN_ERROR\"\n    const translatedError = translateError(errorCode)\n    const canRetry = isRetryableError(errorCode)\n\n    const getStatusCode = (code: string): number | undefined => {\n      if (code.includes(\"UNAUTHORIZED\")) return 401\n      if (code.includes(\"FORBIDDEN\")) return 403\n      if (code.includes(\"NOT_FOUND\")) return 404\n      if (code.includes(\"SERVER_ERROR\")) return 500\n      return undefined\n    }\n\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={getStatusCode(errorCode)}\n          title={t`Error Loading Flavor`}\n          body={translatedError}\n          action={\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleBack}>\n                <Trans>Back</Trans>\n              </Button>\n              <Button onClick={handleHome}>\n                <Trans>Home</Trans>\n              </Button>\n              {canRetry && (\n                <Button onClick={handleRetry}>\n                  <Trans>Try Again</Trans>\n                </Button>\n              )}\n            </ButtonRow>\n          }\n        />\n      </Container>\n    )\n  }\n\n  if (!flavor) {\n    return (\n      <Container className=\"py-8\">\n        <Status\n          status=\"error\"\n          code={404}\n          title={t`Flavor Not Found`}\n          body={t`The requested flavor could not be found. It may have been deleted or you may not have access to it.`}\n          action={\n            <ButtonRow>\n              <Button variant=\"primary\" onClick={handleBack}>\n                <Trans>Back</Trans>\n              </Button>\n              <Button onClick={handleHome}>\n                <Trans>Home</Trans>\n              </Button>\n            </ButtonRow>\n          }\n        />\n      </Container>\n    )\n  }\n\n  const isPublicFlavor = flavor[\"os-flavor-access:is_public\"] !== false\n  const hasMoreActions = canManageAccess || canDeleteFlavor || canManageSpecs || canListSpecs\n\n  const headerActions = hasMoreActions ? (\n    <Stack gap=\"0.5\" alignment=\"center\">\n      {(canManageAccess || canDeleteFlavor) && (\n        <PopupMenu>\n          <PopupMenuToggle as=\"div\">\n            <Button icon=\"moreVert\" title={t`More Actions`} />\n          </PopupMenuToggle>\n          <PopupMenuOptions>\n            {canManageAccess && (\n              <PopupMenuItem label={t`Manage Access`} onClick={toggleAccessModal} disabled={isPublicFlavor} />\n            )}\n            {canDeleteFlavor && <PopupMenuItem label={t`Delete Flavor`} onClick={toggleDeleteModal} />}\n          </PopupMenuOptions>\n        </PopupMenu>\n      )}\n      {(canManageSpecs || canListSpecs) && (\n        <Button variant=\"primary\" onClick={toggleSpecModal}>\n          {canManageSpecs ? <Trans>Edit Metadata</Trans> : <Trans>Metadata</Trans>}\n        </Button>\n      )}\n    </Stack>\n  ) : undefined\n\n  return (\n    <>\n      <ContentHeader title={flavor.name} projectId={projectId} actions={headerActions} />\n      <Stack direction=\"vertical\">\n        <FlavorDetailsView flavor={flavor} />\n      </Stack>\n\n      {trpcClient && (\n        <>\n          {specModalOpen && (\n            <EditSpecModal\n              client={trpcClient}\n              isOpen={specModalOpen}\n              onClose={toggleSpecModal}\n              project={projectId}\n              flavor={flavor}\n              canEdit={canManageSpecs}\n            />\n          )}\n\n          {accessModalOpen && (\n            <ManageAccessModal\n              client={trpcClient}\n              isOpen={accessModalOpen}\n              onClose={toggleAccessModal}\n              project={projectId}\n              flavor={flavor}\n            />\n          )}\n\n          {deleteModalOpen && (\n            <DeleteFlavorModal\n              client={trpcClient}\n              isOpen={deleteModalOpen}\n              onClose={toggleDeleteModal}\n              project={projectId}\n              flavor={flavor}\n              onSuccess={handleBack}\n            />\n          )}\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/client/{_floatingIpId-AZ11Ksmu.mjs → _floatingIpId-C9xfRWot.mjs}

@@ -11,7 +11,7 @@ var i = t("/_auth/projects/$projectId/network/floatingips/$floatingIpId/")({
 		floatingip_id: t.floatingIpId
 	}))?.floating_ip_address ?? null }),
 	head: ({ loaderData: e }) => ({ meta: [{ title: e?.floatingIpAddress ?? "Floating IP" }] }),
-	component: n(() => import("./_floatingIpId-AE9Fu8l6.mjs"), "component"),
+	component: n(() => import("./_floatingIpId-DNn6ABCB.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({
@@ -23,4 +23,4 @@ var i = t("/_auth/projects/$projectId/network/floatingips/$floatingIpId/")({
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=_floatingIpId-AZ11Ksmu.mjs.map
+//# sourceMappingURL=_floatingIpId-C9xfRWot.mjs.map

package/dist/client/_floatingIpId-C9xfRWot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_floatingIpId-C9xfRWot.mjs","names":["createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","analytics","name","RouteInfo","loader","context","params","floatingIp","trpcClient","network","getById","query","project_id","projectId","floatingip_id","floatingIpId","floatingIpAddress","floating_ip_address","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex","to"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/index.tsx"],"sourcesContent":["import { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport { Button, Status } from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { FloatingIpDetailsView } from \"./-components/-details/FloatingIpDetailsView\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/floatingips/$floatingIpId/\")({\n  staticData: {\n    section: \"network\",\n    service: \"floatingips\",\n    analytics: {\n      name: \"network.floatingips.detail\",\n    },\n  } satisfies RouteInfo,\n  loader: async ({ context, params }) => {\n    const floatingIp = await context.trpcClient?.network.floatingIp.getById.query({\n      project_id: params.projectId,\n      floatingip_id: params.floatingIpId,\n    })\n    return { floatingIpAddress: floatingIp?.floating_ip_address ?? null }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.floatingIpAddress ?? \"Floating IP\" }],\n  }),\n  component: RouteComponent,\n  beforeLoad: async ({ context, params }) => {\n    const { trpcClient } = context\n\n    const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n    const serviceIndex = getServiceIndex(availableServices)\n\n    // Redirect if network service not available\n    if (!serviceIndex[\"network\"]) {\n      throw redirect({\n        to: \"/projects/$projectId/network/floatingips\",\n        params: { projectId: params.projectId },\n      })\n    }\n\n    if (!serviceIndex[\"network\"][\"neutron\"]) {\n      throw redirect({\n        to: \"/projects/$projectId/network/floatingips\",\n        params: { projectId: params.projectId },\n      })\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { floatingIpId } = Route.useParams()\n  const projectId = useProjectId()\n  const navigate = useNavigate()\n  const { t } = useLingui()\n\n  // Fetch floating IP details\n  const {\n    data: floatingIp,\n    isLoading,\n    isError,\n    error,\n  } = trpcReact.network.floatingIp.getById.useQuery({\n    project_id: projectId,\n    floatingip_id: floatingIpId,\n  })\n\n  useSetBreadcrumb(Route.id, floatingIp?.floating_ip_address)\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/network/floatingips\",\n      params: { projectId },\n    })\n  }\n\n  // Loading state\n  if (isLoading) {\n    return <Status status=\"progress\" title={t`Loading Floating IP Details...`} />\n  }\n\n  // Error state\n  if (isError || !floatingIp) {\n    const errorMessage = error?.message || t`Error loading floating IP`\n    return (\n      <Status\n        status=\"error\"\n        title={isError ? errorMessage : t`Floating IP not found`}\n        action={\n          <Button onClick={handleBack} variant=\"primary\">\n            <Trans>Back to Floating IPs</Trans>\n          </Button>\n        }\n      />\n    )\n  }\n\n  return <FloatingIpDetailsView floatingIp={floatingIp} />\n}\n"],"mappings":";;AAUA,IAAaG,IAAQH,EAAgB,+DAAA,CAAA,CAAiE;CACpGI,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,6BACR;CACF;CACAE,QAAQ,OAAO,EAAEC,YAASC,iBAKjB,EAAEU,oBAAmBT,MAJHF,EAAQG,YAAYC,QAAQF,WAAWG,QAAQC,MAAM;EAC5EC,YAAYN,EAAOO;EACnBC,eAAeR,EAAOS;CACxB,CAAA,EAAA,EACwCE,uBAAuB,KAAK;CAEtEC,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYH,qBAAqB,cAAc,CAAC,EAClE;CACAM,WAASC,gDAAA,WAAA;CACTE,YAAY,OAAO,EAAEpB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GAEjBqB,IAAoB,MAAOlB,GAAYmB,KAAKC,qBAAqBjB,MAAAA,KAAY,CAAA,GAC7EkB,IAAejC,EAAgB8B,CAAAA;EAUrC,IAPI,CAACG,EAAa,WAOd,CAACA,EAAa,QAAW,SAC3B,MAAMlC,EAAS;GACbmC,IAAI;GACJxB,QAAQ,EAAEO,WAAWP,EAAOO,UAAU;EACxC,CAAA;CAEJ;AACF,CAAA"}

package/dist/client/_floatingIpId-DNn6ABCB.mjs

@@ -0,0 +1,196 @@
+import { D as e, Q as t, at as n, c as r, g as i, i as a, rt as o, x as s } from "./build-WuxXRAqf.mjs";
+import { a as c } from "./trpcClient-D7gpR7YG.mjs";
+import { t as l } from "./_floatingIpId-C9xfRWot.mjs";
+import { t as u } from "./useProjectId-DBc5lpoU.mjs";
+import { t as d } from "./ContentHeader-CPJbgYWn.mjs";
+import { t as f } from "./useSetBreadcrumb-tn7lBaQV.mjs";
+import "./hooks-D0yKIumu.mjs";
+import { t as p } from "./TwoColumnDescriptionList-DKS42RKa.mjs";
+import { t as m } from "./FloatingIpActionModals-Ch8uozH9.mjs";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useNavigate as v } from "@tanstack/react-router";
+import { Trans as y, useLingui as b } from "@lingui/react";
+//#region src/client/utils/formatFloatingIpStatus.ts
+var x = (e) => e.charAt(0) + e.slice(1).toLowerCase(), S = ({ floatingIp: o }) => {
+	let { i18n: c, _: l } = b(), u = [
+		{
+			label: c._({ id: "S0kLOH" }),
+			value: o.id
+		},
+		{
+			label: c._({ id: "Nu4oKW" }),
+			value: o.description || "—"
+		},
+		{
+			label: c._({ id: "mSfwLL" }),
+			value: o.project_id || "—"
+		},
+		{
+			label: c._({ id: "uAQUqI" }),
+			value: x(o.status)
+		},
+		{
+			label: c._({ id: "88kg0+" }),
+			value: o.created_at ? new Date(o.created_at).toLocaleString() : "—"
+		},
+		{
+			label: c._({ id: "Llcakz" }),
+			value: o.updated_at ? new Date(o.updated_at).toLocaleString() : "—"
+		},
+		{
+			label: c._({ id: "OYHzN1" }),
+			value: o.tags?.join(", ") || "—"
+		}
+	], f = [
+		{
+			label: c._({ id: "xNG/3n" }),
+			value: o.floating_ip_address || "—"
+		},
+		{
+			label: c._({ id: "7AfIPZ" }),
+			value: o.floating_network_id || "—"
+		},
+		{
+			label: c._({ id: "Nc7QKU" }),
+			value: o.fixed_ip_address || "—"
+		},
+		{
+			label: c._({ id: "6sxz+g" }),
+			value: o.port_details?.name || "—"
+		},
+		{
+			label: c._({ id: "sNVNmf" }),
+			value: o.port_details?.mac_address || "—"
+		},
+		{
+			label: c._({ id: "hrBow7" }),
+			value: o.port_details?.network_id || "—"
+		},
+		{
+			label: c._({ id: "OaSktR" }),
+			value: o.port_details?.device_owner || "—"
+		},
+		{
+			label: c._({ id: "9rz81C" }),
+			value: o.port_details?.device_id || "—"
+		},
+		{
+			label: c._({ id: "/bUiYk" }),
+			value: o.router_id || "—"
+		},
+		{
+			label: c._({ id: "eks7oA" }),
+			value: o.port_id || "—"
+		},
+		{
+			label: c._({ id: "W9kfjU" }),
+			value: o.qos_policy_id || "—"
+		},
+		{
+			label: c._({ id: "mQSO1Y" }),
+			value: o.port_forwardings?.map((e) => e.id).join(", ") || "—"
+		}
+	], v = [{
+		label: c._({ id: "WlpcJv" }),
+		value: o.dns_domain || "—"
+	}, {
+		label: c._({ id: "eGEHJE" }),
+		value: o.dns_name || "—"
+	}];
+	return /*#__PURE__*/ _(h, { children: [/*#__PURE__*/ g(d, {
+		title: o.floating_ip_address ?? o.id,
+		projectId: o.project_id,
+		actions: /*#__PURE__*/ g(m, {
+			floatingIp: o,
+			children: ({ toggleEditModal: n, toggleAttachModal: o, toggleDetachModal: l, toggleReleaseModal: u }) => /*#__PURE__*/ _(t, {
+				gap: "0.5",
+				alignment: "center",
+				children: [/*#__PURE__*/ _(e, {
+					className: "flex items-center",
+					children: [/*#__PURE__*/ g(r, {
+						as: "div",
+						children: /*#__PURE__*/ g(a, {
+							icon: "moreVert",
+							title: c._({ id: "6Nd4D3" })
+						})
+					}), /*#__PURE__*/ _(i, { children: [
+						/*#__PURE__*/ g(s, {
+							label: c._({ id: "n22YIM" }),
+							onClick: n
+						}),
+						/*#__PURE__*/ g(s, {
+							label: c._({ id: "FOcBn3" }),
+							onClick: l
+						}),
+						/*#__PURE__*/ g(s, {
+							label: c._({ id: "H+a5j6" }),
+							onClick: u
+						})
+					] })]
+				}), /*#__PURE__*/ g(a, {
+					variant: "primary",
+					className: "whitespace-nowrap",
+					onClick: o,
+					children: c._({ id: "igVDFt" })
+				})]
+			})
+		})
+	}), /*#__PURE__*/ _(t, {
+		direction: "vertical",
+		gap: "6",
+		className: "my-6",
+		children: [
+			/*#__PURE__*/ _(t, {
+				direction: "vertical",
+				gap: "2",
+				children: [/*#__PURE__*/ g(n, { children: /*#__PURE__*/ g(y, { id: "SuX2Ca" }) }), /*#__PURE__*/ g(p, { items: u })]
+			}),
+			/*#__PURE__*/ _(t, {
+				direction: "vertical",
+				gap: "2",
+				children: [/*#__PURE__*/ g(n, { children: /*#__PURE__*/ g(y, { id: "jKopCP" }) }), /*#__PURE__*/ g(p, { items: f })]
+			}),
+			/*#__PURE__*/ _(t, {
+				direction: "vertical",
+				gap: "2",
+				children: [/*#__PURE__*/ g(n, { children: /*#__PURE__*/ g(y, { id: "5M4Te3" }) }), /*#__PURE__*/ g(p, { items: v })]
+			})
+		]
+	})] });
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/index.tsx?tsr-split=component
+function C() {
+	let { floatingIpId: e } = l.useParams(), t = u(), n = v(), { i18n: r, _: i } = b(), { data: s, isLoading: d, isError: p, error: m } = c.network.floatingIp.getById.useQuery({
+		project_id: t,
+		floatingip_id: e
+	});
+	f(l.id, s?.floating_ip_address);
+	let h = () => {
+		n({
+			to: "/projects/$projectId/network/floatingips",
+			params: { projectId: t }
+		});
+	};
+	if (d) return /*#__PURE__*/ g(o, {
+		status: "progress",
+		title: r._({ id: "VLI9eO" })
+	});
+	if (p || !s) {
+		let e = m?.message || r._({ id: "Smk7M2" });
+		return /*#__PURE__*/ g(o, {
+			status: "error",
+			title: p ? e : r._({ id: "ChOuUj" }),
+			action: /*#__PURE__*/ g(a, {
+				onClick: h,
+				variant: "primary",
+				children: /*#__PURE__*/ g(y, { id: "z1JceR" })
+			})
+		});
+	}
+	return /*#__PURE__*/ g(S, { floatingIp: s });
+}
+//#endregion
+export { C as component };
+
+//# sourceMappingURL=_floatingIpId-DNn6ABCB.mjs.map

package/dist/client/_floatingIpId-DNn6ABCB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_floatingIpId-DNn6ABCB.mjs","names":["formatFloatingIpStatus","status","charAt","slice","toLowerCase","Stack","Button","ContentHeading","PopupMenu","PopupMenuToggle","PopupMenuItem","PopupMenuOptions","formatFloatingIpStatus","TwoColumnDescriptionList","ContentHeader","FloatingIpActionModals","FloatingIpDetailsView","floatingIp","useLingui","basicInfoItems","label","t","value","id","description","project_id","status","created_at","Date","toLocaleString","updated_at","tags","join","networkRoutingItems","floating_ip_address","floating_network_id","fixed_ip_address","port_details","name","mac_address","network_id","device_owner","device_id","router_id","port_id","qos_policy_id","port_forwardings","map","port","dnsItems","dns_domain","dns_name","title","projectId","actions","toggleEditModal","toggleAttachModal","toggleDetachModal","toggleReleaseModal","gap","alignment","className","as","icon","onClick","variant","direction","items","useNavigate","Button","Status","Trans","useLingui","useProjectId","trpcReact","useSetBreadcrumb","FloatingIpDetailsView","Route","RouteComponent","floatingIpId","useParams","projectId","navigate","t","data","floatingIp","isLoading","isError","error","network","getById","useQuery","project_id","floatingip_id","id","floating_ip_address","handleBack","to","params","errorMessage","message","component"],"sources":["../../src/client/utils/formatFloatingIpStatus.ts","../../src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/-components/-details/FloatingIpDetailsView.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/index.tsx?tsr-split=component"],"sourcesContent":["import type { FloatingIpStatus } from \"@/server/Network/types/floatingIp\"\n\n/**\n * Formats a floating IP status value from uppercase enum to title case.\n * Example: \"ACTIVE\" → \"Active\", \"DOWN\" → \"Down\", \"ERROR\" → \"Error\"\n */\nexport const formatFloatingIpStatus = (status: FloatingIpStatus) => {\n  return status.charAt(0) + status.slice(1).toLowerCase()\n}\n","import { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  Stack,\n  Button,\n  ContentHeading,\n  PopupMenu,\n  PopupMenuToggle,\n  PopupMenuItem,\n  PopupMenuOptions,\n} from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { formatFloatingIpStatus } from \"@/client/utils/formatFloatingIpStatus\"\nimport type { DetailListItem } from \"@/client/components/TwoColumnDescriptionList\"\nimport { TwoColumnDescriptionList } from \"@/client/components/TwoColumnDescriptionList\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { FloatingIpActionModals } from \"../../../-components/-modals/FloatingIpActionModals\"\n\ninterface FloatingIpDetailsViewProps {\n  floatingIp: FloatingIp\n}\n\nexport const FloatingIpDetailsView = ({ floatingIp }: FloatingIpDetailsViewProps) => {\n  const { t } = useLingui()\n\n  const basicInfoItems: DetailListItem[] = [\n    { label: t`ID`, value: floatingIp.id },\n    { label: t`Description`, value: floatingIp.description || `—` },\n    { label: t`Project ID`, value: floatingIp.project_id || `—` },\n    { label: t`Status`, value: formatFloatingIpStatus(floatingIp.status) },\n    { label: t`Created At`, value: floatingIp.created_at ? new Date(floatingIp.created_at).toLocaleString() : `—` },\n    { label: t`Updated At`, value: floatingIp.updated_at ? new Date(floatingIp.updated_at).toLocaleString() : `—` },\n    { label: t`Tags`, value: floatingIp.tags?.join(\", \") || `—` },\n  ]\n\n  const networkRoutingItems: DetailListItem[] = [\n    { label: t`Floating IP Address`, value: floatingIp.floating_ip_address || `—` },\n    { label: t`Floating Network`, value: floatingIp.floating_network_id || `—` },\n    { label: t`Fixed IP Address`, value: floatingIp.fixed_ip_address || `—` },\n    { label: t`Port Name`, value: floatingIp.port_details?.name || `—` },\n    { label: t`MAC Address`, value: floatingIp.port_details?.mac_address || `—` },\n    { label: t`Network ID`, value: floatingIp.port_details?.network_id || `—` },\n    { label: t`Device Owner`, value: floatingIp.port_details?.device_owner || `—` },\n    { label: t`Device ID`, value: floatingIp.port_details?.device_id || `—` },\n    { label: t`Router ID`, value: floatingIp.router_id || `—` },\n    { label: t`Port ID`, value: floatingIp.port_id || `—` },\n    { label: t`QoS Policy ID`, value: floatingIp.qos_policy_id || `—` },\n    { label: t`Port Forwarding`, value: floatingIp.port_forwardings?.map((port) => port.id).join(\", \") || `—` },\n  ]\n\n  const dnsItems: DetailListItem[] = [\n    { label: t`DNS Domain`, value: floatingIp.dns_domain || `—` },\n    { label: t`DNS Name`, value: floatingIp.dns_name || `—` },\n  ]\n\n  return (\n    <>\n      <ContentHeader\n        title={floatingIp.floating_ip_address ?? floatingIp.id}\n        projectId={floatingIp.project_id}\n        actions={\n          <FloatingIpActionModals floatingIp={floatingIp}>\n            {({ toggleEditModal, toggleAttachModal, toggleDetachModal, toggleReleaseModal }) => (\n              <Stack gap=\"0.5\" alignment=\"center\">\n                <PopupMenu className=\"flex items-center\">\n                  <PopupMenuToggle as=\"div\">\n                    <Button icon=\"moreVert\" title={t`Floating IP actions`} />\n                  </PopupMenuToggle>\n                  <PopupMenuOptions>\n                    <PopupMenuItem label={t`Edit Description`} onClick={toggleEditModal} />\n                    <PopupMenuItem label={t`Detach`} onClick={toggleDetachModal} />\n                    <PopupMenuItem label={t`Release`} onClick={toggleReleaseModal} />\n                  </PopupMenuOptions>\n                </PopupMenu>\n                <Button variant=\"primary\" className=\"whitespace-nowrap\" onClick={toggleAttachModal}>\n                  {t`Attach`}\n                </Button>\n              </Stack>\n            )}\n          </FloatingIpActionModals>\n        }\n      />\n\n      <Stack direction=\"vertical\" gap=\"6\" className=\"my-6\">\n        <Stack direction=\"vertical\" gap=\"2\">\n          <ContentHeading>\n            <Trans>Basic Info</Trans>\n          </ContentHeading>\n          <TwoColumnDescriptionList items={basicInfoItems} />\n        </Stack>\n\n        <Stack direction=\"vertical\" gap=\"2\">\n          <ContentHeading>\n            <Trans>Network & Routing</Trans>\n          </ContentHeading>\n          <TwoColumnDescriptionList items={networkRoutingItems} />\n        </Stack>\n\n        <Stack direction=\"vertical\" gap=\"2\">\n          <ContentHeading>\n            <Trans>DNS</Trans>\n          </ContentHeading>\n          <TwoColumnDescriptionList items={dnsItems} />\n        </Stack>\n      </Stack>\n    </>\n  )\n}\n","import { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport { Button, Status } from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { FloatingIpDetailsView } from \"./-components/-details/FloatingIpDetailsView\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/floatingips/$floatingIpId/\")({\n  staticData: {\n    section: \"network\",\n    service: \"floatingips\",\n    analytics: {\n      name: \"network.floatingips.detail\",\n    },\n  } satisfies RouteInfo,\n  loader: async ({ context, params }) => {\n    const floatingIp = await context.trpcClient?.network.floatingIp.getById.query({\n      project_id: params.projectId,\n      floatingip_id: params.floatingIpId,\n    })\n    return { floatingIpAddress: floatingIp?.floating_ip_address ?? null }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.floatingIpAddress ?? \"Floating IP\" }],\n  }),\n  component: RouteComponent,\n  beforeLoad: async ({ context, params }) => {\n    const { trpcClient } = context\n\n    const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n    const serviceIndex = getServiceIndex(availableServices)\n\n    // Redirect if network service not available\n    if (!serviceIndex[\"network\"]) {\n      throw redirect({\n        to: \"/projects/$projectId/network/floatingips\",\n        params: { projectId: params.projectId },\n      })\n    }\n\n    if (!serviceIndex[\"network\"][\"neutron\"]) {\n      throw redirect({\n        to: \"/projects/$projectId/network/floatingips\",\n        params: { projectId: params.projectId },\n      })\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { floatingIpId } = Route.useParams()\n  const projectId = useProjectId()\n  const navigate = useNavigate()\n  const { t } = useLingui()\n\n  // Fetch floating IP details\n  const {\n    data: floatingIp,\n    isLoading,\n    isError,\n    error,\n  } = trpcReact.network.floatingIp.getById.useQuery({\n    project_id: projectId,\n    floatingip_id: floatingIpId,\n  })\n\n  useSetBreadcrumb(Route.id, floatingIp?.floating_ip_address)\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/network/floatingips\",\n      params: { projectId },\n    })\n  }\n\n  // Loading state\n  if (isLoading) {\n    return <Status status=\"progress\" title={t`Loading Floating IP Details...`} />\n  }\n\n  // Error state\n  if (isError || !floatingIp) {\n    const errorMessage = error?.message || t`Error loading floating IP`\n    return (\n      <Status\n        status=\"error\"\n        title={isError ? errorMessage : t`Floating IP not found`}\n        action={\n          <Button onClick={handleBack} variant=\"primary\">\n            <Trans>Back to Floating IPs</Trans>\n          </Button>\n        }\n      />\n    )\n  }\n\n  return <FloatingIpDetailsView floatingIp={floatingIp} />\n}\n"],"mappings":"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"}

package/dist/client/{_imageId-D76BxvFY.mjs → _imageId-8JIbFmGB.mjs}

@@ -20,7 +20,7 @@ var a = t("/_auth/projects/$projectId/compute/images/$imageId")({
 		}
 	},
 	head: ({ loaderData: e }) => ({ meta: [{ title: e?.imageTitle ?? "Image Details" }] }),
-	component: n(() => import("./_imageId-BtAql2Kr.mjs"), "component"),
+	component: n(() => import("./_imageId-BBAlRioC.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({
@@ -36,4 +36,4 @@ var a = t("/_auth/projects/$projectId/compute/images/$imageId")({
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=_imageId-D76BxvFY.mjs.map
+//# sourceMappingURL=_imageId-8JIbFmGB.mjs.map

package/dist/client/_imageId-8JIbFmGB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_imageId-8JIbFmGB.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"],"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  toast,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate, useParams, useSearch } from \"@tanstack/react-router\"\nimport { z } from \"zod\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSetBreadcrumb } from \"@/client/hooks/useSetBreadcrumb\"\nimport { ImageDetailsView } from \"./-components/ImageDetailsView\"\nimport { EditImageDetailsModal } from \"./-components/EditImageDetailsModal\"\nimport { EditImageMetadataModal } from \"./-components/EditImageMetadataModal\"\nimport { DeleteImageModal } from \"./-components/DeleteImageModal\"\nimport { ActivateImageModal } from \"./-components/ActivateImageModal\"\nimport { DeactivateImageModal } from \"./-components/DeactivateImageModal\"\nimport { IMAGE_STATUSES, IMAGE_VISIBILITY } from \"../-constants/filters\"\nimport { GlanceImage, MemberStatus } from \"@/server/Compute/types/image\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { InferrableClientTypes } from \"@trpc/server/unstable-core-do-not-import\"\nimport {\n  getImageAccessStatusUpdatedToast,\n  getImageAccessStatusErrorToast,\n  getImageUpdatedToast,\n  getImageActivatedToast,\n  getImageActivationErrorToast,\n  getImageDeactivatedToast,\n  getImageDeactivationErrorToast,\n  getImageVisibilityUpdatedToast,\n  getImageVisibilityUpdateErrorToast,\n} from \"./-components/ImageToastNotifications\"\nimport { useState } from \"react\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\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})\n\nfunction RouteComponent() {\n  const { projectId, imageId } = useParams({\n    from: \"/_auth/projects/$projectId/compute/images/$imageId\",\n  })\n  const { tab } = useSearch({\n    from: \"/_auth/projects/$projectId/compute/images/$imageId\",\n  })\n\n  const navigate = useNavigate()\n  const { t } = useLingui()\n\n  const {\n    data: image,\n    status,\n    error,\n  } = trpcReact.compute.getImageById.useQuery({ project_id: projectId, imageId: imageId })\n\n  useSetBreadcrumb(Route.id, image?.name as string | undefined)\n\n  const { data: permissionsData } = trpcReact.compute.canUser.useQuery({\n    project_id: projectId,\n    permission: [\n      \"images:delete\",\n      \"images:update\",\n      \"images:create_member\",\n      \"images:delete_member\",\n      \"images:update_member\",\n    ],\n  })\n\n  const permissions = {\n    canDelete: permissionsData?.[0] ?? false,\n    canUpdate: permissionsData?.[1] ?? false,\n    canCreateMember: permissionsData?.[2] ?? false,\n    canDeleteMember: permissionsData?.[3] ?? false,\n    canUpdateMember: permissionsData?.[4] ?? false,\n  }\n\n  const utils = trpcReact.useUtils()\n\n  const [editDetailsModalOpen, setEditDetailsModalOpen] = useState(false)\n  const [editMetadataModalOpen, setEditMetadataModalOpen] = useState(false)\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false)\n  const [activateModalOpen, setActivateModalOpen] = useState(false)\n  const [deactivateModalOpen, setDeactivateModalOpen] = useState(false)\n\n  const updateImageMutation = trpcReact.compute.updateImage.useMutation({\n    onSuccess: (updatedImage) => {\n      utils.compute.getImageById.setData({ project_id: projectId, imageId }, updatedImage)\n      utils.compute.listImagesWithPagination.invalidate()\n    },\n  })\n\n  const deleteImageMutation = trpcReact.compute.deleteImage.useMutation({\n    onSuccess: () => {\n      utils.compute.listImagesWithPagination.invalidate()\n    },\n  })\n\n  const deactivateImageMutation = trpcReact.compute.deactivateImage.useMutation({\n    onSuccess: () => {\n      utils.compute.getImageById.invalidate({ project_id: projectId, imageId })\n    },\n  })\n\n  const reactivateImageMutation = trpcReact.compute.reactivateImage.useMutation({\n    onSuccess: () => {\n      utils.compute.getImageById.invalidate({ project_id: projectId, imageId })\n    },\n  })\n\n  const updateImageVisibilityMutation = trpcReact.compute.updateImageVisibility.useMutation({\n    onSuccess: (updatedImage) => {\n      utils.compute.getImageById.setData({ project_id: projectId, imageId }, updatedImage)\n    },\n  })\n\n  const isSharedWithMe =\n    image?.visibility === IMAGE_VISIBILITY.SHARED && image?.owner !== undefined && image?.owner !== projectId\n\n  const { data: myMemberData } = trpcReact.compute.getImageMember.useQuery(\n    { project_id: projectId, imageId: imageId, memberId: projectId },\n    { enabled: isSharedWithMe && !!imageId && !!projectId }\n  )\n\n  const updateMemberMutation = trpcReact.compute.updateImageMember.useMutation({\n    onSuccess: () => {\n      utils.compute.getImageMember.invalidate({ project_id: projectId, imageId: imageId, memberId: projectId })\n      utils.compute.listImageMembers.invalidate({ project_id: projectId, imageId: imageId })\n      utils.compute.listImagesWithPagination.invalidate()\n      utils.compute.listSharedImagesByMemberStatus.invalidate()\n    },\n  })\n\n  const handleMemberStatusChange = async (newStatus: MemberStatus) => {\n    try {\n      await updateMemberMutation.mutateAsync({ project_id: projectId, imageId, memberId: projectId, status: newStatus })\n      const { message, ...options } = getImageAccessStatusUpdatedToast(newStatus)\n      toast.info(message, options)\n    } catch (error) {\n      const errorMessage = (error as TRPCClientError<InferrableClientTypes>)?.message\n      const { message, ...options } = getImageAccessStatusErrorToast(errorMessage)\n      toast.error(message, options)\n    }\n  }\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/compute/images\",\n      params: { projectId },\n    })\n  }\n\n  const isLoading =\n    updateImageMutation.isPending ||\n    deleteImageMutation.isPending ||\n    deactivateImageMutation.isPending ||\n    reactivateImageMutation.isPending ||\n    updateImageVisibilityMutation.isPending\n\n  const convertToJsonPatchOperations = (\n    updatedProperties: Partial<GlanceImage>,\n    originalImage: GlanceImage\n  ): Array<{ op: \"add\" | \"replace\" | \"remove\"; path: string; value?: unknown }> => {\n    const operations: Array<{ op: \"add\" | \"replace\" | \"remove\"; path: string; value?: unknown }> = []\n    Object.entries(updatedProperties).forEach(([key, value]) => {\n      const path = `/${key}`\n      if (value === null || value === undefined) {\n        if (key in originalImage) operations.push({ op: \"remove\", path })\n      } else {\n        const propertyExists = key in originalImage\n        operations.push({ op: propertyExists ? \"replace\" : \"add\", path, value })\n      }\n    })\n    return operations\n  }\n\n  const handleSaveEdit = async (updatedProperties: Partial<GlanceImage>): Promise<boolean> => {\n    if (!image) return false\n    const operations = convertToJsonPatchOperations(updatedProperties, image)\n    try {\n      await updateImageMutation.mutateAsync({ project_id: projectId, imageId, operations })\n      setEditDetailsModalOpen(false)\n      const { message, ...options } = getImageUpdatedToast(String(image.name ?? image.id))\n      toast.success(message, options)\n      return true\n    } catch {\n      return false\n    }\n  }\n\n  const handleDelete = async (deletedImage: GlanceImage) => {\n    try {\n      await deleteImageMutation.mutateAsync({ project_id: projectId, imageId: deletedImage.id })\n      setDeleteModalOpen(false)\n      handleBack()\n    } catch {\n      setDeleteModalOpen(false)\n    }\n  }\n\n  const handleActivate = async (img: GlanceImage) => {\n    try {\n      await reactivateImageMutation.mutateAsync({ project_id: projectId, imageId: img.id })\n      setActivateModalOpen(false)\n      const { message, ...options } = getImageActivatedToast(String(img.name ?? img.id))\n      toast.success(message, options)\n    } catch (error) {\n      setActivateModalOpen(false)\n      const { message, ...options } = getImageActivationErrorToast(img.id, (error as Error)?.message ?? \"\")\n      toast.error(message, options)\n    }\n  }\n\n  const handleDeactivate = async (img: GlanceImage) => {\n    try {\n      await deactivateImageMutation.mutateAsync({ project_id: projectId, imageId: img.id })\n      setDeactivateModalOpen(false)\n      const { message, ...options } = getImageDeactivatedToast(String(img.name ?? img.id))\n      toast.success(message, options)\n    } catch (error) {\n      setDeactivateModalOpen(false)\n      const { message, ...options } = getImageDeactivationErrorToast(img.id, (error as Error)?.message ?? \"\")\n      toast.error(message, options)\n    }\n  }\n\n  const handleUpdateVisibility = async (newVisibility: \"public\" | \"private\" | \"shared\" | \"community\") => {\n    if (!image) return\n    try {\n      await updateImageVisibilityMutation.mutateAsync({\n        project_id: projectId,\n        imageId: image.id,\n        visibility: newVisibility,\n      })\n      const { message, ...options } = getImageVisibilityUpdatedToast(String(image.name ?? image.id), newVisibility)\n      toast.success(message, options)\n    } catch (error) {\n      const { message, ...options } = getImageVisibilityUpdateErrorToast(\n        String(image.name ?? image.id),\n        (error as Error)?.message ?? \"\"\n      )\n      toast.error(message, options)\n    }\n  }\n\n  // Handle loading state\n  if (status === \"pending\") {\n    return <Status status=\"progress\" title={t`Loading Image Details...`} />\n  }\n\n  // Handle error state\n  if (status === \"error\") {\n    const errorMessage = error?.message || \"Unknown error\"\n\n    return (\n      <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n        <p className=\"text-theme-error font-semibold\">\n          <Trans>Error loading image</Trans>\n        </p>\n        <p className=\"text-theme-highest\">{errorMessage}</p>\n        <Button onClick={handleBack} variant=\"primary\">\n          <Trans>Back to Images</Trans>\n        </Button>\n      </Stack>\n    )\n  }\n\n  // Handle no data state\n  if (!image) {\n    return (\n      <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n        <p className=\"text-theme-highest\">\n          <Trans>Image not found</Trans>\n        </p>\n        <Button onClick={handleBack} variant=\"primary\">\n          <Trans>Back to Images</Trans>\n        </Button>\n      </Stack>\n    )\n  }\n\n  const isDeactivated = image.status === IMAGE_STATUSES.DEACTIVATED\n  const isPrivate = image.visibility === IMAGE_VISIBILITY.PRIVATE\n  const isMemberAccepted = myMemberData?.status === \"accepted\"\n  const isImageOwner = image.owner === projectId\n\n  const canRejectSharedImage = isSharedWithMe && isMemberAccepted && permissions.canUpdateMember\n  const canUpdateOwnImage = !isSharedWithMe && permissions.canUpdate\n  const canDeleteOwnImage = !isSharedWithMe && permissions.canDelete && !image.protected\n  const canManageSharing =\n    !isSharedWithMe &&\n    isImageOwner &&\n    image.visibility === IMAGE_VISIBILITY.SHARED &&\n    (permissions.canCreateMember || permissions.canDeleteMember)\n\n  const hasMoreActions = canRejectSharedImage || canUpdateOwnImage || canDeleteOwnImage || canManageSharing\n\n  const headerActions = (hasMoreActions || (!isSharedWithMe && permissions.canUpdate)) && (\n    <Stack gap=\"0.5\" alignment=\"center\">\n      {(hasMoreActions || (!isSharedWithMe && permissions.canUpdate)) && (\n        <PopupMenu className=\"flex items-center\">\n          <PopupMenuToggle as=\"div\">\n            <Button icon=\"moreVert\" title={t`More Actions`} disabled={isLoading} />\n          </PopupMenuToggle>\n          <PopupMenuOptions>\n            {!isSharedWithMe && permissions.canUpdate && (\n              <PopupMenuItem\n                onClick={() => setEditMetadataModalOpen(true)}\n                label={t`Edit Metadata`}\n                disabled={isLoading}\n              />\n            )}\n            {canRejectSharedImage && (\n              <PopupMenuItem label={t`Reject`} onClick={() => handleMemberStatusChange(\"rejected\")} />\n            )}\n            {!isSharedWithMe && permissions.canUpdate && (\n              <PopupMenuItem\n                label={isDeactivated ? t`Activate` : t`Deactivate`}\n                onClick={() => (isDeactivated ? setActivateModalOpen(true) : setDeactivateModalOpen(true))}\n              />\n            )}\n            {!isSharedWithMe && permissions.canUpdate && isPrivate && (\n              <PopupMenuItem label={t`Set to \"Shared\"`} onClick={() => handleUpdateVisibility(\"shared\")} />\n            )}\n            {!isSharedWithMe &&\n              isImageOwner &&\n              image.visibility === IMAGE_VISIBILITY.SHARED &&\n              (permissions.canCreateMember || permissions.canDeleteMember) && (\n                <PopupMenuItem\n                  label={t`Manage Access`}\n                  onClick={() =>\n                    navigate({\n                      to: \"/projects/$projectId/compute/images/$imageId\",\n                      params: { projectId, imageId: image.id },\n                      search: { tab: \"sharing\" },\n                    })\n                  }\n                />\n              )}\n            {!isSharedWithMe && permissions.canDelete && !image.protected && (\n              <PopupMenuItem label={t`Delete`} onClick={() => setDeleteModalOpen(true)} />\n            )}\n          </PopupMenuOptions>\n        </PopupMenu>\n      )}\n\n      {!isSharedWithMe && permissions.canUpdate && (\n        <Button onClick={() => setEditDetailsModalOpen(true)} variant=\"primary\" disabled={isLoading}>\n          <Trans>Edit Details</Trans>\n        </Button>\n      )}\n    </Stack>\n  )\n\n  // Render success state\n  return (\n    <>\n      <ContentHeader title={String(image.name ?? image.id)} projectId={projectId} actions={headerActions} />\n\n      <div className=\"mt-3\">\n        <ImageDetailsView\n          key={image.id}\n          image={image}\n          currentProjectId={projectId}\n          activeTab={tab ?? \"details\"}\n          onTabChange={(newTab) =>\n            navigate({\n              search: { tab: newTab === \"details\" ? undefined : newTab } as unknown as true,\n            })\n          }\n          permissions={{\n            canCreateMember: permissions.canCreateMember,\n            canDeleteMember: permissions.canDeleteMember,\n            canUpdateMember: permissions.canUpdateMember,\n          }}\n          myMemberData={myMemberData}\n          onMemberStatusChange={handleMemberStatusChange}\n          isMemberStatusChanging={updateMemberMutation.isPending}\n        />\n      </div>\n\n      {editDetailsModalOpen && (\n        <EditImageDetailsModal\n          image={image}\n          isOpen={editDetailsModalOpen}\n          isLoading={updateImageMutation.isPending}\n          onClose={() => setEditDetailsModalOpen(false)}\n          onSave={handleSaveEdit}\n        />\n      )}\n\n      {editMetadataModalOpen && (\n        <EditImageMetadataModal\n          image={image}\n          isOpen={editMetadataModalOpen}\n          isLoading={updateImageMutation.isPending}\n          onClose={() => setEditMetadataModalOpen(false)}\n          onSave={handleSaveEdit}\n        />\n      )}\n\n      {deleteModalOpen && (\n        <DeleteImageModal\n          image={image}\n          isOpen={deleteModalOpen}\n          isLoading={deleteImageMutation.isPending}\n          isDisabled={!!image.protected}\n          onClose={() => setDeleteModalOpen(false)}\n          onDelete={handleDelete}\n        />\n      )}\n\n      {activateModalOpen && (\n        <ActivateImageModal\n          image={image}\n          isOpen={activateModalOpen}\n          isLoading={reactivateImageMutation.isPending}\n          onClose={() => setActivateModalOpen(false)}\n          onActivate={handleActivate}\n        />\n      )}\n\n      {deactivateModalOpen && (\n        <DeactivateImageModal\n          image={image}\n          isOpen={deactivateModalOpen}\n          isLoading={deactivateImageMutation.isPending}\n          onClose={() => setDeactivateModalOpen(false)}\n          onDeactivate={handleDeactivate}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":";;;AAyCA,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;AACF,CAAA"}