@cobaltcore-dev/aurora 2.1.1 → 2.2.0

package/dist/client/SortInput-4g7nSTHW.mjs

@@ -1,34 +0,0 @@
-import { F as e, Q as t, R as n, it as r } from "./build-WuxXRAqf.mjs";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useLingui as o } from "@lingui/react";
-//#region src/client/components/ListToolbar/SortInput.tsx
-var s = ({ sortBy: s, onSortByChange: c, sortDirection: l, onSortDirectionChange: u, options: d, selectClassName: f, selectWidth: p }) => {
-	let { i18n: m, _: h } = o(), g = () => ({
-		className: f,
-		width: p,
-		onChange: c,
-		value: s,
-		"data-testid": "sort-select",
-		label: m._({ id: "/HgF9q" })
-	}), _ = () => ({
-		"data-testid": "direction-toggle",
-		order: l,
-		onChange: u
-	});
-	return /*#__PURE__*/ a(t, {
-		gap: "0.5",
-		alignment: "end",
-		className: "w-full sm:w-auto",
-		children: [/*#__PURE__*/ i(r, {
-			...g(),
-			children: d.map((e) => /*#__PURE__*/ i(n, {
-				value: e.value,
-				children: e.label
-			}, e.value))
-		}), /*#__PURE__*/ i(e, { ..._() })]
-	});
-};
-//#endregion
-export { s as t };
-
-//# sourceMappingURL=SortInput-4g7nSTHW.mjs.map

package/dist/client/SortInput-4g7nSTHW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortInput-4g7nSTHW.mjs","names":["React","Select","SelectOption","SortButton","Stack","SortInput","sortBy","onSortByChange","sortDirection","onSortDirectionChange","options","selectClassName","selectWidth","useLingui","getSelectProps","className","width","onChange","value","label","t","getSortButtonProps","order","gap","alignment","map","option"],"sources":["../../src/client/components/ListToolbar/SortInput.tsx"],"sourcesContent":["import React from \"react\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { Select, SelectOption, SortButton, Stack, SelectProps, ButtonProps } from \"@cloudoperators/juno-ui-components\"\nimport { SortOption } from \"./types\"\n\nexport interface SortInputProps {\n  sortBy?: string | number | string[]\n  onSortByChange: (param?: string | number | string[]) => void\n  sortDirection: \"asc\" | \"desc\"\n  onSortDirectionChange: (direction: \"asc\" | \"desc\") => void\n  options: SortOption[]\n  selectClassName?: string\n  /** Passed through to the underlying Select. \"auto\" sizes the toggle to its content (use with a `min-w-*` selectClassName floor) instead of the default \"full\" width. */\n  selectWidth?: SelectProps[\"width\"]\n}\n\nexport const SortInput: React.FC<SortInputProps> = ({\n  sortBy,\n  onSortByChange,\n  sortDirection,\n  onSortDirectionChange,\n  options,\n  selectClassName,\n  selectWidth,\n}) => {\n  const { t } = useLingui()\n\n  const getSelectProps = (): SelectProps & { \"data-testid\"?: string } => ({\n    className: selectClassName,\n    width: selectWidth,\n    onChange: onSortByChange,\n    value: sortBy,\n    \"data-testid\": \"sort-select\",\n    label: t`Sort by`,\n  })\n\n  const getSortButtonProps = (): Omit<ButtonProps, \"onChange\"> & {\n    \"data-testid\"?: string\n    order: \"asc\" | \"desc\"\n    onChange: (order: \"asc\" | \"desc\") => void\n  } => ({\n    \"data-testid\": \"direction-toggle\",\n    order: sortDirection,\n    onChange: onSortDirectionChange,\n  })\n\n  return (\n    <Stack gap=\"0.5\" alignment=\"end\" className=\"w-full sm:w-auto\">\n      <Select {...getSelectProps()}>\n        {options.map((option) => (\n          <SelectOption key={option.value} value={option.value}>\n            {option.label}\n          </SelectOption>\n        ))}\n      </Select>\n      <SortButton {...getSortButtonProps()} />\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAgBA,IAAaK,KAAuC,EAClDC,WACAC,mBACAC,kBACAC,0BACAC,YACAC,oBACAC,qBACD;CACC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GAERC,WAAkE;EACtEC,WAAWJ;EACXK,OAAOJ;EACPK,UAAUV;EACVW,OAAOZ;EACP,eAAe;EACfa,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAQ,CAAA;CAClB,IAEMC,WAIA;EACJ,eAAe;EACfC,OAAOd;EACPS,UAAUR;CACZ;CAEA,OACE,gBAACL,GAAAA;EAAMmB,KAAI;EAAMC,WAAU;EAAMT,WAAU;EACzC,UAAA,CAAA,gBAACd,GAAAA;GAAQ,GAAGa,EAAAA;GACTJ,UAAAA,EAAQe,KAAKC,MACZ,gBAACxB,GAAAA;IAAgCgB,OAAOQ,EAAOR;IAC5CQ,UAAAA,EAAOP;GADSO,GAAAA,EAAOR,KAAK,CAAA;EAKnC,CAAA,GAAA,gBAACf,GAAAA,EAAY,GAAGkB,EAAAA,EAAAA,CAAAA,CAAAA;;AAGtB"}

package/dist/client/StorageNotFound-B-zVinVD.mjs

