@cobaltcore-dev/aurora 0.3.1 → 0.5.0

package/dist/client/{containers-Ca5V1EBS.mjs → containers-xfsYgRyf.mjs}

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 //#region src/client/routes/_auth/projects/$projectId/storage/$provider/containers/index.tsx?tsr-split=notFoundComponent
-var t = () => /* @__PURE__ */ e("p", { children: "Storage service not found" });
+var t = () => /*#__PURE__*/ e("p", { children: "Storage service not found" });
 //#endregion
 export { t as notFoundComponent };
 
-//# sourceMappingURL=containers-Ca5V1EBS.mjs.map
+//# sourceMappingURL=containers-xfsYgRyf.mjs.map

package/dist/client/containers-xfsYgRyf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers-xfsYgRyf.mjs","names":["SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/$provider/containers/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { createFileRoute, redirect, useParams } from \"@tanstack/react-router\"\nimport { z } from \"zod\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { ErrorBoundary } from \"react-error-boundary\"\nimport { SwiftContainers } from \"../../-components/Swift/Containers\"\nimport { CephContainers } from \"../../-components/Ceph/Containers\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\n/**\n * Validates that the requested storage provider is available for the given project,\n * and redirects to an appropriate fallback route when it is not.\n *\n * Redirect rules (in priority order):\n * 1. No `object-store` service at all → redirect to the project overview.\n * 2. Unknown provider (neither \"swift\" nor \"ceph\") → redirect to the first\n *    available provider, or to the project overview if none exist.\n * 3. Requested provider unavailable → redirect to the other provider,\n *    or to the project overview if no alternative exists.\n *\n * Ceph has a temporary fallback flag (`cephFallbackEnabled`) that treats it as\n * available even when absent from the OpenStack service catalog.\n *\n * @throws {redirect} - Always throws a TanStack Router redirect; never returns normally\n *   when the requested provider/project combination is unavailable.\n */\nexport const checkServiceAvailability = (\n  availableServices: {\n    type: string\n    name: string\n  }[],\n  params: {\n    projectId: string\n    provider: string\n  }\n) => {\n  const { provider, projectId } = params\n\n  const serviceIndex = getServiceIndex(availableServices)\n\n  // Redirect to the \"Projects Overview\" page if no storage services available\n  if (!serviceIndex[\"object-store\"]) {\n    throw redirect({\n      to: \"/projects/$projectId\",\n      params: { projectId },\n    })\n  }\n\n  // Check provider availability\n  const hasSwift = Boolean(serviceIndex[\"object-store\"][\"swift\"])\n  const hasCeph = Boolean(serviceIndex[\"object-store\"][\"ceph\"])\n\n  // TEMPORARY: Allow Ceph access even if not in catalog (relies on env config)\n  // TODO: Properly register Ceph in OpenStack service catalog\n  const cephFallbackEnabled = true // Set to false once Ceph is in catalog\n\n  // Effective availability includes fallback flag for Ceph\n  const hasEffectiveCeph = hasCeph || cephFallbackEnabled\n  const fallbackProvider = hasSwift ? \"swift\" : hasEffectiveCeph ? \"ceph\" : null\n\n  if (provider !== \"swift\" && provider !== \"ceph\") {\n    if (!fallbackProvider) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/containers\",\n      params: { ...params, provider: fallbackProvider },\n    })\n  }\n\n  if (provider === \"swift\" && !hasSwift) {\n    if (!hasEffectiveCeph) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/containers\",\n      params: { ...params, provider: \"ceph\" },\n    })\n  }\n\n  if (provider === \"ceph\" && !hasEffectiveCeph) {\n    if (!hasSwift) {\n      throw redirect({\n        to: \"/projects/$projectId\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/containers\",\n      params: { ...params, provider: \"swift\" },\n    })\n  }\n}\n\n// Search params schema\n// - sortBy: active sort column — persisted for deep links and back navigation\n// - sortDirection: \"asc\" | \"desc\" — persisted alongside sortBy\n// - search: active filter string — persisted so deep links preserve the current search\nconst containersSearchSchema = z.object({\n  sortBy: z.enum([\"name\", \"count\", \"bytes\", \"last_modified\"]).optional(),\n  sortDirection: z.enum([\"asc\", \"desc\"]).optional(),\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/storage/$provider/containers/\")({\n  staticData: {\n    section: \"storage\",\n    service: \"containers\",\n    sectionCrumb: { labelKey: \"Storage\" },\n    crumb: { useParamAsLabel: \"provider\" },\n  } satisfies RouteInfo,\n  validateSearch: containersSearchSchema,\n  head: ({ match }) => ({\n    meta: [\n      {\n        title:\n          match.params.provider === \"swift\"\n            ? \"Object Storage (Swift)\"\n            : match.params.provider === \"ceph\"\n              ? \"Object Storage (Ceph)\"\n              : \"Storage Overview\",\n      },\n    ],\n  }),\n  component: () => {\n    return <StorageDashboard />\n  },\n  notFoundComponent: () => {\n    return <p>Storage service not found</p>\n  },\n  loader: async ({ context }) => {\n    const { trpcClient } = context\n    const availableServices = await trpcClient?.auth.getAvailableServices.query()\n\n    return {\n      client: trpcClient,\n      availableServices,\n    }\n  },\n  beforeLoad: async ({ context, params }) => {\n    const { trpcClient } = context\n    const availableServices = await trpcClient?.auth.getAvailableServices.query()\n    checkServiceAvailability(availableServices!, params)\n  },\n})\n\nfunction StorageDashboard() {\n  const { project, provider } = useParams({\n    from: \"/_auth/projects/$projectId/storage/$provider/containers/\",\n    select: (params) => {\n      return { project: params.projectId, provider: params.provider }\n    },\n  })\n\n  const { t } = useLingui()\n\n  let pageTitle: string\n  switch (provider) {\n    case \"swift\":\n      pageTitle = t`Object Storage (Swift)`\n      break\n    case \"ceph\":\n      pageTitle = t`Object Storage (Ceph)`\n      break\n    default:\n      pageTitle = t`Storage Overview`\n  }\n\n  return (\n    <div>\n      <ContentHeader title={pageTitle} projectId={project} />\n      {project ? (\n        <ErrorBoundary\n          resetKeys={[project, provider]}\n          fallback={\n            <div className=\"p-4 text-center\">\n              <Trans>Error loading component</Trans>\n            </div>\n          }\n        >\n          {(() => {\n            switch (provider) {\n              case \"swift\":\n                return <SwiftContainers />\n              case \"ceph\":\n                return <CephContainers />\n              default:\n                return <div>Storage Overview Page</div> // replace when available\n            }\n          })()}\n        </ErrorBoundary>\n      ) : (\n        <div className=\"p-4 text-center\">\n          <Trans>No project selected</Trans>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;AA0GA,IAAAA,UA+BW,gBAAC,KAAA,EAAA,UAAE,4BAAA,CAAA"}

