@cobaltcore-dev/aurora 0.8.1 → 0.10.0

package/dist/client/projects-B_PPyZD1.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"projects-B_PPyZD1.mjs","names":["createFileRoute","z","searchSchema","object","search","string","optional","Route","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter","notFoundComponent","$$splitNotFoundComponentImporter","validateSearch","loaderDeps","loader","context","deps","allProjects","trpcClient","project","getAuthProjects","query","projects","trim","searchTermLower","toLowerCase","filter","name","includes","description"],"sources":["../../src/client/routes/_auth/projects/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;2IASME,IAAeD,EAAEE,OAAO,EAC5BC,QAAQH,EAAEI,OAAM,EAAGC,SAAQ,EAC7B,CAAA,GAEaC,IAAQP,EAAgB,kBAAA,EAAoB;CACvDQ,WAASC,EAAAC,GAAA,WAAA;CACTC,gBAAcF,EAAAG,GAAA,gBAAA;CAGdC,mBAAiBJ,EAAAK,GAAA,mBAAA;CAGjBC,gBAAgBb;CAChBc,aAAa,EAAEZ,iBAAc,EAC3BA,QAAQA,EAAOA,UAAU,GAC3B;CACAa,QAAQ,OAAO,EAAEC,YAASC,cAAM;EAC9B,IAAMC,IAAc,MAAMF,EAAQG,YAAYC,QAAQC,gBAAgBC,MAAAA,GAElEC,IAAWL;EACf,IAAID,EAAKf,UAAUe,EAAKf,OAAOsB,KAAI,MAAO,IAAI;GAC5C,IAAMC,IAAkBR,EAAKf,OAAOwB,YAAW;GAC/CH,IAAWL,GAAaS,QACrBP,MACCA,EAAQQ,MAAMF,YAAAA,EAAcG,SAASJ,CAAAA,KACrCL,EAAQU,aAAaJ,YAAAA,EAAcG,SAASJ,CAAAA,CAAAA;EAElD;EAEA,OAAO,EAAEF,YAAS;CACpB;AACF,CAAA"}

package/dist/client/projects-Dmewygrp.mjs