@@ -1,30 +0,0 @@
-import { i as e, rt as t } from "./build-WuxXRAqf.mjs";
-import { jsx as n } from "react/jsx-runtime";
-import { useNavigate as r, useParams as i } from "@tanstack/react-router";
-import { Trans as a, useLingui as o } from "@lingui/react";
-//#region src/client/routes/_auth/projects/$projectId/storage/-components/StorageNotFound.tsx
-function s({ data: s }) {
-	let { i18n: c, _: l } = o(), u = r(), { projectId: d } = i({ strict: !1 }), f = s?.reason === "storage-type-mismatch";
-	return /*#__PURE__*/ n(t, {
-		status: "error",
-		code: 404,
-		title: f ? c._({ id: "boJlGf" }) : c._({ id: "Zu31u6" }),
-		body: f ? c._({ id: "cyMmud" }) : c._({ id: "E4WmGR" }),
-		action: d ? /*#__PURE__*/ n(e, {
-			variant: "primary",
-			onClick: () => u({
-				to: "/projects/$projectId",
-				params: { projectId: d }
-			}),
-			children: /*#__PURE__*/ n(a, { id: "AGco1A" })
-		}) : /*#__PURE__*/ n(e, {
-			variant: "primary",
-			onClick: () => u({ to: "/projects" }),
-			children: /*#__PURE__*/ n(a, { id: "aKznJS" })
-		})
-	});
-}
-//#endregion
-export { s as t };
-
-//# sourceMappingURL=StorageNotFound-B-zVinVD.mjs.map

package/dist/client/StorageNotFound-B-zVinVD.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StorageNotFound-B-zVinVD.mjs","names":["Status","Button","useNavigate","useParams","StorageNotFound","data","useLingui","navigate","projectId","strict","isBadUrl","reason","status","code","title","t","body","action","variant","onClick","to","params"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/-components/StorageNotFound.tsx"],"sourcesContent":["import { Status, Button } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport { useNavigate, useParams } from \"@tanstack/react-router\"\nimport type { StorageNotFoundReason } from \"./utils/serviceAvailability\"\n\ninterface StorageNotFoundProps {\n  data?: { reason?: StorageNotFoundReason }\n}\n\nexport function StorageNotFound({ data }: StorageNotFoundProps) {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId } = useParams({ strict: false })\n\n  const isBadUrl = data?.reason === \"storage-type-mismatch\"\n\n  return (\n    <Status\n      status=\"error\"\n      code={404}\n      title={isBadUrl ? t`Page Not Found` : t`Object Storage Not Found`}\n      body={\n        isBadUrl\n          ? t`This address is not valid for this object storage service.`\n          : t`This object storage service does not exist or is not available for this project.`\n      }\n      action={\n        projectId ? (\n          <Button variant=\"primary\" onClick={() => navigate({ to: \"/projects/$projectId\", params: { projectId } })}>\n            <Trans>Go to Project</Trans>\n          </Button>\n        ) : (\n          <Button variant=\"primary\" onClick={() => navigate({ to: \"/projects\" })}>\n            <Trans>Go to Projects</Trans>\n          </Button>\n        )\n      }\n    />\n  )\n}\n"],"mappings":";;;;;AASA,SAAgBI,EAAgB,EAAEC,WAA4B;CAC5D,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAWL,EAAAA,GACX,EAAEM,iBAAcL,EAAU,EAAEM,QAAQ,GAAM,CAAA,GAE1CC,IAAWL,GAAMM,WAAW;CAElC,OACE,gBAACX,GAAAA;EACCY,QAAO;EACPC,MAAM;EACNC,OAAOJ,IAAWK,EAAAA,EAAC,EAAA,IAAA,SAAe,CAAA,IAAIA,EAAAA,EAAC,EAAA,IAAA,SAAyB,CAAA;EAChEC,MACEN,IACIK,EAAAA,EAAC,EAAA,IAAA,SAA2D,CAAA,IAC5DA,EAAAA,EAAC,EAAA,IAAA,SAAiF,CAAA;EAExFE,QACET,IACE,gBAACP,GAAAA;GAAOiB,SAAQ;GAAUC,eAAeZ,EAAS;IAAEa,IAAI;IAAwBC,QAAQ,EAAEb,aAAU;GAAE,CAAA;GACpG,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;EAGF,CAAA,IAAA,gBAACP,GAAAA;GAAOiB,SAAQ;GAAUC,eAAeZ,EAAS,EAAEa,IAAI,YAAY,CAAA;GAClE,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;AAMZ"}

package/dist/client/TwoColumnDescriptionList-DKS42RKa.mjs

@@ -1,28 +0,0 @@
-import { E as e, Q as t, n, s as r } from "./build-WuxXRAqf.mjs";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Fragment as o } from "react";
-//#region src/client/components/TwoColumnDescriptionList.tsx
-var s = ({ items: s }) => {
-	let c = Math.ceil(s.length / 2), l = s.slice(0, c), u = s.slice(c);
-	return /*#__PURE__*/ a(t, {
-		gap: "6",
-		className: "grid grid-cols-2",
-		children: [/*#__PURE__*/ i(r, {
-			alignTerms: "right",
-			children: l.map(({ id: t, label: r, value: s }, c) => /*#__PURE__*/ a(o, { children: [/*#__PURE__*/ i(n, { children: r }), /*#__PURE__*/ i(e, { children: /*#__PURE__*/ i("div", {
-				className: "truncate",
-				children: s
-			}) })] }, t ?? `left-${c}`))
-		}), /*#__PURE__*/ i(r, {
-			alignTerms: "right",
-			children: u.map(({ id: t, label: r, value: s }, c) => /*#__PURE__*/ a(o, { children: [/*#__PURE__*/ i(n, { children: r }), /*#__PURE__*/ i(e, { children: /*#__PURE__*/ i("div", {
-				className: "truncate",
-				children: s
-			}) })] }, t ?? `right-${c}`))
-		})]
-	});
-};
-//#endregion
-export { s as t };
-
-//# sourceMappingURL=TwoColumnDescriptionList-DKS42RKa.mjs.map