package/dist/client/{flavors-D8oElC2K.mjs → flavors-C4GtoybP.mjs}

@@ -8,9 +8,9 @@ var r = e("/_auth/projects/$projectId/compute/flavors/")({
 		crumb: { labelKey: "Flavors" }
 	},
 	head: () => ({ meta: [{ title: n._({ id: "neiJm0" }) }] }),
-	component: t(() => import("./flavors-qvgPSI7J.mjs"), "component")
+	component: t(() => import("./flavors-CpirO_nr.mjs"), "component")
 });
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=flavors-D8oElC2K.mjs.map
+//# sourceMappingURL=flavors-C4GtoybP.mjs.map

package/dist/client/{flavors-D8oElC2K.mjs.map → flavors-C4GtoybP.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"flavors-D8oElC2K.mjs","names":["createFileRoute","t","Route","staticData","section","service","sectionCrumb","labelKey","crumb","RouteInfo","head","meta","title","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/flavors/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { Flavors } from \"../-components/Flavors/List\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/flavors/\")({\n  staticData: {\n    section: \"compute\",\n    service: \"flavors\",\n    sectionCrumb: { labelKey: \"Compute\" },\n    crumb: { labelKey: \"Flavors\" },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Flavors` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n  return (\n    <>\n      <ContentHeader title={t`Flavors`} projectId={projectId} />\n      <Flavors project={projectId} client={trpcClient!} />\n    </>\n  )\n}\n"],"mappings":";;AAOA,IAAaE,IAAQF,EAAgB,8CAAA,CAA+C;CAClFG,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,cAAc,EAAEC,UAAU,WAAU;EACpCC,OAAO,EAAED,UAAU,WAAU;EAC/B;CACAG,aAAa,EAAEC,MAAM,CAAC,EAAEC,OAAOX,EAAAA,EAAC,EAAA,IAAA,UAAA,CAAA,EAAU,CAAC,EAAE;CAC7CY,WAASC,0CAAA,YAAA;CACX,CAAA"}
+{"version":3,"file":"flavors-C4GtoybP.mjs","names":["createFileRoute","t","Route","staticData","section","service","sectionCrumb","labelKey","crumb","RouteInfo","head","meta","title","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/flavors/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { Flavors } from \"../-components/Flavors/List\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/flavors/\")({\n  staticData: {\n    section: \"compute\",\n    service: \"flavors\",\n    sectionCrumb: { labelKey: \"Compute\" },\n    crumb: { labelKey: \"Flavors\" },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Flavors` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n  return (\n    <>\n      <ContentHeader title={t`Flavors`} projectId={projectId} />\n      <Flavors project={projectId} client={trpcClient!} />\n    </>\n  )\n}\n"],"mappings":";;AAOA,IAAaE,IAAQF,EAAgB,6CAAA,EAA+C;CAClFG,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,cAAc,EAAEC,UAAU,UAAU;EACpCC,OAAO,EAAED,UAAU,UAAU;CAC/B;CACAG,aAAa,EAAEC,MAAM,CAAC,EAAEC,OAAOX,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA,EAAU,CAAA,EAAG;CAC7CY,WAASC,0CAAA,WAAA;AACX,CAAA"}