@@ -1,105 +0,0 @@
-import { O as e, Q as t, V as n, u as r } from "./build-BdRRmNf5.mjs";
-import { t as i } from "./projects-B_PPyZD1.mjs";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useEffect as s, useRef as c, useState as l } from "react";
-import { useNavigate as u } from "@tanstack/react-router";
-import { Trans as d, useLingui as f } from "@lingui/react";
-//#region src/client/routes/_auth/projects/-components/ProjectOverviewNavBar.tsx
-function p({ onSearch: e, searchTerm: t = "" }) {
-	let { i18n: r, _: i } = f(), o = c(null), u = c(!1), [d, p] = l(t);
-	return s(() => {
-		!u.current && !o.current && t !== d && p(t);
-	}, [t]), s(() => () => {
-		o.current && clearTimeout(o.current);
-	}, []), /*#__PURE__*/ a(n, {
-		className: "w-full",
-		type: "text",
-		placeholder: r._({ id: "YIix5Y" }),
-		onChange: (t) => {
-			let n = t.target.value;
-			p(n), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
-				o.current = null, e(n);
-			}, 300);
-		},
-		onFocus: () => {
-			u.current = !0;
-		},
-		onBlur: () => {
-			u.current = !1;
-		},
-		onClear: () => {
-			o.current &&= (clearTimeout(o.current), null), p(""), e("");
-		},
-		value: d
-	});
-}
-//#endregion
-//#region src/client/routes/_auth/projects/-components/ProjectCardView.tsx
-function m({ project: e }) {
-	let t = u();
-	return /*#__PURE__*/ o(r, {
-		padding: !0,
-		onClick: () => t({
-			to: "/projects/$projectId",
-			params: { projectId: e.id }
-		}),
-		className: "flex flex-col gap-4",
-		children: [/*#__PURE__*/ o("div", {
-			className: "flex min-w-0 flex-col",
-			children: [/*#__PURE__*/ a("p", {
-				className: "text-theme-light text-xs leading-5 font-normal",
-				children: e.domain_name ?? e.domain_id ?? /*#__PURE__*/ a(d, { id: "ZkxxiR" })
-			}), /*#__PURE__*/ a("p", {
-				"data-testid": "project-name",
-				className: "text-theme-high text-lg leading-7 font-bold",
-				children: e.name
-			})]
-		}), e.description && /*#__PURE__*/ a("p", {
-			className: "text-theme-default line-clamp-2 text-sm font-normal",
-			children: e.description
-		})]
-	});
-}
-function h({ projects: e }) {
-	return /*#__PURE__*/ a("div", {
-		className: "w-full",
-		children: /*#__PURE__*/ a("div", {
-			className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4",
-			children: e?.length ? e.map((e) => /*#__PURE__*/ a(m, { project: e }, e.id)) : /*#__PURE__*/ a("p", {
-				className: "text-center",
-				children: /*#__PURE__*/ a(d, { id: "Zgp2Sm" })
-			})
-		})
-	});
-}
-//#endregion
-//#region src/client/routes/_auth/projects/index.tsx?tsr-split=component
-function g() {
-	let { projects: n } = i.useLoaderData(), { search: r = "" } = i.useSearch(), s = i.useNavigate();
-	return /*#__PURE__*/ o(e, {
-		py: !0,
-		children: [
-			/*#__PURE__*/ a(t, {
-				className: "pb-4",
-				children: /*#__PURE__*/ a(d, { id: "+0B+ue" })
-			}),
-			/*#__PURE__*/ a(p, {
-				searchTerm: r,
-				onSearch: (e) => {
-					s({
-						search: { search: e },
-						replace: !0
-					});
-				}
-			}),
-			/*#__PURE__*/ a("div", {
-				className: "pt-5",
-				children: /*#__PURE__*/ a(h, { projects: n })
-			})
-		]
-	});
-}
-//#endregion
-export { g as component };
-
-//# sourceMappingURL=projects-Dmewygrp.mjs.map