package/dist/client/TwoColumnDescriptionList-DKS42RKa.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TwoColumnDescriptionList-DKS42RKa.mjs","names":["Fragment","DescriptionDefinition","DescriptionList","DescriptionTerm","Stack","TwoColumnDescriptionList","items","mid","Math","ceil","length","firstColumn","slice","secondColumn","gap","className","alignTerms","map","id","label","value","index","div"],"sources":["../../src/client/components/TwoColumnDescriptionList.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from \"react\"\nimport { DescriptionDefinition, DescriptionList, DescriptionTerm, Stack } from \"@cloudoperators/juno-ui-components\"\n\nexport type DetailListItem = {\n  id?: string\n  label: string | ReactNode\n  value: string | number | ReactNode | undefined\n}\n\ninterface TwoColumnDescriptionListProps {\n  items: DetailListItem[]\n}\n\nexport const TwoColumnDescriptionList = ({ items }: TwoColumnDescriptionListProps) => {\n  const mid = Math.ceil(items.length / 2)\n  const firstColumn = items.slice(0, mid)\n  const secondColumn = items.slice(mid)\n\n  return (\n    <Stack gap=\"6\" className=\"grid grid-cols-2\">\n      <DescriptionList alignTerms=\"right\">\n        {firstColumn.map(({ id, label, value }, index) => (\n          <Fragment key={id ?? `left-${index}`}>\n            <DescriptionTerm>{label}</DescriptionTerm>\n            <DescriptionDefinition>\n              <div className=\"truncate\">{value}</div>\n            </DescriptionDefinition>\n          </Fragment>\n        ))}\n      </DescriptionList>\n\n      <DescriptionList alignTerms=\"right\">\n        {secondColumn.map(({ id, label, value }, index) => (\n          <Fragment key={id ?? `right-${index}`}>\n            <DescriptionTerm>{label}</DescriptionTerm>\n            <DescriptionDefinition>\n              <div className=\"truncate\">{value}</div>\n            </DescriptionDefinition>\n          </Fragment>\n        ))}\n      </DescriptionList>\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAaA,IAAaK,KAA4B,EAAEC,eAAsC;CAC/E,IAAMC,IAAMC,KAAKC,KAAKH,EAAMI,SAAS,CAAA,GAC/BC,IAAcL,EAAMM,MAAM,GAAGL,CAAAA,GAC7BM,IAAeP,EAAMM,MAAML,CAAAA;CAEjC,OACE,gBAACH,GAAAA;EAAMU,KAAI;EAAIC,WAAU;EACvB,UAAA,CAAA,gBAACb,GAAAA;GAAgBc,YAAW;GACzBL,UAAAA,EAAYM,KAAK,EAAEC,OAAIC,UAAOC,YAASC,MACtC,gBAACrB,GAAAA,EAAAA,UAAAA,CACC,gBAACG,GAAAA,EAAiBgB,UAAAA,EAAAA,CAAAA,GAClB,gBAAClB,GAAAA,EACC,UAAA,gBAACqB,OAAAA;IAAIP,WAAU;IAAYK,UAAAA;GAHhBF,CAAAA,EAAAA,CAAAA,CAAAA,EAAAA,GAAAA,KAAM,QAAQG,GAAO,CAAA;EASxC,CAAA,GAAA,gBAACnB,GAAAA;GAAgBc,YAAW;GACzBH,UAAAA,EAAaI,KAAK,EAAEC,OAAIC,UAAOC,YAASC,MACvC,gBAACrB,GAAAA,EAAAA,UAAAA,CACC,gBAACG,GAAAA,EAAiBgB,UAAAA,EAAAA,CAAAA,GAClB,gBAAClB,GAAAA,EACC,UAAA,gBAACqB,OAAAA;IAAIP,WAAU;IAAYK,UAAAA;GAHhBF,CAAAA,EAAAA,CAAAA,CAAAA,EAAAA,GAAAA,KAAM,SAASG,GAAO,CAAA;;;AAU/C"}

package/dist/client/_-CAsCx-Ay.mjs

@@ -1,6 +0,0 @@
-//#region src/client/routes/_auth/projects/$projectId/services/$serviceType/$.tsx?tsr-split=component
-var e = () => null;
-//#endregion
-export { e as component };
-
-//# sourceMappingURL=_-CAsCx-Ay.mjs.map

package/dist/client/_-CAsCx-Ay.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_-CAsCx-Ay.mjs","names":["SplitComponent","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/$serviceType/$.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\n\n// Catch-all so deep links under /services/$serviceType/** match (no 404). The extension mount\n// is rendered by the parent layout route ($serviceType.tsx) so it persists across navigation;\n// the extension's own router handles everything below the base path.\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/$serviceType/$\")({\n  component: () => null,\n})\n"],"mappings":";AAIA,IAAAA,UAEmB"}

package/dist/client/_auth-SrDjHL6j.mjs

@@ -1,12 +0,0 @@
-import { n as e } from "./AuthProvider-CVSAwW9f.mjs";
-import { n as t } from "./DynamicBreadcrumbContext-CVcUQFou.mjs";
-import { jsx as n } from "react/jsx-runtime";
-import { Outlet as r } from "@tanstack/react-router";
-//#region src/client/routes/_auth.tsx?tsr-split=component
-function i() {
-	return e(), /*#__PURE__*/ n(t, { children: /*#__PURE__*/ n(r, {}) });
-}
-//#endregion
-export { i as component };
-
-//# sourceMappingURL=_auth-SrDjHL6j.mjs.map

package/dist/client/_auth-SrDjHL6j.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_auth-SrDjHL6j.mjs","names":["Outlet","useAuth","DynamicBreadcrumbProvider","RouteComponent","component"],"sources":["../../src/client/routes/_auth.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, Outlet, redirect } from \"@tanstack/react-router\"\nimport { useAuth } from \"../store/AuthProvider\"\nimport { DynamicBreadcrumbProvider } from \"@/client/context/DynamicBreadcrumbContext\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { msg } from \"@lingui/core/macro\"\n\nexport const Route = createFileRoute(\"/_auth\")({\n  staticData: {\n    crumb: { text: msg`Home`, icon: \"home\", to: \"/projects\" },\n  } satisfies RouteInfo,\n  component: RouteComponent,\n  beforeLoad: async ({ context, location }) => {\n    if (!context.auth?.isAuthenticated) {\n      const redirectPath = `${location.pathname}${location.searchStr || \"\"}${location.hash || \"\"}`\n\n      throw redirect({\n        to: \"/\",\n        search: { redirect: redirectPath },\n      })\n    }\n  },\n})\n\nfunction RouteComponent() {\n  useAuth()\n\n  return (\n    <DynamicBreadcrumbProvider>\n      <Outlet />\n    </DynamicBreadcrumbProvider>\n  )\n}\n"],"mappings":";;;;;AAuBA,SAASG,IAAAA;CAGP,OAFAF,EAAAA,GAGE,gBAAC,GAAA,EACC,UAAA,gBAAC,GAAA,CAAA,CAAA,EAAA,CAAA;AAGP"}