package/dist/client/{flavors-qvgPSI7J.mjs → flavors-CpirO_nr.mjs}

@@ -1,137 +1,143 @@
-import { C as e, E as t, G as n, I as r, M as i, Q as a, T as o, U as s, Y as c, at as l, c as u, et as d, f, it as p, j as m, l as h, n as g, nt as _, ot as v, q as y, w as b } from "./build-BJDfnAyi.mjs";
-import { t as x } from "./useErrorTranslation-TZVwIAzq.mjs";
-import { t as S } from "./flavors-D8oElC2K.mjs";
-import { n as C, r as w, t as T } from "./DeleteFlavorModal-BusYn32r.mjs";
-import { t as E } from "./ContentHeader-BXZoN3B9.mjs";
-import { t as D } from "./SortInput-DXWSqSny.mjs";
+import { C as e, E as t, G as n, I as r, M as i, Q as a, T as o, U as s, Y as c, at as l, c as u, et as d, f, it as p, j as m, l as h, n as g, nt as _, ot as v, q as y, w as b } from "./build-DracvfrJ.mjs";
+import { t as x } from "./useErrorTranslation-Dc0eE8Zt.mjs";
+import { t as S } from "./flavors-C4GtoybP.mjs";
+import { t as C } from "./ContentHeader-xQVhO2yT.mjs";
+import { n as w, r as T, t as E } from "./DeleteFlavorModal-CHTUZ3YV.mjs";
+import { t as D } from "./SortInput-GQlQBlAj.mjs";
 import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 import { Suspense as j, startTransition as M, use as N, useCallback as P, useEffect as F, useRef as I, useState as L } from "react";
-import { Link as R, useNavigate as z, useParams as B, useSearch as V } from "@tanstack/react-router";
-import { TRPCClientError as H } from "@trpc/client";
-import { Trans as U, useLingui as W } from "@lingui/react";
+import { useNavigate as R, useParams as z, useSearch as B } from "@tanstack/react-router";
+import { TRPCClientError as V } from "@trpc/client";
+import { Trans as H, useLingui as U } from "@lingui/react";
+import { ErrorBoundary as W } from "react-error-boundary";
 //#region src/client/routes/_auth/projects/$projectId/compute/-components/Flavors/-components/FlavorListContainer.tsx