package/dist/client/projects-Dmewygrp.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"projects-Dmewygrp.mjs","names":["useEffect","useRef","useState","SearchInput","ProjectsOverviewNavBar","onSearch","searchTerm","useLingui","timerRef","inputFocusedRef","inputValue","setInputValue","current","clearTimeout","handleSearchChange","e","value","target","setTimeout","handleClear","className","type","placeholder","t","onChange","onFocus","onBlur","onClear","useNavigate","Card","ProjectCard","project","navigate","padding","onClick","to","params","projectId","id","className","div","p","domain_name","domain_id","data-testid","name","description","ProjectCardView","projects","length","map","ProjectsOverviewNavBar","ProjectCardView","Container","ContentHeading","Trans","Route","ProjectsOverview","projects","useLoaderData","search","useSearch","navigate","useNavigate","handleSearch","value","replace","component"],"sources":["../../src/client/routes/_auth/projects/-components/ProjectOverviewNavBar.tsx","../../src/client/routes/_auth/projects/-components/ProjectCardView.tsx","../../src/client/routes/_auth/projects/index.tsx?tsr-split=component"],"sourcesContent":["import { ChangeEvent, useEffect, useRef, useState } from \"react\"\nimport { SearchInput } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\ntype ProjectsOverviewNavBarProps = {\n  searchTerm?: string\n  onSearch: (value: string) => void\n}\n\nexport function ProjectsOverviewNavBar({ onSearch, searchTerm = \"\" }: ProjectsOverviewNavBarProps) {\n  const { t } = useLingui()\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const inputFocusedRef = useRef(false)\n  const [inputValue, setInputValue] = useState(searchTerm)\n\n  useEffect(() => {\n    if (!inputFocusedRef.current && !timerRef.current && searchTerm !== inputValue) {\n      setInputValue(searchTerm)\n    }\n  }, [searchTerm])\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) clearTimeout(timerRef.current)\n    }\n  }, [])\n\n  const handleSearchChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setInputValue(value)\n    if (timerRef.current) clearTimeout(timerRef.current)\n    timerRef.current = setTimeout(() => {\n      timerRef.current = null\n      onSearch(value)\n    }, 300)\n  }\n\n  const handleClear = () => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n      timerRef.current = null\n    }\n    setInputValue(\"\")\n    onSearch(\"\")\n  }\n\n  return (\n    <SearchInput\n      className=\"w-full\"\n      type=\"text\"\n      placeholder={t`Search...`}\n      onChange={handleSearchChange}\n      onFocus={() => {\n        inputFocusedRef.current = true\n      }}\n      onBlur={() => {\n        inputFocusedRef.current = false\n      }}\n      onClear={handleClear}\n      value={inputValue}\n    />\n  )\n}\n","import { useNavigate } from \"@tanstack/react-router\"\nimport { Project } from \"@/server/Project/types/models\"\nimport { Card } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\ntype ProjectCardProps = {\n  project: Project\n}\ntype ProjectCardViewProps = {\n  projects: Project[] | undefined\n}\n\nexport function ProjectCard({ project }: ProjectCardProps) {\n  const navigate = useNavigate()\n  return (\n    <Card\n      padding\n      onClick={() => navigate({ to: \"/projects/$projectId\", params: { projectId: project.id } })}\n      className=\"flex flex-col gap-4\"\n    >\n      <div className=\"flex min-w-0 flex-col\">\n        <p className=\"text-theme-light text-xs leading-5 font-normal\">\n          {project.domain_name ?? project.domain_id ?? <Trans>Unknown domain</Trans>}\n        </p>\n        <p data-testid=\"project-name\" className=\"text-theme-high text-lg leading-7 font-bold\">\n          {project.name}\n        </p>\n      </div>\n      {project.description && (\n        <p className=\"text-theme-default line-clamp-2 text-sm font-normal\">{project.description}</p>\n      )}\n    </Card>\n  )\n}\n\nexport function ProjectCardView({ projects }: ProjectCardViewProps) {\n  return (\n    <div className=\"w-full\">\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4\">\n        {projects?.length ? (\n          projects.map((project) => <ProjectCard key={project.id} project={project} />)\n        ) : (\n          <p className=\"text-center\">\n            <Trans>No projects available.</Trans>\n          </p>\n        )}\n      </div>\n    </div>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;;;;;AASA,SAAgBI,EAAuB,EAAEC,aAAUC,gBAAa,MAAiC;CAC/F,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACRC,IAAWP,EAA6C,IAAA,GACxDQ,IAAkBR,EAAO,EAAA,GACzB,CAACS,GAAYC,KAAiBT,EAASI,CAAAA;CAiC7C,OA/BAN,QAAU;EACR,AAAI,CAACS,EAAgBG,WAAW,CAACJ,EAASI,WAAWN,MAAeI,KAClEC,EAAcL,CAAAA;CAElB,GAAG,CAACA,CAAAA,CAAW,GAEfN,cACS;EACL,AAAIQ,EAASI,WAASC,aAAaL,EAASI,OAAO;CACrD,GACC,CAAA,CAAE,GAsBH,gBAACT,GAAAA;EACCiB,WAAU;EACVC,MAAK;EACLC,aAAaC,EAAAA,EAAC,EAAA,IAAA,SAAU,CAAA;EACxBC,WAxBwBT,MAAAA;GAC1B,IAAMC,IAAQD,EAAEE,OAAOD;GAGvBR,AAFAG,EAAcK,CAAAA,GACVR,EAASI,WAASC,aAAaL,EAASI,OAAO,GACnDJ,EAASI,UAAUM,iBAAW;IAE5Bb,AADAG,EAASI,UAAU,MACnBP,EAASW,CAAAA;GACX,GAAG,GAAA;EACL;EAiBIS,eAAS;GACPhB,EAAgBG,UAAU;EAC5B;EACAc,cAAQ;GACNjB,EAAgBG,UAAU;EAC5B;EACAe,eArBgB;GAMlBtB,AALA,AAEEG,EAASI,aADTC,aAAaL,EAASI,OAAO,GACV,OAErBD,EAAc,EAAA,GACdN,EAAS,EAAA;EACX;EAeIW,OAAON;;AAGb;;;AClDA,SAAgBoB,EAAY,EAAEC,cAA2B;CACvD,IAAMC,IAAWJ,EAAAA;CACjB,OACE,gBAACC,GAAAA;EACCI,SAAO;EACPC,eAAeF,EAAS;GAAEG,IAAI;GAAwBC,QAAQ,EAAEC,WAAWN,EAAQO,GAAG;EAAE,CAAA;EACxFC,WAAU;aAEV,gBAACC,OAAAA;GAAID,WAAU;cACb,gBAACE,KAAAA;IAAEF,WAAU;cACVR,EAAQW,eAAeX,EAAQY,aAAa,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;OAE/C,gBAACF,KAAAA;IAAEG,eAAY;IAAeL,WAAU;cACrCR,EAAQc;;MAGZd,EAAQe,eACP,gBAACL,KAAAA;GAAEF,WAAU;aAAuDR,EAAQe;;;AAIpF;AAEA,SAAgBC,EAAgB,EAAEC,eAAgC;CAChE,OACE,gBAACR,OAAAA;EAAID,WAAU;YACb,gBAACC,OAAAA;GAAID,WAAU;aACZS,GAAUC,SACTD,EAASE,KAAKnB,MAAY,gBAACD,GAAAA,EAAsCC,WAAAA,GAArBA,EAAQO,EAAE,CAAA,IAEtD,gBAACG,KAAAA;IAAEF,WAAU;cACX,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;;AAMZ;;;ACPA,SAASkB,IAAAA;CACP,IAAM,EAAEC,gBAAaF,EAAMG,cAAa,GAClC,EAAEC,YAAS,OAAOJ,EAAMK,UAAS,GACjCC,IAAWN,EAAMO,YAAW;CAMlC,OACE,gBAAC,GAAA;EAAU,IAAE;;GACX,gBAAC,GAAA;IAAe,WAAU;cACxB,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;GAEF,gBAAC,GAAA;IAAuB,YAAYH;IAAQ,WAT1BK,MAAAA;KACpBH,EAAS;MAAEF,QAAQ,EAAEA,QAAQK,EAAM;MAAGC,SAAS;KAAK,CAAA;IACtD;;GAQI,gBAAC,OAAA;IAAI,WAAU;cACb,gBAAC,GAAA,EAA0BR,YAAAA,CAAAA;;;;AAInC"}