package/dist/client/_flavorId-BPvssEzn.mjs

@@ -1,277 +0,0 @@
-import { A as e, D as t, E as n, M as r, Q as i, c as a, g as o, i as s, n as c, r as l, rt as u, s as d, x as f } from "./build-WuxXRAqf.mjs";
-import { a as p } from "./trpcClient-D7gpR7YG.mjs";
-import { t as m } from "./_flavorId-CFUBcU-l.mjs";
-import { t as h } from "./useProjectId-DBc5lpoU.mjs";
-import { n as g, t as _ } from "./ContentHeader-fKKZVu-o.mjs";
-import { t as v } from "./useSetBreadcrumb-tn7lBaQV.mjs";
-import { t as y } from "./useErrorTranslation-Dc0eE8Zt.mjs";
-import { a as b, n as x, t as S } from "./DeleteFlavorModal-C4nAi7gY.mjs";
-import { t as C } from "./useModal-DCs1OJh7.mjs";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Fragment as D } from "react";
-import { useNavigate as O, useParams as ee } from "@tanstack/react-router";
-import { Trans as k, useLingui as A } from "@lingui/react";
-//#region src/client/routes/_auth/projects/$projectId/compute/flavors/-components/FlavorDetailsView.tsx
-function te({ flavor: e, canListSpecs: t = !1 }) {
-	let { i18n: r, _: a } = A(), o = h(), s = (e, t) => `${e} ${t}`, { data: l, isLoading: f, isError: m } = p.compute.getExtraSpecs.useQuery({
-		project_id: o,
-		flavorId: e.id
-	}, { enabled: !!o && !!e.id && t }), _ = [
-		{
-			label: r._({ id: "S0kLOH" }),
-			value: /*#__PURE__*/ T(g, { text: e.id })
-		},
-		{
-			label: r._({ id: "6YtxFj" }),
-			value: e.name
-		},
-		{
-			label: r._({ id: "Nu4oKW" }),
-			value: e?.description ?? ""
-		},
-		{
-			label: r._({ id: "7d1a0d" }),
-			value: e["os-flavor-access:is_public"] ? /*#__PURE__*/ T(k, { id: "l75CjT" }) : /*#__PURE__*/ T(k, { id: "1UzENP" })
-		},
-		{
-			label: r._({ id: "E/QGRL" }),
-			value: e["OS-FLV-DISABLED:disabled"] ? /*#__PURE__*/ T(k, { id: "l75CjT" }) : /*#__PURE__*/ T(k, { id: "1UzENP" })
-		}
-	], v = [
-		{
-			label: r._({ id: "MZGbkp" }),
-			value: e.vcpus
-		},
-		{
-			label: r._({ id: "RGhYAo" }),
-			value: s(e.ram, "MiB")
-		},
-		{
-			label: r._({ id: "cJDQIO" }),
-			value: s(e.disk, "GiB")
-		},
-		{
-			label: r._({ id: "r9Aac8" }),
-			value: s(e["OS-FLV-EXT-DATA:ephemeral"] || 0, "GiB")
-		},
-		{
-			label: r._({ id: "vH2C/2" }),
-			value: e.swap === 0 || e.swap === "" ? /*#__PURE__*/ T(k, { id: "EdQY6l" }) : s(Number(e.swap), "MiB")
-		},
-		{
-			label: r._({ id: "u5HztT" }),
-			value: e.rxtx_factor ?? ""
-		}
-	], y = l ? Object.entries(l).map(([e, t]) => ({
-		label: e,
-		value: t
-	})) : [];
-	return /*#__PURE__*/ E(i, {
-		direction: "vertical",
-		gap: "6",
-		className: "mt-6",
-		children: [/*#__PURE__*/ E(i, {
-			direction: "horizontal",
-			gap: "6",
-			className: "grid grid-cols-2",
-			children: [/*#__PURE__*/ E(i, {
-				direction: "vertical",
-				gap: "2",
-				children: [/*#__PURE__*/ T("h2", { children: /*#__PURE__*/ T(k, { id: "JlSgnX" }) }), /*#__PURE__*/ T(d, {
-					alignTerms: "right",
-					children: _.map(({ label: e, value: t }, r) => /*#__PURE__*/ E(D, { children: [/*#__PURE__*/ T(c, { children: e }), /*#__PURE__*/ T(n, { children: /*#__PURE__*/ T("div", {
-						className: "truncate",
-						children: t
-					}) })] }, `basic-${r}`))
-				})]
-			}), /*#__PURE__*/ E(i, {
-				direction: "vertical",
-				gap: "2",
-				children: [/*#__PURE__*/ T("h2", { children: /*#__PURE__*/ T(k, { id: "qQ1QBh" }) }), /*#__PURE__*/ T(d, {
-					alignTerms: "right",
-					children: v.map(({ label: e, value: t }, r) => /*#__PURE__*/ E(D, { children: [/*#__PURE__*/ T(c, { children: e }), /*#__PURE__*/ T(n, { children: /*#__PURE__*/ T("div", {
-						className: "truncate",
-						children: t
-					}) })] }, `hardware-${r}`))
-				})]
-			})]
-		}), t && /*#__PURE__*/ E(i, {
-			direction: "vertical",
-			gap: "2",
-			children: [/*#__PURE__*/ T("h2", { children: /*#__PURE__*/ T(k, { id: "6GBt0m" }) }), f ? /*#__PURE__*/ T(u, { status: "progress" }) : m ? /*#__PURE__*/ T(u, {
-				status: "error",
-				title: r._({ id: "mXHHga" })
-			}) : l && Object.keys(l).length > 0 ? /*#__PURE__*/ T(d, {
-				alignTerms: "right",
-				className: "grid-cols-2",
-				children: y.map(({ label: e, value: t }, r) => /*#__PURE__*/ E(D, { children: [/*#__PURE__*/ T(c, {
-					className: "col-span-1 break-all",
-					children: e
-				}), /*#__PURE__*/ T(n, {
-					className: "col-span-1",
-					children: /*#__PURE__*/ T("div", {
-						className: "break-all",
-						children: t
-					})
-				})] }, `extra-${r}`))
-			}) : /*#__PURE__*/ T(u, {
-				status: "empty",
-				title: r._({ id: "qTRcSX" })
-			})]
-		})]
-	});
-}
-//#endregion
-//#region src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx?tsr-split=component
-function j() {
-	let { projectId: n, flavorId: c } = ee({ from: "/_auth/projects/$projectId/compute/flavors/$flavorId" }), { trpcClient: d } = m.useRouteContext(), h = O(), { i18n: g, _: D } = A(), { translateError: j, isRetryableError: M } = y(), N = p.useUtils(), { data: P, status: F, error: I, refetch: L } = p.compute.getFlavorById.useQuery({
-		project_id: n,
-		flavorId: c
-	});
-	v(m.id, P?.name);
-	let { data: R } = p.compute.canUser.useQuery({
-		project_id: n,
-		permission: [
-			"flavors:delete",
-			"flavors:add_project",
-			"flavors:remove_project",
-			"flavor_specs:list",
-			"flavor_specs:create",
-			"flavor_specs:delete"
-		]
-	}), z = R?.[0] ?? !1, B = (R?.[1] ?? !1) || (R?.[2] ?? !1), V = R?.[3] ?? !1, ne = (R?.[4] ?? !1) || (R?.[5] ?? !1), [H, U] = C(), [W, G] = C(), [K, q] = C(), J = () => {
-		U(), N.compute.getExtraSpecs.invalidate({
-			project_id: n,
-			flavorId: c
-		});
-	}, Y = () => {
-		h({
-			to: "/projects/$projectId/compute/flavors",
-			params: { projectId: n }
-		});
-	}, X = () => {
-		h({
-			to: "/projects/$projectId",
-			params: { projectId: n }
-		});
-	}, re = () => {
-		L();
-	};
-	if (F === "pending") return /*#__PURE__*/ T(u, {
-		status: "progress",
-		title: g._({ id: "YNgcgc" })
-	});
-	if (F === "error") {
-		let t = I?.message || "UNKNOWN_ERROR", n = j(t), i = M(t);
-		return /*#__PURE__*/ T(e, {
-			className: "py-8",
-			children: /*#__PURE__*/ T(u, {
-				status: "error",
-				code: ((e) => {
-					if (e.includes("UNAUTHORIZED")) return 401;
-					if (e.includes("FORBIDDEN")) return 403;
-					if (e.includes("NOT_FOUND")) return 404;
-					if (e.includes("SERVER_ERROR")) return 500;
-				})(t),
-				title: g._({ id: "FjONW3" }),
-				body: n,
-				action: /*#__PURE__*/ E(r, { children: [
-					/*#__PURE__*/ T(s, {
-						variant: "primary",
-						onClick: Y,
-						children: /*#__PURE__*/ T(k, { id: "iH8pgl" })
-					}),
-					/*#__PURE__*/ T(s, {
-						onClick: X,
-						children: /*#__PURE__*/ T(k, { id: "i0qMbr" })
-					}),
-					i && /*#__PURE__*/ T(s, {
-						onClick: re,
-						children: /*#__PURE__*/ T(k, { id: "qJb6G2" })
-					})
-				] })
-			})
-		});
-	}
-	if (!P) return /*#__PURE__*/ T(e, {
-		className: "py-8",
-		children: /*#__PURE__*/ T(u, {
-			status: "error",
-			code: 404,
-			title: g._({ id: "bpme7e" }),
-			body: g._({ id: "y0u86k" }),
-			action: /*#__PURE__*/ E(r, { children: [/*#__PURE__*/ T(s, {
-				variant: "primary",
-				onClick: Y,
-				children: /*#__PURE__*/ T(k, { id: "iH8pgl" })
-			}), /*#__PURE__*/ T(s, {
-				onClick: X,
-				children: /*#__PURE__*/ T(k, { id: "i0qMbr" })
-			})] })
-		})
-	});
-	let Z = P["os-flavor-access:is_public"] !== !1, Q = B && !Z || z, $ = ne && V, ie = Q || $ ? /*#__PURE__*/ E(i, {
-		gap: "0.5",
-		alignment: "center",
-		children: [Q && /*#__PURE__*/ E(t, { children: [/*#__PURE__*/ T(a, {
-			as: "div",
-			children: /*#__PURE__*/ T(s, {
-				icon: "moreVert",
-				title: g._({ id: "PgNNGl" }),
-				"aria-label": g._({ id: "PgNNGl" })
-			})
-		}), /*#__PURE__*/ E(o, { children: [B && !Z && /*#__PURE__*/ T(f, {
-			label: g._({ id: "cWbW6w" }),
-			onClick: G
-		}), z && /*#__PURE__*/ E(w, { children: [/*#__PURE__*/ T(l, {}), /*#__PURE__*/ T(f, {
-			label: g._({ id: "JT3I1g" }),
-			onClick: q
-		})] })] })] }), $ && /*#__PURE__*/ T(s, {
-			variant: "primary",
-			onClick: U,
-			children: /*#__PURE__*/ T(k, { id: "SIfYq6" })
-		})]
-	}) : void 0;
-	return /*#__PURE__*/ E(w, { children: [
-		/*#__PURE__*/ T(_, {
-			title: P.name,
-			projectId: n,
-			actions: ie
-		}),
-		/*#__PURE__*/ T(i, {
-			direction: "vertical",
-			children: /*#__PURE__*/ T(te, {
-				flavor: P,
-				canListSpecs: V
-			})
-		}),
-		d && /*#__PURE__*/ E(w, { children: [
-			H && /*#__PURE__*/ T(b, {
-				client: d,
-				isOpen: H,
-				onClose: J,
-				project: n,
-				flavor: P
-			}),
-			W && /*#__PURE__*/ T(x, {
-				client: d,
-				isOpen: W,
-				onClose: G,
-				project: n,
-				flavor: P
-			}),
-			K && /*#__PURE__*/ T(S, {
-				client: d,
-				isOpen: K,
-				onClose: q,
-				project: n,
-				flavor: P,
-				onSuccess: Y
-			})
-		] })
-	] });
-}
-//#endregion
-export { j as component };
-
-//# sourceMappingURL=_flavorId-BPvssEzn.mjs.map