-var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f, canDeleteFlavor: p, canMangageAccess: g, currentPage: v = 1, totalPages: y = 1, onPageChange: b }) => {
-	let { i18n: x, _: S } = W(), E = z(), [D, j] = L(!1), [M, N] = L(!1), [P, F] = L(!1), [I, V] = L(null), { projectId: H } = B({ from: "/_auth/projects/$projectId/compute/flavors/" }), G = (e) => {
-		V(e), j(!0);
-	}, K = (e) => {
-		V(e), N(!0);
+var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f, canDeleteFlavor: p, canMangageAccess: g, canManageSpecs: v, canListSpecs: y, currentPage: b = 1, totalPages: x = 1, onPageChange: S }) => {
+	let { i18n: C, _: D } = U(), j = R(), [M, N] = L(!1), [P, F] = L(!1), [I, B] = L(!1), [V, W] = L(null), { projectId: G } = z({ from: "/_auth/projects/$projectId/compute/flavors/" }), K = (e) => {
+		W(e), N(!0);
 	}, q = (e) => {
-		V(e), F(!0);
-	}, J = () => {
-		j(!1), V(null);
+		W(e), F(!0);
+	}, J = (e) => {
+		W(e), B(!0);
+	}, Y = () => {
+		N(!1), W(null);
 	};
-	return o ? /* @__PURE__ */ k("div", {
+	return o ? /*#__PURE__*/ k("div", {
 		"data-testid": "loading",
-		children: /* @__PURE__ */ k("div", {
+		children: /*#__PURE__*/ k("div", {
 			"data-testid": "loading",
-			children: /* @__PURE__ */ k(r, { children: /* @__PURE__ */ k(i, {
+			children: /*#__PURE__*/ k(r, { children: /*#__PURE__*/ k(i, {
 				colSpan: 3,
-				children: /* @__PURE__ */ A(_, {
+				children: /*#__PURE__*/ A(_, {
 					distribution: "center",
 					alignment: "center",
-					children: [/* @__PURE__ */ k(a, { variant: "primary" }), /* @__PURE__ */ k(U, { id: "Z3FXyt" })]
+					children: [/*#__PURE__*/ k(a, { variant: "primary" }), /*#__PURE__*/ k(H, { id: "Z3FXyt" })]
 				})
 			}) })
 		})
-	}) : !e || e.length === 0 ? /* @__PURE__ */ k(s, {
+	}) : !e || e.length === 0 ? /*#__PURE__*/ k(s, {
 		columns: 7,
 		className: "flavors",
 		"data-testid": "no-flavors",
-		children: /* @__PURE__ */ k(r, { children: /* @__PURE__ */ A(i, {
+		children: /*#__PURE__*/ k(r, { children: /*#__PURE__*/ A(i, {
 			colSpan: 7,
-			children: [/* @__PURE__ */ k(m, { children: /* @__PURE__ */ k(U, { id: "PiyQJ/" }) }), /* @__PURE__ */ k("p", { children: /* @__PURE__ */ k(U, { id: "KSW/GC" }) })]
+			children: [/*#__PURE__*/ k(m, { children: /*#__PURE__*/ k(H, { id: "PiyQJ/" }) }), /*#__PURE__*/ k("p", { children: /*#__PURE__*/ k(H, { id: "KSW/GC" }) })]
 		}) })
-	}) : /* @__PURE__ */ A(O, { children: [
-		/* @__PURE__ */ A(s, {
-			columns: 6,
-			minContentColumns: [5],
+	}) : /*#__PURE__*/ A(O, { children: [
+		/*#__PURE__*/ A(s, {
+			columns: 7,
+			minContentColumns: [6],
 			className: "flavors",
 			"data-testid": "flavors-table",
-			children: [/* @__PURE__ */ A(r, { children: [
-				/* @__PURE__ */ k(n, { children: /* @__PURE__ */ k(U, { id: "6YtxFj" }) }),
-				/* @__PURE__ */ k(n, { children: /* @__PURE__ */ k(U, { id: "k5nYwm" }) }),
-				/* @__PURE__ */ k(n, { children: /* @__PURE__ */ k(U, { id: "K+e/0e" }) }),
-				/* @__PURE__ */ k(n, { children: /* @__PURE__ */ k(U, { id: "n0ZttO" }) }),
-				/* @__PURE__ */ k(n, { children: /* @__PURE__ */ k(U, { id: "p4nMut" }) }),
-				/* @__PURE__ */ k(n, {})
-			] }), e.map((e) => /* @__PURE__ */ A(r, {
+			children: [/*#__PURE__*/ A(r, { children: [
+				/*#__PURE__*/ k(n, { children: /*#__PURE__*/ k(H, { id: "6YtxFj" }) }),
+				/*#__PURE__*/ k(n, { children: /*#__PURE__*/ k(H, { id: "k5nYwm" }) }),
+				/*#__PURE__*/ k(n, { children: /*#__PURE__*/ k(H, { id: "K+e/0e" }) }),
+				/*#__PURE__*/ k(n, { children: /*#__PURE__*/ k(H, { id: "n0ZttO" }) }),
+				/*#__PURE__*/ k(n, { children: /*#__PURE__*/ k(H, { id: "p4nMut" }) }),
+				/*#__PURE__*/ k(n, { children: /*#__PURE__*/ k(H, { id: "HyyJ83" }) }),
+				/*#__PURE__*/ k(n, {})
+			] }), e.map((e) => /*#__PURE__*/ A(r, {
 				"data-testid": `flavor-row-${e.id}`,
-				onClick: () => E({
+				onClick: () => j({
 					to: "/projects/$projectId/compute/flavors/$flavorId",
 					params: {
-						projectId: H,
+						projectId: G,
 						flavorId: e.id
 					}
 				}),
 				children: [
-					/* @__PURE__ */ k(i, { children: e.name || e.id }),
-					/* @__PURE__ */ k(i, { children: e.vcpus || "–" }),
-					/* @__PURE__ */ k(i, { children: e.ram || "–" }),
-					/* @__PURE__ */ k(i, { children: e.disk || "–" }),
-					/* @__PURE__ */ k(i, { children: e.swap || "–" }),
-					/* @__PURE__ */ k(i, {
+					/*#__PURE__*/ k(i, { children: e.name || e.id }),
+					/*#__PURE__*/ k(i, { children: e.vcpus || "–" }),
+					/*#__PURE__*/ k(i, { children: e.ram || "–" }),
+					/*#__PURE__*/ k(i, { children: e.disk || "–" }),
+					/*#__PURE__*/ k(i, { children: e.swap || "–" }),
+					/*#__PURE__*/ k(i, { children: e["os-flavor-access:is_public"] === !1 ? C._({ id: "zwBp5t" }) : C._({ id: "7d1a0d" }) }),
+					/*#__PURE__*/ k(i, {
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(t, { children: [
-							/* @__PURE__ */ k(c, { children: /* @__PURE__ */ k(R, {
-								to: "/projects/$projectId/compute/flavors/$flavorId",
-								params: {
-									projectId: H,
-									flavorId: e.id
-								},
-								className: "text-theme-default",
-								children: x._({ id: "URmyfc" })
-							}) }),
-							/* @__PURE__ */ k(c, {
-								label: x._({ id: "6GBt0m" }),
-								onClick: () => K(e)
+						children: /*#__PURE__*/ k(d, { children: /*#__PURE__*/ A(t, { children: [
+							/*#__PURE__*/ k(c, {
+								label: C._({ id: "URmyfc" }),
+								onClick: () => j({
+									to: "/projects/$projectId/compute/flavors/$flavorId",
+									params: {
+										projectId: G,
+										flavorId: e.id
+									}
+								})
 							}),
-							g && /* @__PURE__ */ k(c, {
-								label: x._({ id: "cWbW6w" }),
+							(v || y) && /*#__PURE__*/ k(c, {
+								label: v ? C._({ id: "SIfYq6" }) : C._({ id: "6GBt0m" }),
 								onClick: () => q(e)
 							}),
-							p && /* @__PURE__ */ k(c, {
-								label: x._({ id: "JT3I1g" }),
-								onClick: () => G(e)
+							g && /*#__PURE__*/ k(c, {
+								label: C._({ id: "cWbW6w" }),
+								onClick: () => J(e),
+								disabled: e["os-flavor-access:is_public"] !== !1
+							}),
+							p && /*#__PURE__*/ k(c, {
+								label: C._({ id: "JT3I1g" }),
+								onClick: () => K(e)
 							})
 						] }) })
 					})
 				]
 			}, e.id))]
 		}),
-		y > 1 && /* @__PURE__ */ k("div", {
+		x > 1 && /*#__PURE__*/ k("div", {
 			className: "flex justify-center py-4",
-			children: /* @__PURE__ */ k(h, {
+			children: /*#__PURE__*/ k(h, {
 				variant: "input",
-				currentPage: v,
-				pages: y,
-				onPressPrevious: () => b?.(Math.max(v - 1, 1)),
-				onPressNext: () => b?.(Math.min(v + 1, y)),
-				onSelectChange: (e) => b?.(e)
+				currentPage: b,
+				pages: x,
+				onPressPrevious: () => S?.(Math.max(b - 1, 1)),
+				onPressNext: () => S?.(Math.min(b + 1, x)),
+				onSelectChange: (e) => S?.(e)
 			})
 		}),
-		/* @__PURE__ */ k(T, {
+		/*#__PURE__*/ k(E, {
 			client: l,
-			isOpen: D,
-			onClose: J,
+			isOpen: M,
+			onClose: Y,
 			project: u,
-			flavor: I,
+			flavor: V,
 			onSuccess: () => {
-				I && f && f(I.name || ""), J();
+				V && f && f(V.name || ""), Y();
 			}
 		}),
-		/* @__PURE__ */ k(w, {
+		/*#__PURE__*/ k(T, {
 			client: l,
-			isOpen: M,
-			onClose: () => N(!1),
+			isOpen: P,
+			onClose: () => F(!1),
 			project: u,
-			flavor: I
+			flavor: V,
+			canEdit: v
 		}),
-		/* @__PURE__ */ k(C, {
+		/*#__PURE__*/ k(w, {
 			client: l,
-			isOpen: P,
-			onClose: () => F(!1),
+			isOpen: I,
+			onClose: () => B(!1),
 			project: u,
-			flavor: I
+			flavor: V
 		})
 	] });
 }, K = (e, t, n) => {
@@ -185,7 +191,7 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 	}, n = (e) => e != null && e !== "" && String(e).trim() !== "", r = (e) => e != null && e !== "" && String(e).trim() !== "" && !isNaN(Number(e));
 	return n(e.id) && (t.id = String(e.id).trim()), n(e.description) && (t.description = String(e.description).trim()), r(e.swap) && (t.swap = Number(e.swap)), r(e.rxtx_factor) && (t.rxtx_factor = Number(e.rxtx_factor)), r(e["OS-FLV-EXT-DATA:ephemeral"]) && (t["OS-FLV-EXT-DATA:ephemeral"] = Number(e["OS-FLV-EXT-DATA:ephemeral"])), e["os-flavor-access:is_public"] !== void 0 && (t["os-flavor-access:is_public"] = !!e["os-flavor-access:is_public"]), t;
 }, J = ({ client: e, isOpen: t, onClose: n, project: r, onSuccess: i }) => {
-	let { i18n: s, _: c } = W(), { translateError: u } = x(), [d, f] = L({ "os-flavor-access:is_public": !0 }), [m, h] = L({}), [S, C] = L(!1), [w, T] = L(null), E = (e) => {
+	let { i18n: s, _: c } = U(), { translateError: u } = x(), [d, f] = L({ "os-flavor-access:is_public": !0 }), [m, h] = L({}), [S, C] = L(!1), [w, T] = L(null), E = (e) => {
 		let { name: t, value: n, type: r, checked: i } = e.target;
 		f((e) => ({
 			...e,
@@ -245,7 +251,7 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 	}, M = () => {
 		f({ "os-flavor-access:is_public": !0 }), h({}), T(null), n();
 	};
-	return /* @__PURE__ */ A(v, {
+	return /*#__PURE__*/ A(v, {
 		onCancel: M,
 		size: "large",
 		title: s._({ id: "Rlp5zj" }),
@@ -253,18 +259,18 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 		onConfirm: j,
 		cancelButtonLabel: s._({ id: "dEgA5A" }),
 		confirmButtonLabel: s._({ id: "wEfZld" }),
-		children: [S && /* @__PURE__ */ k(_, {
+		children: [S && /*#__PURE__*/ k(_, {
 			distribution: "center",
 			alignment: "center",
-			children: /* @__PURE__ */ k(a, { variant: "primary" })
-		}), !S && /* @__PURE__ */ A(l, { children: [w && /* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(y, {
+			children: /*#__PURE__*/ k(a, { variant: "primary" })
+		}), !S && /*#__PURE__*/ A(l, { children: [w && /*#__PURE__*/ k(p, { children: /*#__PURE__*/ k(y, {
 			onDismiss: () => {
 				T(null);
 			},
 			text: w,
 			variant: "error"
-		}) }), /* @__PURE__ */ A(g, { children: [
-			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+		}) }), /*#__PURE__*/ A(g, { children: [
+			/*#__PURE__*/ k(p, { children: /*#__PURE__*/ k(o, {
 				id: "id",
 				name: "id",
 				label: s._({ id: "s2ubkU" }),
@@ -273,7 +279,7 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 				onBlur: O,
 				errortext: m.id
 			}) }),
-			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+			/*#__PURE__*/ k(p, { children: /*#__PURE__*/ k(o, {
 				id: "name",
 				name: "name",
 				label: s._({ id: "lWxDDh" }),
@@ -283,7 +289,7 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 				errortext: m.name,
 				required: !0
 			}) }),
-			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+			/*#__PURE__*/ k(p, { children: /*#__PURE__*/ k(o, {
 				id: "description",
 				name: "description",
 				label: s._({ id: "Nu4oKW" }),
@@ -292,7 +298,7 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 				onBlur: O,
 				errortext: m.description
 			}) }),
-			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+			/*#__PURE__*/ k(p, { children: /*#__PURE__*/ k(o, {
 				id: "vcpus",
 				name: "vcpus",
 				label: s._({ id: "MZGbkp" }),
@@ -303,7 +309,7 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 				type: "number",
 				required: !0
 			}) }),
-			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+			/*#__PURE__*/ k(p, { children: /*#__PURE__*/ k(o, {
 				id: "ram",
 				name: "ram",
 				label: s._({ id: "K+e/0e" }),
@@ -314,7 +320,7 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 				type: "number",
 				required: !0
 			}) }),
-			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+			/*#__PURE__*/ k(p, { children: /*#__PURE__*/ k(o, {
 				id: "disk",
 				name: "disk",
 				label: s._({ id: "AxZkIr" }),
@@ -325,7 +331,7 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 				type: "number",
 				required: !0
 			}) }),
-			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+			/*#__PURE__*/ k(p, { children: /*#__PURE__*/ k(o, {
 				id: "OS-FLV-EXT-DATA:ephemeral",
 				name: "OS-FLV-EXT-DATA:ephemeral",
 				label: s._({ id: "X2OnDx" }),
@@ -335,7 +341,7 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 				errortext: m["OS-FLV-EXT-DATA:ephemeral"],
 				type: "number"
 			}) }),
-			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+			/*#__PURE__*/ k(p, { children: /*#__PURE__*/ k(o, {
 				id: "swap",
 				name: "swap",
 				label: s._({ id: "p4nMut" }),
@@ -345,7 +351,7 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 				errortext: m.swap,
 				type: "number"
 			}) }),
-			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+			/*#__PURE__*/ k(p, { children: /*#__PURE__*/ k(o, {
 				id: "rxtx_factor",
 				name: "rxtx_factor",
 				label: s._({ id: "u5HztT" }),
@@ -356,7 +362,7 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 				errortext: m.rxtx_factor,
 				type: "number"
 			}) }),
-			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(b, {
+			/*#__PURE__*/ k(p, { children: /*#__PURE__*/ k(b, {
 				name: "os-flavor-access:is_public",
 				label: s._({ id: "vbajgL" }),
 				helptext: s._({ id: "3nh/7E" }),
@@ -374,7 +380,7 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 	...e,
 	listError: void 0
 })).catch((e) => {
-	if (e instanceof H && e.data?.code === "FORBIDDEN") return {
+	if (e instanceof V && e.data?.code === "FORBIDDEN") return {
 		flavors: [],
 		privateFlavorError: void 0,
 		listError: e.message
@@ -385,16 +391,21 @@ var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f,
 	permission: [
 		"flavors:create",
 		"flavors:delete",
-		"flavors:list_projects"
+		"flavors:list_projects",
+		"flavor_specs:create",
+		"flavor_specs:delete",
+		"flavor_specs:list"
 	]
-}).then(([e, t, n]) => ({
+}).then(([e, t, n, r, i, a]) => ({
 	canCreate: e,
 	canDelete: t,
-	canManageAccess: n
+	canManageAccess: n,
+	canManageSpecs: r || i,
+	canListSpecs: a
 }));
 function Q({ flavorsPromise: t, permissionsPromise: n, client: r, project: i, onFlavorDeleted: a, onFlavorCreated: o, searchTerm: s, setSearchTerm: c, sortSettings: l, handleSortChange: d, createModalOpen: p, setCreateModalOpen: m, currentPage: h, onPageChange: g }) {
-	let { i18n: v, _: b } = W(), { flavors: x, privateFlavorError: S, listError: C } = N(t), w = N(n), [T, E] = L(s), j = I(void 0);
-	if (F(() => () => clearTimeout(j.current), []), C) return /* @__PURE__ */ k("p", { children: C });
+	let { i18n: v, _: b } = U(), { flavors: x, privateFlavorError: S, listError: C } = N(t), w = N(n), [T, E] = L(s), j = I(void 0);
+	if (F(() => () => clearTimeout(j.current), []), C) return /*#__PURE__*/ k("p", { children: C });
 	let M = Math.max(1, Math.ceil(x.length / Y)), P = Math.min(h, M), R = x.slice((P - 1) * Y, P * Y);
 	return F(() => {
 		h > M && g(1);
@@ -402,27 +413,27 @@ function Q({ flavorsPromise: t, permissionsPromise: n, client: r, project: i, on
 		M,
 		h,
 		g
-	]), /* @__PURE__ */ A(O, { children: [
-		/* @__PURE__ */ k(J, {
+	]), /*#__PURE__*/ A(O, { children: [
+		/*#__PURE__*/ k(J, {
 			client: r,
 			isOpen: p,
 			project: i,
 			onClose: () => m(!1),
 			onSuccess: o
 		}),
-		S && /* @__PURE__ */ k(y, {
+		S && /*#__PURE__*/ k(y, {
 			className: "mb-4",
 			text: v._({ id: "3oc18/" }),
 			variant: "warning"
 		}),
-		/* @__PURE__ */ A(_, {
+		/*#__PURE__*/ A(_, {
 			distribution: "end",
 			alignment: "center",
 			gap: "2",
 			className: "pb-2",
-			children: [/* @__PURE__ */ k(_, {
+			children: [/*#__PURE__*/ k(_, {
 				gap: "0.5",
-				children: /* @__PURE__ */ k(D, {
+				children: /*#__PURE__*/ k(D, {
 					options: l.options,
 					sortBy: l.sortBy,
 					sortDirection: l.sortDirection ?? "asc",
@@ -436,16 +447,16 @@ function Q({ flavorsPromise: t, permissionsPromise: n, client: r, project: i, on
 						sortDirection: e
 					})
 				})
-			}), w.canCreate && /* @__PURE__ */ k(u, {
+			}), w.canCreate && /*#__PURE__*/ k(u, {
 				variant: "primary",
 				label: v._({ id: "Rlp5zj" }),
 				onClick: () => m(!0)
 			})]
 		}),
-		/* @__PURE__ */ k(e, { children: /* @__PURE__ */ k(_, {
+		/*#__PURE__*/ k(e, { children: /*#__PURE__*/ k(_, {
 			distribution: "end",
 			alignment: "center",
-			children: /* @__PURE__ */ k(f, {
+			children: /*#__PURE__*/ k(f, {
 				placeholder: v._({ id: "U0sPCo" }),
 				"data-testid": "searchbar",
 				value: T,
@@ -461,7 +472,7 @@ function Q({ flavorsPromise: t, permissionsPromise: n, client: r, project: i, on
 				}
 			})
 		}) }),
-		/* @__PURE__ */ k(G, {
+		/*#__PURE__*/ k(G, {
 			flavors: R,
 			isLoading: !1,
 			client: r,
@@ -469,6 +480,8 @@ function Q({ flavorsPromise: t, permissionsPromise: n, client: r, project: i, on
 			onFlavorDeleted: a,
 			canDeleteFlavor: w.canDelete,
 			canMangageAccess: w.canManageAccess,
+			canManageSpecs: w.canManageSpecs,
+			canListSpecs: w.canListSpecs,
 			currentPage: P,
 			totalPages: M,
 			onPageChange: g
@@ -476,7 +489,7 @@ function Q({ flavorsPromise: t, permissionsPromise: n, client: r, project: i, on
 	] });
 }
 var $ = ({ client: e, project: t }) => {
-	let { i18n: n, _: r } = W(), i = z(), o = V({ strict: !1 }), [s, c] = L({
+	let { i18n: n, _: r } = U(), i = R(), o = B({ strict: !1 }), [s, c] = L({
 		options: [
 			{
 				label: n._({ id: "6YtxFj" }),
@@ -556,41 +569,47 @@ var $ = ({ client: e, project: t }) => {
 			page: e === 1 ? void 0 : e
 		}) });
 	}, [i]);
-	return /* @__PURE__ */ A("div", {
+	return /*#__PURE__*/ A("div", {
 		className: "relative",
-		children: [f && /* @__PURE__ */ k(y, {
+		children: [f && /*#__PURE__*/ k(y, {
 			className: "absolute -top-14 right-0 left-0 z-50",
 			text: f.message,
 			variant: "info",
 			onDismiss: () => p(void 0),
 			dismissible: !0
-		}), /* @__PURE__ */ k(j, {
-			fallback: /* @__PURE__ */ A(_, {
-				className: "fixed inset-0",
-				distribution: "center",
-				alignment: "center",
-				direction: "vertical",
-				children: [/* @__PURE__ */ k(a, {
-					variant: "primary",
-					size: "large",
-					className: "mb-2"
-				}), /* @__PURE__ */ k(U, { id: "EqSPkP" })]
+		}), /*#__PURE__*/ k(W, {
+			fallbackRender: ({ error: e }) => /*#__PURE__*/ k(y, {
+				variant: "error",
+				text: e instanceof Error ? e.message : n._({ id: "W5A0Ly" })
 			}),
-			children: /* @__PURE__ */ k(Q, {
-				flavorsPromise: g,
-				permissionsPromise: b,
-				client: e,
-				project: t,
-				onFlavorDeleted: S,
-				onFlavorCreated: C,
-				searchTerm: l,
-				setSearchTerm: T,
-				sortSettings: s,
-				handleSortChange: w,
-				createModalOpen: m,
-				setCreateModalOpen: h,
-				currentPage: d,
-				onPageChange: E
+			children: /*#__PURE__*/ k(j, {
+				fallback: /*#__PURE__*/ A(_, {
+					className: "fixed inset-0",
+					distribution: "center",
+					alignment: "center",
+					direction: "vertical",
+					children: [/*#__PURE__*/ k(a, {
+						variant: "primary",
+						size: "large",
+						className: "mb-2"
+					}), /*#__PURE__*/ k(H, { id: "EqSPkP" })]
+				}),
+				children: /*#__PURE__*/ k(Q, {
+					flavorsPromise: g,
+					permissionsPromise: b,
+					client: e,
+					project: t,
+					onFlavorDeleted: S,
+					onFlavorCreated: C,
+					searchTerm: l,
+					setSearchTerm: T,
+					sortSettings: s,
+					handleSortChange: w,
+					createModalOpen: m,
+					setCreateModalOpen: h,
+					currentPage: d,
+					onPageChange: E
+				})
 			})
 		})]
 	});
@@ -598,11 +617,11 @@ var $ = ({ client: e, project: t }) => {
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/compute/flavors/index.tsx?tsr-split=component
 function ee() {
-	let { i18n: e, _: t } = W(), { projectId: n } = S.useParams(), { trpcClient: r } = S.useRouteContext();
-	return /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(E, {
+	let { i18n: e, _: t } = U(), { projectId: n } = S.useParams(), { trpcClient: r } = S.useRouteContext();
+	return /*#__PURE__*/ A(O, { children: [/*#__PURE__*/ k(C, {
 		title: e._({ id: "neiJm0" }),
 		projectId: n
-	}), /* @__PURE__ */ k($, {
+	}), /*#__PURE__*/ k($, {
 		project: n,
 		client: r
 	})] });
@@ -610,4 +629,4 @@ function ee() {
 //#endregion
 export { ee as component };
 
-//# sourceMappingURL=flavors-qvgPSI7J.mjs.map
+//# sourceMappingURL=flavors-CpirO_nr.mjs.map