@cobaltcore-dev/aurora 1.1.0 → 1.2.0

package/README.md

@@ -114,15 +114,16 @@ await server.listen({ host: "0.0.0.0", port: 4000 })
 
 ### `<AuroraApp />`
 
-| Prop              | Type                            | Default          | Description                                                                                                         |
-| ----------------- | ------------------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------- |
-| `bffEndpoint`     | `string`                        | `"/polaris-bff"` | Must match the server's `bffEndpoint`                                                                               |
-| `theme`           | `"theme-light" \| "theme-dark"` | `"theme-light"`  | Initial theme                                                                                                       |
-| `onThemeChange`   | `(theme) => void`               | —                | Called when the user toggles the theme                                                                              |
-| `appName`         | `string`                        | `"Aurora"`       | App name shown in the header breadcrumb and logo                                                                    |
-| `slots`           | `Slots`                         | —                | Optional UI extension points — see [Slots](#slots)                                                                  |
-| `onTrackEvent`    | `OnTrackEventCallback`          | —                | Called on user interactions for analytics — see [Analytics](#analytics)                                             |
-| `enabledServices` | `string[]`                      | —                | Whitelist of service keys to show. When omitted, all services are shown — see [Enabled services](#enabled-services) |
+| Prop                | Type                            | Default          | Description                                                                                                         |
+| ------------------- | ------------------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------- |
+| `bffEndpoint`       | `string`                        | `"/polaris-bff"` | Must match the server's `bffEndpoint`                                                                               |
+| `theme`             | `"theme-light" \| "theme-dark"` | `"theme-light"`  | Initial theme                                                                                                       |
+| `onThemeChange`     | `(theme) => void`               | —                | Called when the user toggles the theme                                                                              |
+| `appName`           | `string`                        | `"Aurora"`       | App name shown in the header breadcrumb and logo                                                                    |
+| `slots`             | `Slots`                         | —                | Optional UI extension points — see [Slots](#slots)                                                                  |
+| `onTrackEvent`      | `OnTrackEventCallback`          | —                | Called on user interactions for analytics — see [Analytics](#analytics)                                             |
+| `enabledServices`   | `string[]`                      | —                | Whitelist of service keys to show. When omitted, all services are shown — see [Enabled services](#enabled-services) |
+| `serviceExtensions` | `ServiceExtension[]`            | —                | Consumer-defined services to mount under project scope — see [Service extensions](#service-extensions)              |
 
 ## Slots
 
@@ -214,6 +215,55 @@ enabledServices={import.meta.env.VITE_ENABLED_SERVICES?.split(",").map(s => s.tr
 VITE_ENABLED_SERVICES="ceph-containers,securitygroups"
 ```
 
+## Service extensions
+
+Aurora lets you register consumer-owned services (service extensions) that appear alongside the built-in ones in the project navigation. Each extension is tied to an OpenStack catalog entry — Aurora checks whether the service type and name exist in the project's catalog and only shows the service when they do.
+
+Pass an array of service descriptors to `AuroraApp`:
+
+```tsx
+import type { ServiceExtension } from "@cobaltcore-dev/aurora/client"
+import { MyServiceApp } from "./myService/MyServiceApp"
+
+const serviceExtensions: ServiceExtension[] = [
+  {
+    serviceType: "my-service", // OpenStack catalog service type
+    serviceName: "my-service", // OpenStack catalog service name
+    label: "My Service", // Label shown in the side nav and project home
+    component: MyServiceApp, // React component that renders the service UI
+  },
+]
+
+;<AuroraApp serviceExtensions={serviceExtensions} />
+```
+
+The `component` receives a `basePath` (the URL prefix Aurora has mounted the service at) and a `context` object of host-provided data (`ServiceExtensionContext`). Today `context` carries the current `projectId`; it is an extensible object, so future host data (e.g. domain, scope) can be added without changing the component signature.
+
+Because Aurora mounts your extension at `basePath` and strips it from the sub-router, your routes never see `projectId` as a URL param. Seed `context` into your own router context so any component can read it:
+
+```tsx
+import { RouterProvider, createRouter, useRouteContext } from "@tanstack/react-router"
+import { useMemo } from "react"
+import type { ServiceExtensionProps, ServiceExtensionContext } from "@cobaltcore-dev/aurora/client"
+import { routeTree } from "./routeTree.gen"
+
+export function MyServiceApp({ basePath, context }: ServiceExtensionProps) {
+  // Seed the host context into the extension's own router context.
+  const router = useMemo(() => createRouter({ routeTree, context }), [basePath, context])
+  return <RouterProvider basepath={basePath} router={router} />
+}
+
+// In your root route, type the context so it flows through:
+//   createRootRouteWithContext<ServiceExtensionContext>()({ ... })
+//
+// Then read projectId anywhere in your tree:
+function useProjectId(): string {
+  return useRouteContext({ strict: false, select: (c: ServiceExtensionContext) => c.projectId })
+}
+```
+
+Aurora handles routing to your service, breadcrumb rendering for the service level, and showing or hiding the nav entry based on catalog availability. Navigation and breadcrumb details below the service level are the responsibility of the service component.
+
 ## Analytics
 
 Aurora provides an optional `onTrackEvent` callback to track user interactions and feature usage. The API is source-agnostic, supporting various event types like navigation, link clicks, modals, and more.

package/dist/client/App.d.ts

@@ -1,4 +1,4 @@
-import { Slots, OnTrackEventCallback, AdditionalProjectService } from './AuroraApp';
+import { Slots, OnTrackEventCallback, ServiceExtension } from './AuroraApp';
 type AppProps = {
     theme?: "theme-dark" | "theme-light";
     bffEndpoint?: string;
@@ -7,7 +7,7 @@ type AppProps = {
     appName?: string;
     onTrackEvent?: OnTrackEventCallback;
     enabledServices?: string[];
-    additionalProjectServices?: AdditionalProjectService[];
+    serviceExtensions?: ServiceExtension[];
 };
 declare const App: (props: AppProps) => import("react").JSX.Element;
 export default App;

package/dist/client/AuroraApp.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import { AnyRoute } from '@tanstack/react-router';
 import { TrpcClient } from './trpcClient';
 /** Context object passed to every slot component. */
 export type SlotProps = {
@@ -49,13 +48,32 @@ export type TrackEventPayload = {
  */
 export type OnTrackEventCallback = (payload: TrackEventPayload) => void;
 /**
- * An additional project-scoped service a consumer wants to register.
+ * Host-provided data handed to a mounted service extension. Extend this as extensions need more
+ * from OSS (domainId, scope, a typed tRPC client, ...). Seed it into the extension's own router
+ * context so pages can read it via `useRouteContext`.
+ */
+export type ServiceExtensionContext = {
+    /** The current project ID. */
+    projectId: string;
+};
+/**
+ * Props passed to a service extension component mounted by OSS.
+ * The basePath is the full URL prefix up to and including the service type segment.
+ */
+export type ServiceExtensionProps = {
+    /** Full URL prefix for this service, e.g. "/projects/abc/services/pca". Pass as `basepath` to RouterProvider. */
+    basePath: string;
+    /** Host context to seed into the extension's own router context. */
+    context: ServiceExtensionContext;
+};
+/**
+ * A project-scoped service extension a consumer wants to register.
  * Aurora checks `serviceIndex[serviceType][serviceName]` against the project's OpenStack catalog.
- * When present, the service appears in the "Services" nav section and its routes are activated
- * under the OSS-owned `/services` layout. Pass the service's entry route (list/overview) as
- * `routes` — wire its full sub-tree via `addChildren` and set `getParentRoute: () => servicesRoute`.
+ * When present, the service appears in the "Services" nav section and its component is mounted
+ * under `/projects/$projectId/services/$serviceType`. The component receives `basePath` and
+ * `context`: use these to set up a standalone RouterProvider for the service.
  */
-export type AdditionalProjectService = {
+export type ServiceExtension = {
     /** OpenStack catalog service type, e.g. `"pca"`. */
     serviceType: string;
     /** OpenStack catalog service name, e.g. `"clavis"`. */
@@ -63,12 +81,14 @@ export type AdditionalProjectService = {
     /** Nav item and service card label. */
     label: string;
     /**
-     * The pre-assembled entry route for this service (list/overview).
-     * Set `getParentRoute: () => servicesRoute` (from `@cobaltcore-dev/aurora/client`) and wire
-     * the full sub-tree via `addChildren` before passing here.
-     * `routes.fullPath` is used as the nav item navigation target automatically.
+     * The React component to render at `/projects/$projectId/services/$serviceType/**`.
+     * Receives `basePath` (the URL prefix) and `context` (host data). Create your own RouterProvider
+     * inside this component using `basePath` as the `basepath` prop and `context` as the router context.
+     *
+     * Note: this is a self-contained sub-app. Host slots (see `Slots`) are not injected into it, so the
+     * extension owns its own header/actions (e.g. via the re-exported `PageContentHeader` `actions` prop).
      */
-    routes: AnyRoute;
+    component: FC<ServiceExtensionProps>;
 };
 /** Props for the top-level `<AuroraApp />` component. */
 export type AuroraAppProps = {
@@ -105,7 +125,7 @@ export type AuroraAppProps = {
     onTrackEvent?: OnTrackEventCallback;
     /** Whitelist of service keys to show in the side nav and project home page. When omitted, all available services are shown. */
     enabledServices?: string[];
-    /** Additional project-scoped services to register. Each is activated when its OpenStack service appears in the project catalog. */
-    additionalProjectServices?: AdditionalProjectService[];
+    /** Service extensions to register. Each is activated when its OpenStack service appears in the project catalog. */
+    serviceExtensions?: ServiceExtension[];
 };
 export declare const AuroraApp: FC<AuroraAppProps>;

package/dist/client/{AuthProvider-BS5OVv8n.mjs → AuthProvider-CVSAwW9f.mjs}

@@ -20,15 +20,22 @@ function o({ children: n }) {
 		}).finally(() => l(!1));
 	}, []), r(() => {
 		if (!o || !f) return;
-		let e = new Date(f).getTime() - Date.now(), t = () => {
-			h(), m(!0);
+		let t = new Date(f).getTime() - Date.now(), n = async () => {
+			l(!0);
+			try {
+				await e.auth.terminateUserSession.mutate();
+			} catch (e) {
+				d(e instanceof Error ? e.message : `Session termination failed: ${e}`);
+			} finally {
+				h(), l(!1), m(!0);
+			}
 		};
-		if (e <= 0) {
-			t();
+		if (t <= 0) {
+			n();
 			return;
 		}
-		let n = setTimeout(t, e);
-		return () => clearTimeout(n);
+		let r = setTimeout(n, t);
+		return () => clearTimeout(r);
 	}, [o, f]), /*#__PURE__*/ t(a.Provider, {
 		value: {
 			user: o,
@@ -51,7 +58,14 @@ function o({ children: n }) {
 				}
 			},
 			logout: async () => {
-				l(!0), await e.auth.terminateUserSession.mutate().catch(() => {}), h(), m(!1), window.location.pathname === "/" && l(!1);
+				l(!0), d(null);
+				try {
+					await e.auth.terminateUserSession.mutate();
+				} catch (e) {
+					d(e instanceof Error ? e.message : `Logout failed: ${e}`);
+				} finally {
+					h(), l(!1), m(!1);
+				}
 			},
 			expiresAt: f ? new Date(f) : void 0
 		},
@@ -66,4 +80,4 @@ function s() {
 //#endregion
 export { s as n, o as t };
 
-//# sourceMappingURL=AuthProvider-BS5OVv8n.mjs.map
+//# sourceMappingURL=AuthProvider-CVSAwW9f.mjs.map

package/dist/client/AuthProvider-CVSAwW9f.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthProvider-CVSAwW9f.mjs","names":["React","useEffect","useState","trpcClient","AuthContext","createContext","AuthProvider","children","user","setUser","isLoading","setIsLoading","error","setError","expiresAt","setExpiresAt","redirectToLogin","saveReturnUrl","window","location","pathname","returnUrl","encodeURIComponent","search","replace","clearLocalSession","auth","getCurrentUserSession","query","then","session","expires_at","catch","err","Error","message","finally","timeUntilExpiry","Date","getTime","now","handleExpiry","terminateUserSession","mutate","timer","setTimeout","clearTimeout","login","domain","password","createUserSession","domainName","success","logout","Provider","value","isAuthenticated","undefined","useAuth","context","useContext"],"sources":["../../src/client/store/AuthProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { TokenData } from \"../../server/Authentication/types/models\"\nimport { trpcClient } from \"../trpcClient\"\n\nexport type User = TokenData[\"user\"] | null\n\nexport interface AuthContext {\n  isAuthenticated: boolean\n  isLoading: boolean\n  error: string | null\n  login: (credentials: { domain: string; user: string; password: string }) => Promise<{ success: boolean }>\n  logout: () => Promise<void>\n  user?: User\n  expiresAt?: Date\n}\n\nconst AuthContext = React.createContext<AuthContext | null>(null)\n\nexport function AuthProvider({ children }: { children: React.ReactNode }) {\n  const [user, setUser] = useState<User | null>(null)\n  const [isLoading, setIsLoading] = useState(true)\n  const [error, setError] = useState<string | null>(null)\n  const [expiresAt, setExpiresAt] = useState<string | null>(null)\n\n  // Redirect to login, optionally with return URL\n  const redirectToLogin = (saveReturnUrl: boolean = false) => {\n    if (window.location.pathname !== \"/\") {\n      const returnUrl = saveReturnUrl\n        ? `/?redirect=${encodeURIComponent(window.location.pathname + window.location.search)}`\n        : \"/\"\n      window.location.replace(returnUrl)\n    }\n  }\n\n  // Clear local session state\n  const clearLocalSession = () => {\n    setUser(null)\n    setExpiresAt(null)\n  }\n\n  // Get current session on mount\n  useEffect(() => {\n    trpcClient.auth.getCurrentUserSession\n      .query()\n      .then((session) => {\n        if (session) {\n          setUser(session.user)\n          setExpiresAt(session.expires_at ?? null)\n        }\n      })\n      .catch((err) => {\n        setError(err instanceof Error ? err.message : \"Could not load session\")\n      })\n      .finally(() => setIsLoading(false))\n  }, [])\n\n  // Auto-logout when session expires\n  useEffect(() => {\n    if (!user || !expiresAt) return\n\n    const timeUntilExpiry = new Date(expiresAt).getTime() - Date.now()\n\n    const handleExpiry = async () => {\n      setIsLoading(true)\n      try {\n        await trpcClient.auth.terminateUserSession.mutate()\n      } catch (err) {\n        // Server invalidation failed - show error\n        setError(err instanceof Error ? err.message : `Session termination failed: ${err}`)\n      } finally {\n        clearLocalSession()\n        setIsLoading(false)\n        redirectToLogin(true)\n      }\n    }\n\n    if (timeUntilExpiry <= 0) {\n      handleExpiry()\n      return\n    }\n\n    const timer = setTimeout(handleExpiry, timeUntilExpiry)\n    return () => clearTimeout(timer)\n  }, [user, expiresAt])\n\n  const login = async ({ domain, user, password }: { domain: string; user: string; password: string }) => {\n    setError(null)\n    setIsLoading(true)\n    try {\n      const session = await trpcClient.auth.createUserSession.mutate({ domainName: domain, user, password })\n      setUser(session.user)\n      setExpiresAt(session.expires_at)\n      return { success: true }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : `Could not create session: ${err}`)\n      return { success: false }\n    } finally {\n      setIsLoading(false)\n    }\n  }\n\n  const logout = async () => {\n    setIsLoading(true)\n    setError(null)\n    try {\n      await trpcClient.auth.terminateUserSession.mutate()\n    } catch (err) {\n      // Server invalidation failed - show error\n      setError(err instanceof Error ? err.message : `Logout failed: ${err}`)\n    } finally {\n      clearLocalSession()\n      setIsLoading(false)\n      redirectToLogin(false) // Don't save return URL on manual logout\n    }\n  }\n\n  return (\n    <AuthContext.Provider\n      value={{\n        user,\n        isAuthenticated: !!user,\n        isLoading,\n        error,\n        login,\n        logout,\n        expiresAt: expiresAt ? new Date(expiresAt) : undefined,\n      }}\n    >\n      {children}\n    </AuthContext.Provider>\n  )\n}\n\nexport function useAuth() {\n  const context = React.useContext(AuthContext)\n  if (!context) {\n    throw new Error(\"useAuth must be used within an AuthProvider\")\n  }\n  return context\n}\n"],"mappings":"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"}

package/dist/client/{ContentHeader-BHMUzd9H.mjs → ContentHeader-CPJbgYWn.mjs}

@@ -1,32 +1,32 @@
-import { $ as e, B as t, X as n, Y as r, _ as i, d as a, nt as o } from "./build-C_4vRMCq.mjs";
+import { H as e, Q as t, Z as n, _ as r, at as i, d as a, tt as o } from "./build-WuxXRAqf.mjs";
 import { t as s } from "./Slot-CWb612-_.mjs";
-import { t as c } from "./routeInfo-DXqB2HCf.mjs";
+import { t as c } from "./routeInfo-DP3v74Wg.mjs";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { useState as d } from "react";
 import { useMatches as f, useParams as p, useRouteContext as m } from "@tanstack/react-router";
 import { Trans as h, useLingui as g } from "@lingui/react";
 //#region src/client/components/ClipboardText.tsx
-var _ = ({ text: i, tooltipContent: o, className: s, truncateAt: c, showTooltip: f = !0, ...p }) => {
+var _ = ({ text: r, tooltipContent: i, className: s, truncateAt: c, showTooltip: f = !0, ...p }) => {
 	let { i18n: m, _: h } = g(), [_, v] = d(!1), [y, b] = d(!1), x = `copyableTooltip  inline-flex items-center ${s || ""}`, S = async (e) => {
 		e.preventDefault(), e.stopPropagation();
 		try {
-			await navigator.clipboard.writeText(i), v(!0), b(!1), setTimeout(() => v(!1), 2e3);
+			await navigator.clipboard.writeText(r), v(!0), b(!1), setTimeout(() => v(!1), 2e3);
 		} catch (e) {
 			console.error("Failed to copy text:", e);
 		}
-	}, C = c && i.length > c ? `${i.slice(0, c)}...` : i, w = () => _ ? o || m._({ id: "u+VWhB" }) : m._({ id: "he3ygx" }), T = _ && f || y && f;
+	}, C = c && r.length > c ? `${r.slice(0, c)}...` : r, w = () => _ ? i || m._({ id: "u+VWhB" }) : m._({ id: "he3ygx" }), T = _ && f || y && f;
 	return /*#__PURE__*/ l("div", {
 		...p,
 		className: x,
-		children: /*#__PURE__*/ u(r, {
+		children: /*#__PURE__*/ u(n, {
 			open: T,
-			children: [/*#__PURE__*/ l(e, {
+			children: [/*#__PURE__*/ l(o, {
 				onClick: S,
 				onMouseEnter: () => !_ && b(!0),
 				onMouseLeave: () => b(!1),
 				"aria-label": m._({
 					id: "Wbg1jv",
-					values: { text: i }
+					values: { text: r }
 				}),
 				className: "cursor-pointer",
 				asChild: !0,
@@ -34,7 +34,7 @@ var _ = ({ text: i, tooltipContent: o, className: s, truncateAt: c, showTooltip:
 				children: /*#__PURE__*/ l("button", {
 					type: "button",
 					className: "group border-none bg-transparent p-0 text-inherit",
-					children: /*#__PURE__*/ u(n, {
+					children: /*#__PURE__*/ u(t, {
 						direction: "horizontal",
 						gap: "1",
 						className: "items-center hover:underline",
@@ -47,13 +47,13 @@ var _ = ({ text: i, tooltipContent: o, className: s, truncateAt: c, showTooltip:
 						})]
 					})
 				})
-			}), /*#__PURE__*/ l(t, { children: w() })]
+			}), /*#__PURE__*/ l(e, { children: w() })]
 		})
 	});
 };
 //#endregion
 //#region src/client/components/ContentHeader/ContentHeader.tsx
-function v({ title: e, projectId: t, description: n, actions: r, badges: a }) {
+function v({ title: e, projectId: t, description: n, actions: a, badges: o }) {
 	let { slots: d } = m({ strict: !1 }), g = f(), { provider: v } = p({ strict: !1 }), y = [...g].reverse().find((e) => c(e.staticData)), b = y && c(y.staticData) ? y.staticData.service : void 0, x = b === "containers" && v === "ceph" ? "ceph-containers" : b, S = d?.servicePageActions && x ? /*#__PURE__*/ l(s, {
 		component: d.servicePageActions,
 		useShadowDOM: !1,
@@ -73,7 +73,7 @@ function v({ title: e, projectId: t, description: n, actions: r, badges: a }) {
 				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between",
 				children: [/*#__PURE__*/ u("div", {
 					className: "flex items-center gap-3",
-					children: [/*#__PURE__*/ l(o, { children: e }), S]
+					children: [/*#__PURE__*/ l(i, { children: e }), S]
 				}), /*#__PURE__*/ u("div", {
 					className: "text-theme-light flex shrink-0 items-center gap-1 text-sm",
 					children: [/*#__PURE__*/ u("span", {
@@ -95,15 +95,15 @@ function v({ title: e, projectId: t, description: n, actions: r, badges: a }) {
 			}),
 			C,
 			w,
-			/*#__PURE__*/ l(i, { className: "mt-4" }),
-			(a || r) && /*#__PURE__*/ u("div", {
+			/*#__PURE__*/ l(r, { className: "mt-4" }),
+			(o || a) && /*#__PURE__*/ u("div", {
 				className: "mt-3 flex items-start justify-between",
 				children: [/*#__PURE__*/ u("div", {
 					className: "flex items-center gap-2",
-					children: [a, " "]
-				}), r && /*#__PURE__*/ l("div", {
+					children: [o, " "]
+				}), a && /*#__PURE__*/ l("div", {
 					className: "flex gap-2",
-					children: r
+					children: a
 				})]
 			})
 		]
@@ -112,4 +112,4 @@ function v({ title: e, projectId: t, description: n, actions: r, badges: a }) {
 //#endregion
 export { _ as n, v as t };
 
-//# sourceMappingURL=ContentHeader-BHMUzd9H.mjs.map
+//# sourceMappingURL=ContentHeader-CPJbgYWn.mjs.map

package/dist/client/{ContentHeader-BHMUzd9H.mjs.map → ContentHeader-CPJbgYWn.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ContentHeader-BHMUzd9H.mjs","names":["React","useState","Tooltip","TooltipTrigger","TooltipContent","Icon","Stack","ClipboardText","text","tooltipContent","className","truncateAt","showTooltip","props","useLingui","copied","setCopied","isHovering","setIsHovering","combinedClassName","handleCopy","e","preventDefault","stopPropagation","navigator","clipboard","writeText","setTimeout","err","console","error","displayText","length","slice","getTooltipContent","t","tooltipIsOpen","div","open","onClick","onMouseEnter","onMouseLeave","aria-label","asChild","data-testid","button","type","direction","gap","span","icon","size","Divider","ContentHeading","useRouteContext","useMatches","useParams","ClipboardText","Slot","isRouteInfo","ContentHeader","title","projectId","description","actions","badges","slots","strict","matches","provider","activeMatch","reverse","find","m","staticData","routeService","service","undefined","currentService","slotActions","servicePageActions","component","useShadowDOM","serviceBanner","projectOverviewBanner","header","className","div","span","text","truncateAt","p"],"sources":["../../src/client/components/ClipboardText.tsx","../../src/client/components/ContentHeader/ContentHeader.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Tooltip, TooltipTrigger, TooltipContent, Icon, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\nexport interface ClipboardTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  tooltipContent?: string\n  text: string\n  className?: string\n  truncateAt?: number\n  showTooltip?: boolean\n}\n\nconst ClipboardText: React.FC<ClipboardTextProps> = ({\n  text,\n  tooltipContent,\n  className,\n  truncateAt,\n  showTooltip = true,\n  ...props\n}) => {\n  const { t } = useLingui()\n  const [copied, setCopied] = useState(false)\n  const [isHovering, setIsHovering] = useState(false)\n\n  const combinedClassName = `copyableTooltip  inline-flex items-center ${className || \"\"}`\n\n  const handleCopy = async (e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setIsHovering(false)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error(\"Failed to copy text:\", err)\n    }\n  }\n\n  const displayText = truncateAt && text.length > truncateAt ? `${text.slice(0, truncateAt)}...` : text\n\n  // Determine tooltip content based on state\n  const getTooltipContent = () => {\n    if (copied) {\n      return tooltipContent || t`Copied to clipboard!`\n    }\n    return t`Copy`\n  }\n\n  const tooltipIsOpen = (copied && showTooltip) || (isHovering && showTooltip)\n\n  return (\n    <div {...props} className={combinedClassName}>\n      <Tooltip open={tooltipIsOpen}>\n        <TooltipTrigger\n          onClick={handleCopy}\n          onMouseEnter={() => !copied && setIsHovering(true)}\n          onMouseLeave={() => setIsHovering(false)}\n          aria-label={t`Copy ${text} to clipboard`}\n          className=\"cursor-pointer\"\n          asChild\n          data-testid=\"clipboard-copy-trigger\"\n        >\n          <button type=\"button\" className=\"group border-none bg-transparent p-0 text-inherit\">\n            <Stack direction=\"horizontal\" gap=\"1\" className=\"items-center hover:underline\">\n              <span className=\"select-none\">{displayText}</span>\n              <Icon icon={copied ? \"check\" : \"contentCopy\"} size=\"18\" />\n            </Stack>\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>{getTooltipContent()}</TooltipContent>\n      </Tooltip>\n    </div>\n  )\n}\n\nexport default ClipboardText\n","import type { ReactNode } from \"react\"\nimport { Divider, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { useRouteContext, useMatches, useParams } from \"@tanstack/react-router\"\nimport ClipboardText from \"../ClipboardText\"\nimport { Slot } from \"../Slot\"\nimport { isRouteInfo } from \"@/client/routes/routeInfo\"\n\ninterface ContentHeaderProps {\n  title: string\n  projectId: string\n  description?: string | null\n  actions?: ReactNode\n  badges?: ReactNode\n}\n\nexport function ContentHeader({ title, projectId, description, actions, badges }: ContentHeaderProps) {\n  const { slots } = useRouteContext({ strict: false })\n  const matches = useMatches()\n  const { provider } = useParams({ strict: false }) as { provider?: string }\n\n  const activeMatch = [...matches].reverse().find((m) => isRouteInfo(m.staticData))\n  const routeService = activeMatch && isRouteInfo(activeMatch.staticData) ? activeMatch.staticData.service : undefined\n\n  // Storage routes share service: \"containers\" for both Swift and Ceph.\n  // Distinguish them by the $provider param.\n  const currentService = routeService === \"containers\" && provider === \"ceph\" ? \"ceph-containers\" : routeService\n\n  const slotActions =\n    slots?.servicePageActions && currentService ? (\n      <Slot component={slots.servicePageActions} useShadowDOM={false} currentService={currentService} />\n    ) : null\n\n  const serviceBanner =\n    slots?.serviceBanner && currentService ? (\n      <Slot component={slots.serviceBanner} useShadowDOM={false} currentService={currentService} />\n    ) : null\n\n  const projectOverviewBanner =\n    slots?.projectOverviewBanner && !currentService ? (\n      <Slot component={slots.projectOverviewBanner} useShadowDOM={false} />\n    ) : null\n\n  return (\n    <header className=\"mb-8\">\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <ContentHeading>{title}</ContentHeading>\n          {slotActions}\n        </div>\n        <div className=\"text-theme-light flex shrink-0 items-center gap-1 text-sm\">\n          <span className=\"font-semibold\">\n            <Trans>Project ID</Trans>:{\" \"}\n          </span>\n          <ClipboardText text={projectId} truncateAt={15} />\n        </div>\n      </div>\n      {description && <p className=\"text-sm font-normal\">{description}</p>}\n      {serviceBanner}\n      {projectOverviewBanner}\n      <Divider className=\"mt-4\" />\n      {(badges || actions) && (\n        <div className=\"mt-3 flex items-start justify-between\">\n          <div className=\"flex items-center gap-2\">{badges} </div>\n          {actions && <div className=\"flex gap-2\">{actions}</div>}\n        </div>\n      )}\n    </header>\n  )\n}\n"],"mappings":";;;;;;;;AAYA,IAAMO,KAA+C,EACnDC,SACAC,mBACAC,cACAC,eACAC,iBAAc,IACd,GAAGC,QACJ;CACC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GACR,CAACC,GAAQC,KAAaf,EAAS,EAAA,GAC/B,CAACgB,GAAYC,KAAiBjB,EAAS,EAAA,GAEvCkB,IAAoB,6CAA6CT,KAAa,MAE9EU,IAAa,OAAOC,MAAAA;EAExBA,AADAA,EAAEC,eAAc,GAChBD,EAAEE,gBAAe;EAEjB,IAAI;GAIFI,AAHA,MAAMH,UAAUC,UAAUC,UAAUlB,CAAAA,GACpCQ,EAAU,EAAA,GACVE,EAAc,EAAA,GACdS,iBAAiBX,EAAU,EAAA,GAAQ,GAAA;EACrC,SAASY,GAAK;GACZC,QAAQC,MAAM,wBAAwBF,CAAAA;EACxC;CACF,GAEMG,IAAcpB,KAAcH,EAAKwB,SAASrB,IAAa,GAAGH,EAAKyB,MAAM,GAAGtB,CAAAA,EAAY,OAAOH,GAG3F0B,UACAnB,IACKN,KAAkB0B,EAAAA,EAAC,EAAA,IAAA,SAAqB,CAAA,IAE1CA,EAAAA,EAAC,EAAA,IAAA,SAAK,CAAA,GAGTC,IAAgB,KAAWxB,KAAiBK,KAAcL;CAEhE,OACE,gBAACyB,OAAAA;EAAK,GAAGxB;EAAOH,WAAWS;EACzB,UAAA,gBAACjB,GAAAA;GAAQoC,MAAMF;GACb,UAAA,CAAA,gBAACjC,GAAAA;IACCoC,SAASnB;IACToB,oBAAoB,CAACzB,KAAUG,EAAc,EAAA;IAC7CuB,oBAAoBvB,EAAc,EAAA;IAClCwB,cAAYP,EAAAA,EAAC;;KAAQ3B,QAAAA,EAAAA,QAAAA;IAAkB,CAAA;IACvCE,WAAU;IACViC,SAAO;IACPC,eAAY;IAEZ,UAAA,gBAACC,UAAAA;KAAOC,MAAK;KAASpC,WAAU;KAC9B,UAAA,gBAACJ,GAAAA;MAAMyC,WAAU;MAAaC,KAAI;MAAItC,WAAU;MAC9C,UAAA,CAAA,gBAACuC,QAAAA;OAAKvC,WAAU;OAAeqB,UAAAA;MAC/B,CAAA,GAAA,gBAAC1B,GAAAA;OAAK6C,MAAMnC,IAAS,UAAU;OAAeoC,MAAK;;;;GAIzD,CAAA,GAAA,gBAAC/C,GAAAA,EAAgB8B,UAAAA,EAAAA,EAAAA,CAAAA,CAAAA;;;AAIzB;;;AC3DA,SAAgB0B,EAAc,EAAEC,UAAOC,cAAWC,gBAAaC,YAASC,aAA4B;CAClG,IAAM,EAAEC,aAAUZ,EAAgB,EAAEa,QAAQ,GAAM,CAAA,GAC5CC,IAAUb,EAAAA,GACV,EAAEc,gBAAab,EAAU,EAAEW,QAAQ,GAAM,CAAA,GAEzCG,IAAc,CAAIF,GAAAA,CAAQ,CAAA,CAACG,QAAO,CAAA,CAAGC,MAAMC,MAAMd,EAAYc,EAAEC,UAAU,CAAA,GACzEC,IAAeL,KAAeX,EAAYW,EAAYI,UAAU,IAAIJ,EAAYI,WAAWE,UAAUC,KAAAA,GAIrGC,IAAiBH,MAAiB,gBAAgBN,MAAa,SAAS,oBAAoBM,GAE5FI,IACJb,GAAOc,sBAAsBF,IAC3B,gBAACpB,GAAAA;EAAKuB,WAAWf,EAAMc;EAAoBE,cAAc;EAAuBJ;CAC9E,CAAA,IAAA,MAEAK,IACJjB,GAAOiB,iBAAiBL,IACtB,gBAACpB,GAAAA;EAAKuB,WAAWf,EAAMiB;EAAeD,cAAc;EAAuBJ;CACzE,CAAA,IAAA,MAEAM,IACJlB,GAAOkB,yBAAyB,CAACN,IAC/B,gBAACpB,GAAAA;EAAKuB,WAAWf,EAAMkB;EAAuBF,cAAc;CAC1D,CAAA,IAAA;CAEN,OACE,gBAACG,UAAAA;EAAOC,WAAU;;GAChB,gBAACC,OAAAA;IAAID,WAAU;IACb,UAAA,CAAA,gBAACC,OAAAA;KAAID,WAAU;KACb,UAAA,CAAA,gBAACjC,GAAAA,EAAgBQ,UAAAA,EAAAA,CAAAA,GAChBkB,CAAAA;IAEH,CAAA,GAAA,gBAACQ,OAAAA;KAAID,WAAU;KACb,UAAA,CAAA,gBAACE,QAAAA;MAAKF,WAAU;;OACd,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;OAAyB;OAAE;;KAE7B,CAAA,GAAA,gBAAC7B,GAAAA;MAAcgC,MAAM3B;MAAW4B,YAAY;;;;GAG/C3B,KAAe,gBAAC4B,KAAAA;IAAEL,WAAU;IAAuBvB,UAAAA;;GACnDoB;GACAC;GACD,gBAAChC,GAAAA,EAAQkC,WAAU,OAAA,CAAA;IACjBrB,KAAUD,MACV,gBAACuB,OAAAA;IAAID,WAAU;IACb,UAAA,CAAA,gBAACC,OAAAA;KAAID,WAAU;KAA2BrB,UAAAA,CAAAA,GAAO,GAAA;IAChDD,CAAAA,GAAAA,KAAW,gBAACuB,OAAAA;KAAID,WAAU;KAActB,UAAAA;;;;;AAKnD"}
+{"version":3,"file":"ContentHeader-CPJbgYWn.mjs","names":["React","useState","Tooltip","TooltipTrigger","TooltipContent","Icon","Stack","ClipboardText","text","tooltipContent","className","truncateAt","showTooltip","props","useLingui","copied","setCopied","isHovering","setIsHovering","combinedClassName","handleCopy","e","preventDefault","stopPropagation","navigator","clipboard","writeText","setTimeout","err","console","error","displayText","length","slice","getTooltipContent","t","tooltipIsOpen","div","open","onClick","onMouseEnter","onMouseLeave","aria-label","asChild","data-testid","button","type","direction","gap","span","icon","size","Divider","ContentHeading","useRouteContext","useMatches","useParams","ClipboardText","Slot","isRouteInfo","ContentHeader","title","projectId","description","actions","badges","slots","strict","matches","provider","activeMatch","reverse","find","m","staticData","routeService","service","undefined","currentService","slotActions","servicePageActions","component","useShadowDOM","serviceBanner","projectOverviewBanner","header","className","div","span","text","truncateAt","p"],"sources":["../../src/client/components/ClipboardText.tsx","../../src/client/components/ContentHeader/ContentHeader.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Tooltip, TooltipTrigger, TooltipContent, Icon, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\nexport interface ClipboardTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  tooltipContent?: string\n  text: string\n  className?: string\n  truncateAt?: number\n  showTooltip?: boolean\n}\n\nconst ClipboardText: React.FC<ClipboardTextProps> = ({\n  text,\n  tooltipContent,\n  className,\n  truncateAt,\n  showTooltip = true,\n  ...props\n}) => {\n  const { t } = useLingui()\n  const [copied, setCopied] = useState(false)\n  const [isHovering, setIsHovering] = useState(false)\n\n  const combinedClassName = `copyableTooltip  inline-flex items-center ${className || \"\"}`\n\n  const handleCopy = async (e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setIsHovering(false)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error(\"Failed to copy text:\", err)\n    }\n  }\n\n  const displayText = truncateAt && text.length > truncateAt ? `${text.slice(0, truncateAt)}...` : text\n\n  // Determine tooltip content based on state\n  const getTooltipContent = () => {\n    if (copied) {\n      return tooltipContent || t`Copied to clipboard!`\n    }\n    return t`Copy`\n  }\n\n  const tooltipIsOpen = (copied && showTooltip) || (isHovering && showTooltip)\n\n  return (\n    <div {...props} className={combinedClassName}>\n      <Tooltip open={tooltipIsOpen}>\n        <TooltipTrigger\n          onClick={handleCopy}\n          onMouseEnter={() => !copied && setIsHovering(true)}\n          onMouseLeave={() => setIsHovering(false)}\n          aria-label={t`Copy ${text} to clipboard`}\n          className=\"cursor-pointer\"\n          asChild\n          data-testid=\"clipboard-copy-trigger\"\n        >\n          <button type=\"button\" className=\"group border-none bg-transparent p-0 text-inherit\">\n            <Stack direction=\"horizontal\" gap=\"1\" className=\"items-center hover:underline\">\n              <span className=\"select-none\">{displayText}</span>\n              <Icon icon={copied ? \"check\" : \"contentCopy\"} size=\"18\" />\n            </Stack>\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>{getTooltipContent()}</TooltipContent>\n      </Tooltip>\n    </div>\n  )\n}\n\nexport default ClipboardText\n","import type { ReactNode } from \"react\"\nimport { Divider, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { useRouteContext, useMatches, useParams } from \"@tanstack/react-router\"\nimport ClipboardText from \"../ClipboardText\"\nimport { Slot } from \"../Slot\"\nimport { isRouteInfo } from \"@/client/routes/routeInfo\"\n\ninterface ContentHeaderProps {\n  title: string\n  projectId: string\n  description?: string | null\n  actions?: ReactNode\n  badges?: ReactNode\n}\n\nexport function ContentHeader({ title, projectId, description, actions, badges }: ContentHeaderProps) {\n  const { slots } = useRouteContext({ strict: false })\n  const matches = useMatches()\n  const { provider } = useParams({ strict: false }) as { provider?: string }\n\n  const activeMatch = [...matches].reverse().find((m) => isRouteInfo(m.staticData))\n  const routeService = activeMatch && isRouteInfo(activeMatch.staticData) ? activeMatch.staticData.service : undefined\n\n  // Storage routes share service: \"containers\" for both Swift and Ceph.\n  // Distinguish them by the $provider param.\n  const currentService = routeService === \"containers\" && provider === \"ceph\" ? \"ceph-containers\" : routeService\n\n  const slotActions =\n    slots?.servicePageActions && currentService ? (\n      <Slot component={slots.servicePageActions} useShadowDOM={false} currentService={currentService} />\n    ) : null\n\n  const serviceBanner =\n    slots?.serviceBanner && currentService ? (\n      <Slot component={slots.serviceBanner} useShadowDOM={false} currentService={currentService} />\n    ) : null\n\n  const projectOverviewBanner =\n    slots?.projectOverviewBanner && !currentService ? (\n      <Slot component={slots.projectOverviewBanner} useShadowDOM={false} />\n    ) : null\n\n  return (\n    <header className=\"mb-8\">\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <ContentHeading>{title}</ContentHeading>\n          {slotActions}\n        </div>\n        <div className=\"text-theme-light flex shrink-0 items-center gap-1 text-sm\">\n          <span className=\"font-semibold\">\n            <Trans>Project ID</Trans>:{\" \"}\n          </span>\n          <ClipboardText text={projectId} truncateAt={15} />\n        </div>\n      </div>\n      {description && <p className=\"text-sm font-normal\">{description}</p>}\n      {serviceBanner}\n      {projectOverviewBanner}\n      <Divider className=\"mt-4\" />\n      {(badges || actions) && (\n        <div className=\"mt-3 flex items-start justify-between\">\n          <div className=\"flex items-center gap-2\">{badges} </div>\n          {actions && <div className=\"flex gap-2\">{actions}</div>}\n        </div>\n      )}\n    </header>\n  )\n}\n"],"mappings":"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"}