package/dist/client/_flavorId-BPvssEzn.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_flavorId-BPvssEzn.mjs","names":["Stack","DescriptionList","DescriptionTerm","DescriptionDefinition","Status","Fragment","ClipboardText","trpcReact","useProjectId","FlavorDetailsView","flavor","canListSpecs","useLingui","projectId","formatWithUnit","value","unit","data","extraSpecs","isLoading","isError","compute","getExtraSpecs","useQuery","project_id","flavorId","id","enabled","basicInfoItems","label","t","text","name","description","hardwareSpecItems","vcpus","ram","disk","swap","Number","rxtx_factor","extraSpecItems","Object","entries","map","key","direction","gap","className","h2","alignTerms","index","div","status","title","keys","length","Button","ButtonRow","Stack","PopupMenu","PopupMenuToggle","PopupMenuOptions","PopupMenuItem","PopupMenuSectionSeparator","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","utils","useUtils","data","flavor","status","error","refetch","compute","getFlavorById","useQuery","project_id","id","name","permissionsData","canUser","permission","canDeleteFlavor","canManageAccess","canListSpecs","canManageSpecs","specModalOpen","toggleSpecModal","accessModalOpen","toggleAccessModal","deleteModalOpen","toggleDeleteModal","handleSpecModalClose","getExtraSpecs","invalidate","handleBack","to","params","handleHome","handleRetry","errorCode","message","translatedError","canRetry","getStatusCode","code","includes","undefined","isPublicFlavor","hasPopupMenuItems","canEditMetadata","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 {\n  Stack,\n  DescriptionList,\n  DescriptionTerm,\n  DescriptionDefinition,\n  Status,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Fragment } from \"react\"\nimport type { Flavor } from \"@/server/Compute/types/flavor\"\nimport ClipboardText from \"@/client/components/ClipboardText\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface FlavorDetailsViewProps {\n  flavor: Flavor\n  canListSpecs?: boolean\n}\n\nexport function FlavorDetailsView({ flavor, canListSpecs = false }: FlavorDetailsViewProps) {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const formatWithUnit = (value: number, unit: string) => `${value} ${unit}`\n\n  const {\n    data: extraSpecs,\n    isLoading,\n    isError,\n  } = trpcReact.compute.getExtraSpecs.useQuery(\n    {\n      project_id: projectId,\n      flavorId: flavor.id,\n    },\n    {\n      enabled: !!projectId && !!flavor.id && canListSpecs,\n    }\n  )\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`Root 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 = extraSpecs ? Object.entries(extraSpecs).map(([key, value]) => ({ label: key, value })) : []\n\n  return (\n    <Stack direction=\"vertical\" gap=\"6\" className=\"mt-6\">\n      <Stack direction=\"horizontal\" gap=\"6\" className=\"grid grid-cols-2\">\n        <Stack direction=\"vertical\" gap=\"2\">\n          <h2>\n            <Trans>Flavor Information</Trans>\n          </h2>\n          <DescriptionList alignTerms=\"right\">\n            {basicInfoItems.map(({ label, value }, index) => (\n              <Fragment key={`basic-${index}`}>\n                <DescriptionTerm>{label}</DescriptionTerm>\n                <DescriptionDefinition>\n                  <div className=\"truncate\">{value}</div>\n                </DescriptionDefinition>\n              </Fragment>\n            ))}\n          </DescriptionList>\n        </Stack>\n\n        <Stack direction=\"vertical\" gap=\"2\">\n          <h2>\n            <Trans>Hardware Specifications</Trans>\n          </h2>\n          <DescriptionList alignTerms=\"right\">\n            {hardwareSpecItems.map(({ label, value }, index) => (\n              <Fragment key={`hardware-${index}`}>\n                <DescriptionTerm>{label}</DescriptionTerm>\n                <DescriptionDefinition>\n                  <div className=\"truncate\">{value}</div>\n                </DescriptionDefinition>\n              </Fragment>\n            ))}\n          </DescriptionList>\n        </Stack>\n      </Stack>\n\n      {canListSpecs && (\n        <Stack direction=\"vertical\" gap=\"2\">\n          <h2>\n            <Trans>Metadata</Trans>\n          </h2>\n          {isLoading ? (\n            <Status status=\"progress\" />\n          ) : isError ? (\n            <Status status=\"error\" title={t`Failed to Load Metadata`} />\n          ) : extraSpecs && Object.keys(extraSpecs).length > 0 ? (\n            <DescriptionList alignTerms=\"right\" className=\"grid-cols-2\">\n              {extraSpecItems.map(({ label, value }, index) => (\n                <Fragment key={`extra-${index}`}>\n                  <DescriptionTerm className=\"col-span-1 break-all\">{label}</DescriptionTerm>\n                  <DescriptionDefinition className=\"col-span-1\">\n                    <div className=\"break-all\">{value}</div>\n                  </DescriptionDefinition>\n                </Fragment>\n              ))}\n            </DescriptionList>\n          ) : (\n            <Status status=\"empty\" title={t`No Metadata Properties Found`} />\n          )}\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n","import {\n  Button,\n  ButtonRow,\n  Stack,\n  PopupMenu,\n  PopupMenuToggle,\n  PopupMenuOptions,\n  PopupMenuItem,\n  PopupMenuSectionSeparator,\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\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\n\nfunction FlavorErrorComponent() {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId } = Route.useParams()\n\n  return (\n    <RouteIdLevelDefaultError\n      action={\n        <Button\n          variant=\"primary\"\n          onClick={() => navigate({ to: \"/projects/$projectId/compute/flavors\", params: { projectId } })}\n        >\n          {t`Back to Flavors`}\n        </Button>\n      }\n    />\n  )\n}\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  errorComponent: FlavorErrorComponent,\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  const utils = trpcReact.useUtils()\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:add_project\",\n      \"flavors:remove_project\",\n      \"flavor_specs:list\",\n      \"flavor_specs:create\",\n      \"flavor_specs:delete\",\n    ],\n  })\n\n  const canDeleteFlavor = permissionsData?.[0] ?? false\n  const canManageAccess = (permissionsData?.[1] ?? false) || (permissionsData?.[2] ?? false)\n  const canListSpecs = permissionsData?.[3] ?? false\n  const canManageSpecs = (permissionsData?.[4] ?? false) || (permissionsData?.[5] ?? false)\n\n  const [specModalOpen, toggleSpecModal] = useModal()\n  const [accessModalOpen, toggleAccessModal] = useModal()\n  const [deleteModalOpen, toggleDeleteModal] = useModal()\n\n  const handleSpecModalClose = () => {\n    toggleSpecModal()\n    utils.compute.getExtraSpecs.invalidate({ project_id: projectId, flavorId })\n  }\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 hasPopupMenuItems = (canManageAccess && !isPublicFlavor) || canDeleteFlavor\n  const canEditMetadata = canManageSpecs && canListSpecs\n  const hasMoreActions = hasPopupMenuItems || canEditMetadata\n\n  const headerActions = hasMoreActions ? (\n    <Stack gap=\"0.5\" alignment=\"center\">\n      {hasPopupMenuItems && (\n        <PopupMenu>\n          <PopupMenuToggle as=\"div\">\n            <Button icon=\"moreVert\" title={t`More Actions`} aria-label={t`More Actions`} />\n          </PopupMenuToggle>\n          <PopupMenuOptions>\n            {canManageAccess && !isPublicFlavor && (\n              <PopupMenuItem label={t`Manage Access`} onClick={toggleAccessModal} />\n            )}\n            {canDeleteFlavor && (\n              <>\n                <PopupMenuSectionSeparator />\n                <PopupMenuItem label={t`Delete Flavor`} onClick={toggleDeleteModal} />\n              </>\n            )}\n          </PopupMenuOptions>\n        </PopupMenu>\n      )}\n      {canEditMetadata && (\n        <Button variant=\"primary\" onClick={toggleSpecModal}>\n          <Trans>Edit 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} canListSpecs={canListSpecs} />\n      </Stack>\n\n      {trpcClient && (\n        <>\n          {specModalOpen && (\n            <EditSpecModal\n              client={trpcClient}\n              isOpen={specModalOpen}\n              onClose={handleSpecModalClose}\n              project={projectId}\n              flavor={flavor}\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/_flavorId-CFUBcU-l.mjs