package/dist/client/routeInfo-CHiJfum5.mjs

@@ -1,73 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useEffect as t, useRef as n, useState as r } from "react";
-import { createPortal as i } from "react-dom";
-import { createFileRoute as a, lazyRouteComponent as o, useRouteContext as s } from "@tanstack/react-router";
-import { z as c } from "zod";
-//#region src/client/components/Slot.tsx
-function l({ children: a }) {
-	let o = n(null), [s, c] = r(null);
-	return t(() => {
-		o.current && c(o.current.shadowRoot ?? o.current.attachShadow({ mode: "open" }));
-	}, []), /*#__PURE__*/ e("div", {
-		ref: o,
-		style: { display: "contents" },
-		children: s && /*#__PURE__*/ i(a, s)
-	});
-}
-function u({ component: t, useShadowDOM: n = !0 }) {
-	let { trpcClient: r } = s({ strict: !1 });
-	if (!r) return null;
-	let i = /*#__PURE__*/ e(t, { auroraContext: { client: r } });
-	return n ? /*#__PURE__*/ e(l, { children: i }) : i;
-}
-var d = a("/_auth/projects/$projectId")({
-	component: o(() => import("./_projectId-C8BaEHUj.mjs"), "component"),
-	errorComponent: o(() => import("./_projectId-B_2sZKk-.mjs"), "errorComponent"),
-	loader: async (e) => {
-		let { context: t, params: n } = e, r = await t.trpcClient?.auth.setCurrentScope.mutate({
-			type: "project",
-			projectId: n.projectId || ""
-		}), [i, a] = await Promise.all([t.trpcClient?.auth.getAvailableServices.query(), t.trpcClient?.project.getAuthProjects.query().catch(() => null)]), o = r?.domain?.id || "", s = a?.find((e) => e.id === n.projectId)?.description ?? null;
-		return {
-			trpcClient: t.trpcClient,
-			crumbDomain: {
-				path: "/projects",
-				name: r?.domain?.name
-			},
-			crumbProject: r?.project,
-			availableServices: i,
-			accountId: o,
-			projectId: n.projectId,
-			description: s
-		};
-	}
-}), f = c.object({
-	labelKey: c.enum([
-		"Compute",
-		"Network",
-		"Storage",
-		"Services",
-		"Images",
-		"Flavors",
-		"Security Groups",
-		"Floating IPs",
-		"PCA (Clavis)"
-	]).optional(),
-	to: c.string().optional(),
-	useParamAsLabel: c.string().optional(),
-	useParentTitleAsLabel: c.boolean().optional()
-}), p = c.object({
-	section: c.string(),
-	service: c.string().optional(),
-	isDetail: c.boolean().optional(),
-	crumb: f.optional(),
-	sectionCrumb: f.optional(),
-	intermediateCrumb: f.optional()
-});
-function m(e) {
-	return p.safeParse(e).success;
-}
-//#endregion
-export { d as n, u as r, m as t };
-
-//# sourceMappingURL=routeInfo-CHiJfum5.mjs.map