@@ -1,27 +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/compute/flavors/$flavorId")({
-	staticData: {
-		section: "compute",
-		service: "flavors",
-		analytics: { name: "compute.flavors.detail" }
-	},
-	loader: async ({ context: e, params: t }) => ({ flavorName: (await e.trpcClient?.compute.getFlavorById.query({
-		project_id: t.projectId,
-		flavorId: t.flavorId
-	}))?.name ?? null }),
-	head: ({ loaderData: e }) => ({ meta: [{ title: e?.flavorName ?? "Flavor Details" }] }),
-	component: n(() => import("./_flavorId-BPvssEzn.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.flavor && !s.compute) throw r({
-			to: "/projects/$projectId",
-			params: { projectId: a }
-		});
-	},
-	errorComponent: n(() => import("./_flavorId-CZcIp0Ih.mjs"), "errorComponent")
-});
-//#endregion
-export { i as t };
-
-//# sourceMappingURL=_flavorId-CFUBcU-l.mjs.map

package/dist/client/_flavorId-CFUBcU-l.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_flavorId-CFUBcU-l.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","errorComponent","$$splitErrorComponentImporter"],"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  PopupMenuSectionSeparator,\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\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\n\nfunction FlavorErrorComponent() {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId } = Route.useParams()\n\n  return (\n    <RouteIdLevelDefaultError\n      action={\n        <Button\n          variant=\"primary\"\n          onClick={() => navigate({ to: \"/projects/$projectId/compute/flavors\", params: { projectId } })}\n        >\n          {t`Back to Flavors`}\n        </Button>\n      }\n    />\n  )\n}\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  errorComponent: FlavorErrorComponent,\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  const utils = trpcReact.useUtils()\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:add_project\",\n      \"flavors:remove_project\",\n      \"flavor_specs:list\",\n      \"flavor_specs:create\",\n      \"flavor_specs:delete\",\n    ],\n  })\n\n  const canDeleteFlavor = permissionsData?.[0] ?? false\n  const canManageAccess = (permissionsData?.[1] ?? false) || (permissionsData?.[2] ?? false)\n  const canListSpecs = permissionsData?.[3] ?? false\n  const canManageSpecs = (permissionsData?.[4] ?? false) || (permissionsData?.[5] ?? false)\n\n  const [specModalOpen, toggleSpecModal] = useModal()\n  const [accessModalOpen, toggleAccessModal] = useModal()\n  const [deleteModalOpen, toggleDeleteModal] = useModal()\n\n  const handleSpecModalClose = () => {\n    toggleSpecModal()\n    utils.compute.getExtraSpecs.invalidate({ project_id: projectId, flavorId })\n  }\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 hasPopupMenuItems = (canManageAccess && !isPublicFlavor) || canDeleteFlavor\n  const canEditMetadata = canManageSpecs && canListSpecs\n  const hasMoreActions = hasPopupMenuItems || canEditMetadata\n\n  const headerActions = hasMoreActions ? (\n    <Stack gap=\"0.5\" alignment=\"center\">\n      {hasPopupMenuItems && (\n        <PopupMenu>\n          <PopupMenuToggle as=\"div\">\n            <Button icon=\"moreVert\" title={t`More Actions`} aria-label={t`More Actions`} />\n          </PopupMenuToggle>\n          <PopupMenuOptions>\n            {canManageAccess && !isPublicFlavor && (\n              <PopupMenuItem label={t`Manage Access`} onClick={toggleAccessModal} />\n            )}\n            {canDeleteFlavor && (\n              <>\n                <PopupMenuSectionSeparator />\n                <PopupMenuItem label={t`Delete Flavor`} onClick={toggleDeleteModal} />\n              </>\n            )}\n          </PopupMenuOptions>\n        </PopupMenu>\n      )}\n      {canEditMetadata && (\n        <Button variant=\"primary\" onClick={toggleSpecModal}>\n          <Trans>Edit 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} canListSpecs={canListSpecs} />\n      </Stack>\n\n      {trpcClient && (\n        <>\n          {specModalOpen && (\n            <EditSpecModal\n              client={trpcClient}\n              isOpen={specModalOpen}\n              onClose={handleSpecModalClose}\n              project={projectId}\n              flavor={flavor}\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":";;AA8CA,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;CACAgB,gBAAcR,4CAAA,gBAAA;AAChB,CAAA"}

package/dist/client/_flavorId-CZcIp0Ih.mjs

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

package/dist/client/_flavorId-CZcIp0Ih.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_flavorId-CZcIp0Ih.mjs","names":["Button","useNavigate","useLingui","RouteIdLevelDefaultError","FlavorErrorComponent","t","navigate","projectId","Route","useParams","to","params","errorComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx?tsr-split=errorComponent"],"sourcesContent":["import {\n  Button,\n  ButtonRow,\n  Stack,\n  PopupMenu,\n  PopupMenuToggle,\n  PopupMenuOptions,\n  PopupMenuItem,\n  PopupMenuSectionSeparator,\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\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\n\nfunction FlavorErrorComponent() {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId } = Route.useParams()\n\n  return (\n    <RouteIdLevelDefaultError\n      action={\n        <Button\n          variant=\"primary\"\n          onClick={() => navigate({ to: \"/projects/$projectId/compute/flavors\", params: { projectId } })}\n        >\n          {t`Back to Flavors`}\n        </Button>\n      }\n    />\n  )\n}\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  errorComponent: FlavorErrorComponent,\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  const utils = trpcReact.useUtils()\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:add_project\",\n      \"flavors:remove_project\",\n      \"flavor_specs:list\",\n      \"flavor_specs:create\",\n      \"flavor_specs:delete\",\n    ],\n  })\n\n  const canDeleteFlavor = permissionsData?.[0] ?? false\n  const canManageAccess = (permissionsData?.[1] ?? false) || (permissionsData?.[2] ?? false)\n  const canListSpecs = permissionsData?.[3] ?? false\n  const canManageSpecs = (permissionsData?.[4] ?? false) || (permissionsData?.[5] ?? false)\n\n  const [specModalOpen, toggleSpecModal] = useModal()\n  const [accessModalOpen, toggleAccessModal] = useModal()\n  const [deleteModalOpen, toggleDeleteModal] = useModal()\n\n  const handleSpecModalClose = () => {\n    toggleSpecModal()\n    utils.compute.getExtraSpecs.invalidate({ project_id: projectId, flavorId })\n  }\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 hasPopupMenuItems = (canManageAccess && !isPublicFlavor) || canDeleteFlavor\n  const canEditMetadata = canManageSpecs && canListSpecs\n  const hasMoreActions = hasPopupMenuItems || canEditMetadata\n\n  const headerActions = hasMoreActions ? (\n    <Stack gap=\"0.5\" alignment=\"center\">\n      {hasPopupMenuItems && (\n        <PopupMenu>\n          <PopupMenuToggle as=\"div\">\n            <Button icon=\"moreVert\" title={t`More Actions`} aria-label={t`More Actions`} />\n          </PopupMenuToggle>\n          <PopupMenuOptions>\n            {canManageAccess && !isPublicFlavor && (\n              <PopupMenuItem label={t`Manage Access`} onClick={toggleAccessModal} />\n            )}\n            {canDeleteFlavor && (\n              <>\n                <PopupMenuSectionSeparator />\n                <PopupMenuItem label={t`Delete Flavor`} onClick={toggleDeleteModal} />\n              </>\n            )}\n          </PopupMenuOptions>\n        </PopupMenu>\n      )}\n      {canEditMetadata && (\n        <Button variant=\"primary\" onClick={toggleSpecModal}>\n          <Trans>Edit 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} canListSpecs={canListSpecs} />\n      </Stack>\n\n      {trpcClient && (\n        <>\n          {specModalOpen && (\n            <EditSpecModal\n              client={trpcClient}\n              isOpen={specModalOpen}\n              onClose={handleSpecModalClose}\n              project={projectId}\n              flavor={flavor}\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":";;;;;;;AA2BA,SAASI,IAAAA;CACP,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQF,EAAAA,GACRI,IAAWL,EAAAA,GACX,EAAEM,iBAAcC,EAAMC,UAAS;CAErC,OACE,gBAAC,GAAA,EACC,QACE,gBAAC,GAAA;EACC,SAAQ;EACR,eAAeH,EAAS;GAAEI,IAAI;GAAwCC,QAAQ,EAAEJ,aAAU;EAAE,CAAA;EAE3FF,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;;AAKZ"}