package/dist/client/routeInfo-CHiJfum5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"routeInfo-CHiJfum5.mjs","names":["useRef","useState","useEffect","createPortal","useRouteContext","SlotShadowRoot","children","ref","root","setRoot","current","shadowRoot","attachShadow","mode","div","style","display","Slot","component","Component","useShadowDOM","trpcClient","strict","content","auroraContext","client","createFileRoute","Route","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter","loader","options","context","params","data","trpcClient","auth","setCurrentScope","mutate","type","projectId","availableServices","projects","Promise","all","getAvailableServices","query","project","getAuthProjects","catch","accountId","domain","id","description","find","p","crumbDomain","path","name","crumbProject","z","CRUMB_LABEL_KEYS","CrumbSchema","object","labelKey","enum","optional","to","string","useParamAsLabel","useParentTitleAsLabel","boolean","RouteInfoSchema","section","service","isDetail","crumb","sectionCrumb","intermediateCrumb","isRouteInfo","data","safeParse","success"],"sources":["../../src/client/components/Slot.tsx","../../src/client/routes/_auth/projects/$projectId.tsx","../../src/client/routes/routeInfo.ts"],"sourcesContent":["import { useRef, useState, useEffect, type ReactNode, type FC } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { useRouteContext } from \"@tanstack/react-router\"\nimport type { SlotProps } from \"../AuroraApp\"\n\nfunction SlotShadowRoot({ children }: { children: ReactNode }) {\n  const ref = useRef<HTMLDivElement>(null)\n  const [root, setRoot] = useState<ShadowRoot | null>(null)\n\n  useEffect(() => {\n    if (!ref.current) return\n    setRoot(ref.current.shadowRoot ?? ref.current.attachShadow({ mode: \"open\" }))\n  }, [])\n\n  return (\n    <div ref={ref} style={{ display: \"contents\" }}>\n      {root && createPortal(children, root)}\n    </div>\n  )\n}\n\nexport function Slot({\n  component: Component,\n  useShadowDOM = true,\n}: {\n  component: FC<SlotProps>\n  useShadowDOM?: boolean\n}) {\n  const { trpcClient } = useRouteContext({ strict: false })\n\n  if (!trpcClient) return null\n\n  const content = <Component auroraContext={{ client: trpcClient }} />\n\n  if (!useShadowDOM) {\n    return content\n  }\n\n  return <SlotShadowRoot>{content}</SlotShadowRoot>\n}\n","import { createFileRoute, Outlet, useLoaderData } from \"@tanstack/react-router\"\nimport { AppShell, Container, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { SideNavBar } from \"@/client/routes/_auth/projects/-components/SideNavBar\"\nimport { ProjectInfoBox } from \"@/client/components/ProjectView/ProjectInfoBox\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId\")({\n  component: RouteComponent,\n  errorComponent: ({ error }) => {\n    return <RouteError error={error} />\n  },\n  loader: async (options) => {\n    const { context, params } = options\n    const data = await context.trpcClient?.auth.setCurrentScope.mutate({\n      type: \"project\",\n      projectId: params.projectId || \"\",\n    })\n\n    const [availableServices, projects] = await Promise.all([\n      context.trpcClient?.auth.getAvailableServices.query(),\n      context.trpcClient?.project.getAuthProjects.query().catch(() => null),\n    ])\n\n    const accountId = data?.domain?.id || \"\"\n    const description = projects?.find((p) => p.id === params.projectId)?.description ?? null\n\n    return {\n      trpcClient: context.trpcClient,\n      crumbDomain: { path: `/projects`, name: data?.domain?.name },\n      crumbProject: data?.project,\n      availableServices,\n      accountId,\n      projectId: params.projectId,\n      description,\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { availableServices, projectId, crumbProject, crumbDomain } = useLoaderData({ from: Route.id })\n\n  return (\n    <AppShell\n      embedded\n      sideNavigation={\n        <SideNavBar\n          availableServices={availableServices!}\n          projectId={projectId}\n          projectName={crumbProject?.name || projectId}\n          domainName={crumbDomain?.name}\n        />\n      }\n      className=\"h-min-screen\"\n    >\n      <Container>\n        <Stack direction=\"vertical\" distribution=\"start\" alignment=\"stretch\" className=\"xl:flex-row\" gap=\"6\">\n          {/* Main content area */}\n          <div className=\"min-w-0 flex-1\">\n            <ProjectInfoBox\n              projectInfo={{\n                id: projectId,\n                name: crumbProject?.name || projectId,\n                domain: crumbProject?.domain,\n              }}\n            />\n            <Outlet />\n          </div>\n        </Stack>\n      </Container>\n    </AppShell>\n  )\n}\n","import { z } from \"zod\"\n\nexport const CRUMB_LABEL_KEYS = [\n  \"Compute\",\n  \"Network\",\n  \"Storage\",\n  \"Services\",\n  \"Images\",\n  \"Flavors\",\n  \"Security Groups\",\n  \"Floating IPs\",\n  \"PCA (Clavis)\",\n] as const\n\nexport type CrumbLabelKey = (typeof CRUMB_LABEL_KEYS)[number]\n\nconst CrumbSchema = z.object({\n  labelKey: z.enum(CRUMB_LABEL_KEYS).optional(),\n  to: z.string().optional(),\n  useParamAsLabel: z.string().optional(),\n  useParentTitleAsLabel: z.boolean().optional(),\n})\n\nconst RouteInfoSchema = z.object({\n  section: z.string(),\n  service: z.string().optional(),\n  isDetail: z.boolean().optional(),\n  crumb: CrumbSchema.optional(),\n  sectionCrumb: CrumbSchema.optional(),\n  intermediateCrumb: CrumbSchema.optional(),\n})\n\nexport type Crumb = z.infer<typeof CrumbSchema>\nexport type RouteInfo = z.infer<typeof RouteInfoSchema>\n\nexport function isRouteInfo(data: unknown): data is RouteInfo {\n  return RouteInfoSchema.safeParse(data).success\n}\n"],"mappings":";;;;;;AAKA,SAASK,EAAe,EAAEC,eAAmC;CAC3D,IAAMC,IAAMP,EAAuB,IAAA,GAC7B,CAACQ,GAAMC,KAAWR,EAA4B,IAAA;CAOpD,OALAC,QAAU;EACHK,EAAIG,WACTD,EAAQF,EAAIG,QAAQC,cAAcJ,EAAIG,QAAQE,aAAa,EAAEC,MAAM,OAAO,CAAA,CAAA;CAC5E,GAAG,CAAA,CAAE,GAGH,gBAACC,OAAAA;EAASP;EAAKQ,OAAO,EAAEC,SAAS,WAAW;YACzCR,KAAQL,gBAAaG,GAAUE,CAAAA;;AAGtC;AAEA,SAAgBS,EAAK,EACnBC,WAAWC,GACXC,kBAAe,MAIhB;CACC,IAAM,EAAEC,kBAAejB,EAAgB,EAAEkB,QAAQ,GAAM,CAAA;CAEvD,IAAI,CAACD,GAAY,OAAO;CAExB,IAAME,IAAU,gBAACJ,GAAAA,EAAUK,eAAe,EAAEC,QAAQJ,EAAW,EAAA,CAAA;CAM/D,OAJKD,IAIE,gBAACf,GAAAA,EAAAA,UAAgBkB,EAAAA,CAAAA,IAHfA;AAIX;ACjCA,IAAaI,IAAQD,EAAgB,4BAAA,EAA8B;CACjEE,WAASC,6CAAA,WAAA;CACTE,gBAAcF,6CAAA,gBAAA;CAGdI,QAAQ,OAAOC,MAAAA;EACb,IAAM,EAAEC,YAASC,cAAWF,GACtBG,IAAO,MAAMF,EAAQG,YAAYC,KAAKC,gBAAgBC,OAAO;GACjEC,MAAM;GACNC,WAAWP,EAAOO,aAAa;EACjC,CAAA,GAEM,CAACC,GAAmBC,KAAY,MAAMC,QAAQC,IAAI,CACtDZ,EAAQG,YAAYC,KAAKS,qBAAqBC,MAAAA,GAC9Cd,EAAQG,YAAYY,QAAQC,gBAAgBF,MAAAA,EAAQG,YAAY,IAAA,CAAA,CACjE,GAEKC,IAAYhB,GAAMiB,QAAQC,MAAM,IAChCC,IAAcX,GAAUY,MAAMC,MAAMA,EAAEH,OAAOnB,EAAOO,SAAS,GAAGa,eAAe;EAErF,OAAO;GACLlB,YAAYH,EAAQG;GACpBqB,aAAa;IAAEC,MAAM;IAAaC,MAAMxB,GAAMiB,QAAQO;GAAK;GAC3DC,cAAczB,GAAMa;GACpBN;GACAS;GACAV,WAAWP,EAAOO;GAClBa;EACF;CACF;AACF,CAAA,GCpBMS,IAAcF,EAAEG,OAAO;CAC3BC,UAAUJ,EAAEK,KAAKJ;EAdjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAMiBA,CAAAA,EAAkBK,SAAQ;CAC3CC,IAAIP,EAAEQ,OAAM,EAAGF,SAAQ;CACvBG,iBAAiBT,EAAEQ,OAAM,EAAGF,SAAQ;CACpCI,uBAAuBV,EAAEW,QAAO,EAAGL,SAAQ;AAC7C,CAAA,GAEMM,IAAkBZ,EAAEG,OAAO;CAC/BU,SAASb,EAAEQ,OAAM;CACjBM,SAASd,EAAEQ,OAAM,EAAGF,SAAQ;CAC5BS,UAAUf,EAAEW,QAAO,EAAGL,SAAQ;CAC9BU,OAAOd,EAAYI,SAAQ;CAC3BW,cAAcf,EAAYI,SAAQ;CAClCY,mBAAmBhB,EAAYI,SAAQ;AACzC,CAAA;AAKA,SAAgBa,EAAYC,GAAa;CACvC,OAAOR,EAAgBS,UAAUD,CAAAA,EAAME;AACzC"}