@replicated/portal-components 0.0.11 → 0.0.13

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import { forwardRef, cache, useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Buffer as Buffer$1 } from 'buffer';
+import { Buffer } from 'buffer';
 import Link from 'next/link';
 
 /**
@@ -10,7 +10,7 @@ import Link from 'next/link';
 
 // package.json
 var package_default = {
-  version: "0.0.11"};
+  version: "0.0.13"};
 
 // src/tokens/index.ts
 var baseTokens = {
@@ -187,7 +187,7 @@ var initiateLogin = defineServerAction({
   visibility: "customer",
   tags: ["auth", "login", "session"],
   async run(input) {
-    const endpoint = `${getApiOrigin()}/v3/login/magic-link`;
+    const endpoint = `${getApiOrigin()}/enterprise-portal/auth/magic-link`;
     const appSlug = process.env.PORTAL_APP_SLUG;
     if (!appSlug) {
       throw new Error("PORTAL_APP_SLUG is not configured");
@@ -237,7 +237,7 @@ var verifyMagicLink = defineServerAction({
   visibility: "customer",
   tags: ["auth", "login", "verify"],
   async run({ nonce }) {
-    const endpoint = `${getApiOrigin()}/v3/login/magic-link/verify`;
+    const endpoint = `${getApiOrigin()}/enterprise-portal/auth/magic-link/verify`;
     if (process.env.NODE_ENV !== "production") {
       console.debug(
         "[portal-components] verifying magic link via %s",
@@ -293,12 +293,12 @@ var fetchCustomBrandingImpl = async () => {
   if (!appSlug) {
     throw new Error("PORTAL_APP_SLUG is not configured");
   }
-  const url = `${getApiOrigin()}/v3/custom-branding?app_slug=${encodeURIComponent(
+  const url = `${getApiOrigin()}/enterprise-portal/public/branding?app_slug=${encodeURIComponent(
     appSlug
   )}`;
   if (process.env.NODE_ENV !== "production") {
     console.debug(
-      "[portal-components] fetching custom branding via %s",
+      "[portal-components] fetching custom branding via %s (Enterprise Portal API)",
       url
     );
   }
@@ -313,13 +313,18 @@ var fetchCustomBrandingImpl = async () => {
     );
   }
   const payload = await response.json();
-  const brandingData = payload?.branding_data;
-  if (typeof brandingData !== "string") {
-    throw new Error("Custom branding response missing branding_data string");
-  }
+  const brandingObject = {
+    logo: payload.logoUrl,
+    title: payload.appName,
+    customColor1: payload.primaryColor,
+    customColor2: payload.secondaryColor,
+    favicon: payload.faviconUrl
+  };
+  const brandingData = Buffer.from(JSON.stringify(brandingObject)).toString("base64");
   return {
     brandingData,
-    documentation: payload?.documentation ?? null
+    documentation: null
+    // Documentation not included in new API's public endpoint
   };
 };
 var fetchCustomBranding = cache(fetchCustomBrandingImpl);
@@ -347,22 +352,6 @@ var getCustomerIdFromToken = (token) => {
   }
   return customerId.trim();
 };
-var resolveSupportBundlesEndpoint = () => {
-  const fallback = `${getApiOrigin()}/v3/supportbundles`;
-  const explicit = process.env.SUPPORT_BUNDLES_ENDPOINT;
-  if (!explicit) {
-    return new URL(fallback);
-  }
-  try {
-    return new URL(explicit);
-  } catch (error) {
-    console.warn(
-      `[portal-components] invalid SUPPORT_BUNDLES_ENDPOINT, using fallback`,
-      error
-    );
-    return new URL(fallback);
-  }
-};
 var listSupportBundles = defineServerAction({
   id: "support/list-bundles",
   description: "Fetches support bundles associated with the customer found in the portal session JWT.",
@@ -372,17 +361,11 @@ var listSupportBundles = defineServerAction({
     if (!token || typeof token !== "string") {
       throw new Error("Support bundle listing requires a session token");
     }
-    const payload = decodeJwtPayload(token);
-    const customerId = payload?.customer_id;
-    if (typeof customerId !== "string" || !customerId.trim()) {
-      throw new Error("Unable to determine customer_id from session token");
-    }
-    const url = resolveSupportBundlesEndpoint();
-    url.searchParams.set("customer_id", customerId.trim());
+    const url = `${getApiOrigin()}/enterprise-portal/support-bundles`;
     if (process.env.NODE_ENV !== "production") {
-      console.debug("[portal-components] fetching support bundles via %s", url);
+      console.debug("[portal-components] fetching support bundles via %s (Enterprise Portal API)", url);
     }
-    const response = await authenticatedFetch(url.toString(), {
+    const response = await authenticatedFetch(url, {
       token,
       headers: {
         accept: "application/json"
@@ -397,7 +380,8 @@ var listSupportBundles = defineServerAction({
         `Support bundles request failed (${response.status} ${response.statusText})`
       );
     }
-    const raw = await response.json();
+    const payload = await response.json();
+    const raw = payload.data;
     const rawRecord = raw && typeof raw === "object" ? raw : void 0;
     const parseInsights = (raw2) => {
       if (!Array.isArray(raw2)) return void 0;
@@ -488,12 +472,8 @@ var downloadSupportBundle = defineServerAction({
     if (!bundleId || typeof bundleId !== "string") {
       throw new Error("Support bundle download requires a bundle ID");
     }
-    const payload = decodeJwtPayload(token);
-    const customerId = payload?.customer_id;
-    if (typeof customerId !== "string" || !customerId.trim()) {
-      throw new Error("Unable to determine customer_id from session token");
-    }
-    const endpoint = `${getApiOrigin()}/v3/supportbundle/${encodeURIComponent(bundleId)}/download?customer_id=${encodeURIComponent(customerId.trim())}`;
+    const customerId = getCustomerIdFromToken(token);
+    const endpoint = `${getApiOrigin()}/enterprise-portal/support-bundles/${encodeURIComponent(bundleId)}/download?customer_id=${encodeURIComponent(customerId)}`;
     if (process.env.NODE_ENV !== "production") {
       console.debug("[portal-components] getting support bundle download URL via %s", endpoint);
     }
@@ -531,12 +511,8 @@ var deleteSupportBundle = defineServerAction({
     if (!bundleId || typeof bundleId !== "string") {
       throw new Error("Support bundle deletion requires a bundle ID");
     }
-    const payload = decodeJwtPayload(token);
-    const customerId = payload?.customer_id;
-    if (typeof customerId !== "string" || !customerId.trim()) {
-      throw new Error("Unable to determine customer_id from session token");
-    }
-    const endpoint = `${getApiOrigin()}/v3/supportbundle/${encodeURIComponent(bundleId)}?customer_id=${encodeURIComponent(customerId.trim())}`;
+    const customerId = getCustomerIdFromToken(token);
+    const endpoint = `${getApiOrigin()}/enterprise-portal/support-bundles/${encodeURIComponent(bundleId)}?customer_id=${encodeURIComponent(customerId)}`;
     if (process.env.NODE_ENV !== "production") {
       console.debug("[portal-components] deleting support bundle via %s", endpoint);
     }
@@ -575,7 +551,7 @@ var uploadSupportBundle = defineServerAction({
     if (!fileContent || !(fileContent instanceof ArrayBuffer)) {
       throw new Error("Support bundle upload requires file content");
     }
-    const endpoint = `${getApiOrigin()}/v3/supportbundle/upload/${encodeURIComponent(appId)}`;
+    const endpoint = `${getApiOrigin()}/enterprise-portal/support-bundles/upload/${encodeURIComponent(appId)}`;
     if (process.env.NODE_ENV !== "production") {
       console.debug("[portal-components] uploading support bundle via %s", endpoint);
     }
@@ -603,7 +579,7 @@ var uploadSupportBundle = defineServerAction({
   }
 });
 var getSupportBundleUploadUrl = (appId) => {
-  return `${getApiOrigin()}/v3/supportbundle/upload/${encodeURIComponent(appId)}`;
+  return `${getApiOrigin()}/enterprise-portal/support-bundles/upload/${encodeURIComponent(appId)}`;
 };
 var listReleases = defineServerAction({
   id: "releases/list",
@@ -614,10 +590,10 @@ var listReleases = defineServerAction({
     if (!token || typeof token !== "string") {
       throw new Error("List releases requires a session token");
     }
-    const endpoint = `${getApiOrigin()}/v3/release-history`;
-    console.log("[portal-components] listReleases request", {
-      endpoint
-    });
+    const endpoint = `${getApiOrigin()}/enterprise-portal/releases`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] fetching releases via %s (Enterprise Portal API)", endpoint);
+    }
     const response = await authenticatedFetch(endpoint, {
       method: "GET",
       token,
@@ -630,7 +606,6 @@ var listReleases = defineServerAction({
       console.warn("[portal-components] listReleases read error", error);
       return null;
     });
-    console.log("[portal-components] listReleases response", response.status, bodyText);
     if (!response.ok) {
       throw new Error(
         `List releases request failed (${response.status} ${response.statusText})`
@@ -927,7 +902,10 @@ var fetchLicenseDetails = defineServerAction({
     if (typeof token !== "string" || token.trim().length === 0) {
       throw new Error("fetchLicenseDetails requires a non-empty token");
     }
-    const endpoint = `${getApiOrigin()}/v3/license`;
+    const endpoint = `${getApiOrigin()}/enterprise-portal/license`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] fetching license via %s (Enterprise Portal API)", endpoint);
+    }
     const response = await authenticatedFetch(endpoint, {
       method: "GET",
       token,
@@ -942,10 +920,11 @@ var fetchLicenseDetails = defineServerAction({
       );
     }
     const payload = await response.json();
-    const license = normalizeLicensePayload(payload);
+    const licenseData = payload.data;
+    const license = normalizeLicensePayload(licenseData);
     return {
       license,
-      raw: payload ?? null
+      raw: licenseData ?? null
     };
   }
 });
@@ -958,16 +937,14 @@ var getSecurityInfo = defineServerAction({
     if (!token || typeof token !== "string") {
       throw new Error("Security info request requires a session token");
     }
-    const customerId = getCustomerIdFromToken(token);
     const params = new URLSearchParams({
-      customer_id: customerId,
       install_type: installType,
       channel_sequence: channelSequence.toString(),
       is_airgap: isAirgap.toString()
     });
-    const url = `${getApiOrigin()}/v3/security-info?${params.toString()}`;
+    const url = `${getApiOrigin()}/enterprise-portal/security?${params.toString()}`;
     if (process.env.NODE_ENV !== "production") {
-      console.debug("[portal-components] fetching security info via %s", url);
+      console.debug("[portal-components] fetching security info via %s (Enterprise Portal API)", url);
     }
     const response = await authenticatedFetch(url, {
       token,
@@ -979,8 +956,8 @@ var getSecurityInfo = defineServerAction({
         `Security info request failed (${response.status} ${response.statusText})`
       );
     }
-    const data = await response.json();
-    return data;
+    const payload = await response.json();
+    return payload.data;
   }
 });
 var getSecurityInfoDiff = defineServerAction({
@@ -992,15 +969,13 @@ var getSecurityInfoDiff = defineServerAction({
     if (!token || typeof token !== "string") {
       throw new Error("Security info diff request requires a session token");
     }
-    const customerId = getCustomerIdFromToken(token);
     const params = new URLSearchParams({
-      customer_id: customerId,
       install_type: installType,
       from_channel_sequence: fromChannelSequence.toString(),
       to_channel_sequence: toChannelSequence.toString(),
       is_airgap: isAirgap.toString()
     });
-    const url = `${getApiOrigin()}/v3/security-info-diff?${params.toString()}`;
+    const url = `${getApiOrigin()}/enterprise-portal/security-diff?${params.toString()}`;
     if (process.env.NODE_ENV !== "production") {
       console.debug("[portal-components] fetching security info diff via %s", url);
     }
@@ -1014,8 +989,8 @@ var getSecurityInfoDiff = defineServerAction({
         `Security info diff request failed (${response.status} ${response.statusText})`
       );
     }
-    const data = await response.json();
-    return data;
+    const envelope = await response.json();
+    return envelope.data;
   }
 });
 var getSecurityInfoSBOM = defineServerAction({
@@ -1027,15 +1002,13 @@ var getSecurityInfoSBOM = defineServerAction({
     if (!token || typeof token !== "string") {
       throw new Error("Security SBOM request requires a session token");
     }
-    const customerId = getCustomerIdFromToken(token);
     const params = new URLSearchParams({
-      customer_id: customerId,
       install_type: installType,
       channel_sequence: channelSequence.toString(),
       is_airgap: isAirgap.toString(),
       unified_sbom: unifiedSbom.toString()
     });
-    const url = `${getApiOrigin()}/v3/security-info-sbom?${params.toString()}`;
+    const url = `${getApiOrigin()}/enterprise-portal/security-sbom?${params.toString()}`;
     if (process.env.NODE_ENV !== "production") {
       console.debug("[portal-components] fetching security SBOM via %s", url);
     }
@@ -1052,8 +1025,77 @@ var getSecurityInfoSBOM = defineServerAction({
         `Security SBOM request failed (${response.status} ${response.statusText})`
       );
     }
-    const data = await response.json();
-    return data;
+    const envelope = await response.json();
+    return envelope.data;
+  }
+});
+var fetchDashboardComposite = defineServerAction({
+  id: "dashboard/fetch-composite",
+  description: "Fetches all dashboard data from the composite Enterprise Portal API endpoint",
+  visibility: "customer",
+  tags: ["dashboard", "enterprise-portal-api"],
+  async run({ token }, context) {
+    if (!token || typeof token !== "string") {
+      throw new Error("Dashboard request requires a session token");
+    }
+    const origin = getApiOrigin();
+    const url = `${origin}/enterprise-portal/dashboard`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] fetching dashboard via %s (Enterprise Portal API)", url);
+    }
+    const response = await authenticatedFetch(url, {
+      method: "GET",
+      token,
+      headers: { accept: "application/json" },
+      signal: context?.signal
+    });
+    if (!response.ok) {
+      throw new Error(
+        `Dashboard request failed (${response.status} ${response.statusText})`
+      );
+    }
+    const payload = await response.json();
+    const data = payload.data;
+    const allInstances = data?.instances || [];
+    const channelReleases = data?.channelReleases || [];
+    const licenseData = data?.license || {};
+    const teamStats = data?.teamStats || {};
+    const onlineInstances = allInstances.filter((i) => !i.isAirgap);
+    const airgapInstances = allInstances.filter((i) => i.isAirgap);
+    const twentyFourHoursAgo = Date.now() - 24 * 60 * 60 * 1e3;
+    const activeOnlineInstances = onlineInstances.filter((instance) => {
+      const lastCheckin = instance.lastCheckin ? new Date(instance.lastCheckin).getTime() : 0;
+      return lastCheckin > twentyFourHoursAgo;
+    });
+    const onlineActiveCount = activeOnlineInstances.length;
+    const airgapCount = airgapInstances.length;
+    const calculateUpdates = (instances) => {
+      if (!channelReleases.length) return 0;
+      let numUpdates = 0;
+      for (const instance of instances) {
+        const instanceSequence = instance.channelSequence ?? 0;
+        const matchingReleases = channelReleases.filter(
+          (release) => release.channelId === instance.channelId
+        );
+        for (const release of matchingReleases) {
+          if ((release.channelSequence ?? 0) > instanceSequence) {
+            numUpdates++;
+          }
+        }
+      }
+      return numUpdates;
+    };
+    const onlineUpdates = calculateUpdates(activeOnlineInstances);
+    const airgapUpdates = calculateUpdates(airgapInstances);
+    return {
+      onlineActiveCount,
+      airgapCount,
+      onlineUpdates,
+      airgapUpdates,
+      // Additional data available from the composite endpoint
+      license: licenseData,
+      teamStats
+    };
   }
 });
 var fetchCurrentUser = defineServerAction({
@@ -1065,7 +1107,7 @@ var fetchCurrentUser = defineServerAction({
     if (!token || typeof token !== "string") {
       throw new Error("Fetch current user requires a session token");
     }
-    const endpoint = `${getApiOrigin()}/v3/user`;
+    const endpoint = `${getApiOrigin()}/enterprise-portal/user/profile`;
     if (process.env.NODE_ENV !== "production") {
       console.debug("[portal-components] fetching current user via %s", endpoint);
     }
@@ -1102,7 +1144,7 @@ var updateUser = defineServerAction({
     if (!firstName && !lastName) {
       throw new Error("At least one of firstName or lastName must be provided");
     }
-    const endpoint = `${getApiOrigin()}/v3/user`;
+    const endpoint = `${getApiOrigin()}/enterprise-portal/user/profile`;
     if (process.env.NODE_ENV !== "production") {
       console.debug("[portal-components] updating user via %s", endpoint);
     }
@@ -1110,7 +1152,7 @@ var updateUser = defineServerAction({
     if (firstName !== void 0) body.firstName = firstName;
     if (lastName !== void 0) body.lastName = lastName;
     const response = await authenticatedFetch(endpoint, {
-      method: "POST",
+      method: "PUT",
       token,
       headers: {
         "content-type": "application/json",
@@ -1138,9 +1180,9 @@ var fetchNotifications = defineServerAction({
       throw new Error("Fetch notifications requires a session token");
     }
     if (!customerId || typeof customerId !== "string") {
-      throw new Error("Fetch notifications requires a customerId");
+      throw new Error("Fetch notifications requires a valid customerId");
     }
-    const endpoint = `${getApiOrigin()}/v3/notifications?customer_id=${encodeURIComponent(customerId)}`;
+    const endpoint = `${getApiOrigin()}/enterprise-portal/user/notifications?customer_id=${encodeURIComponent(customerId)}`;
     if (process.env.NODE_ENV !== "production") {
       console.debug("[portal-components] fetching notifications via %s", endpoint);
     }
@@ -1171,12 +1213,12 @@ var updateNotifications = defineServerAction({
       throw new Error("Update notifications requires a session token");
     }
     if (!customerId || typeof customerId !== "string") {
-      throw new Error("Update notifications requires a customerId");
+      throw new Error("Update notifications requires a valid customerId");
     }
     if (!Array.isArray(notifications)) {
       throw new Error("Update notifications requires a notifications array");
     }
-    const endpoint = `${getApiOrigin()}/v3/notifications?customer_id=${encodeURIComponent(customerId)}`;
+    const endpoint = `${getApiOrigin()}/enterprise-portal/user/notifications?customer_id=${encodeURIComponent(customerId)}`;
     if (process.env.NODE_ENV !== "production") {
       console.debug("[portal-components] updating notifications via %s", endpoint);
     }
@@ -1447,7 +1489,7 @@ var LicenseDetails = async ({
   console.debug("[portal-components] license response", response.raw);
   const { license } = response;
   const rows = buildPrimaryRows(license);
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-3xl border border-gray-100 bg-white p-8 shadow-[0_18px_45px_rgba(17,24,39,0.08)]", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rounded border border-gray-100 bg-white p-8 shadow-[0_18px_45px_rgba(17,24,39,0.08)]", children: [
     /* @__PURE__ */ jsxs("header", { className: "flex flex-col border-b border-gray-100 pb-6", children: [
       /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-gray-900", children: title }),
       description ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600", children: description }) : null
@@ -1461,7 +1503,6 @@ var LicenseDetails = async ({
     ] })
   ] });
 };
-var defaultHiddenLabels = ["Download"];
 var defaultTopNavLinks = [
   {
     label: "Dashboard",
@@ -1474,16 +1515,21 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M4 13h6V3H4z" }),
-          /* @__PURE__ */ jsx("path", { d: "M14 21h6V3h-6z" })
+          /* @__PURE__ */ jsx("rect", { width: "7", height: "9", x: "3", y: "3", rx: "1" }),
+          /* @__PURE__ */ jsx("rect", { width: "7", height: "5", x: "14", y: "3", rx: "1" }),
+          /* @__PURE__ */ jsx("rect", { width: "7", height: "9", x: "14", y: "12", rx: "1" }),
+          /* @__PURE__ */ jsx("rect", { width: "7", height: "5", x: "3", y: "16", rx: "1" })
         ]
       }
     )
   },
   {
-    label: "Download",
+    label: "Install",
+    href: "/install",
     icon: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -1492,18 +1538,20 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M12 3v12" }),
-          /* @__PURE__ */ jsx("path", { d: "m7 11 5 5 5-5" }),
-          /* @__PURE__ */ jsx("path", { d: "M5 21h14" })
+          /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+          /* @__PURE__ */ jsx("polyline", { points: "7 10 12 15 17 10" }),
+          /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
         ]
       }
     )
   },
   {
-    label: "Install",
-    href: "/install",
+    label: "Update",
+    href: "/update",
     icon: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -1512,18 +1560,20 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M12 5v14" }),
-          /* @__PURE__ */ jsx("path", { d: "M5 12h14" })
+          /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }),
+          /* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" })
         ]
       }
     )
   },
   {
-    label: "Update",
-    href: "/update",
-    icon: /* @__PURE__ */ jsxs(
+    label: "Security",
+    href: "/security",
+    icon: /* @__PURE__ */ jsx(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -1531,12 +1581,10 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
-        children: [
-          /* @__PURE__ */ jsx("path", { d: "M4 4v6h6" }),
-          /* @__PURE__ */ jsx("path", { d: "M20 20v-6h-6" }),
-          /* @__PURE__ */ jsx("path", { d: "M4 10c1.5-4 6-6 10-4m6 4c-1.5 4-6 6-10 4" })
-        ]
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /* @__PURE__ */ jsx("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" })
       }
     )
   },
@@ -1551,10 +1599,15 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M12 8v4l3 2" }),
-          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" })
+          /* @__PURE__ */ jsx("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+          /* @__PURE__ */ jsx("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+          /* @__PURE__ */ jsx("path", { d: "M10 9H8" }),
+          /* @__PURE__ */ jsx("path", { d: "M16 13H8" }),
+          /* @__PURE__ */ jsx("path", { d: "M16 17H8" })
         ]
       }
     )
@@ -1570,12 +1623,13 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("rect", { width: "14", height: "18", x: "5", y: "3", rx: "2" }),
-          /* @__PURE__ */ jsx("path", { d: "M9 7h6" }),
-          /* @__PURE__ */ jsx("path", { d: "M9 11h6" }),
-          /* @__PURE__ */ jsx("path", { d: "M9 15h6" })
+          /* @__PURE__ */ jsx("path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4" }),
+          /* @__PURE__ */ jsx("path", { d: "m21 2-9.6 9.6" }),
+          /* @__PURE__ */ jsx("circle", { cx: "7.5", cy: "15.5", r: "5.5" })
         ]
       }
     )
@@ -1591,10 +1645,16 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M18 16a6 6 0 1 0-12 0v2h12Z" }),
-          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+          /* @__PURE__ */ jsx("path", { d: "m4.93 4.93 4.24 4.24" }),
+          /* @__PURE__ */ jsx("path", { d: "m14.83 9.17 4.24-4.24" }),
+          /* @__PURE__ */ jsx("path", { d: "m14.83 14.83 4.24 4.24" }),
+          /* @__PURE__ */ jsx("path", { d: "m9.17 14.83-4.24 4.24" }),
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" })
         ]
       }
     )
@@ -1647,7 +1707,7 @@ var TopNav = async ({
   try {
     const branding = await fetchCustomBranding();
     if (branding.brandingData) {
-      const decoded = Buffer$1.from(branding.brandingData, "base64").toString(
+      const decoded = Buffer.from(branding.brandingData, "base64").toString(
         "utf-8"
       );
       try {
@@ -1680,8 +1740,7 @@ var TopNav = async ({
     console.debug("[portal-components] branding fetch failed", error);
   }
   const baseLinks = links ?? defaultTopNavLinks;
-  const computedHiddenLabels = hiddenLabels ? hiddenLabels : links ? void 0 : defaultHiddenLabels;
-  const hiddenSet = computedHiddenLabels ? new Set(computedHiddenLabels) : null;
+  const hiddenSet = hiddenLabels ? new Set(hiddenLabels) : null;
   let resolvedLinks = baseLinks.filter(
     (link) => !hiddenSet?.has(link.label)
   );
@@ -1694,7 +1753,7 @@ var TopNav = async ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: "relative flex h-[165px] w-full items-start justify-center",
+      className: "relative flex h-[280px] w-full items-start justify-center",
       style: {
         backgroundImage: `linear-gradient(to top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 33%), linear-gradient(${gradientStart}, ${gradientEnd})`,
         backgroundRepeat: "no-repeat",
@@ -1721,7 +1780,7 @@ var TopNav = async ({
             brandTitle ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-gray-900", children: brandTitle }) : null
           ] }) : /* @__PURE__ */ jsx("div", {}),
           /* @__PURE__ */ jsxs("details", { className: "group relative", children: [
-            /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer items-center gap-2 rounded-lg bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 list-none", children: [
+            /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer items-center gap-2 text-sm font-medium text-gray-600 hover:text-gray-900 list-none", children: [
               /* @__PURE__ */ jsxs(
                 "svg",
                 {
@@ -1793,12 +1852,12 @@ var TopNav = async ({
           const className = `flex items-center gap-2 px-4 py-1 transition text-gray-500 ${isActive ? "underline underline-offset-8 decoration-2" : ""}`;
           if (href) {
             return /* @__PURE__ */ jsxs(Link, { href, className, children: [
-              /* @__PURE__ */ jsx("span", { className: isActive ? "text-rose-600" : "text-gray-500", children: icon }),
+              /* @__PURE__ */ jsx("span", { className: isActive ? "text-gray-900" : "text-gray-500", children: icon }),
               /* @__PURE__ */ jsx("span", { children: label })
             ] }, label);
           }
           return /* @__PURE__ */ jsxs("button", { className, type: "button", children: [
-            /* @__PURE__ */ jsx("span", { className: isActive ? "text-rose-600" : "text-gray-500", children: icon }),
+            /* @__PURE__ */ jsx("span", { className: isActive ? "text-gray-900" : "text-gray-500", children: icon }),
             /* @__PURE__ */ jsx("span", { children: label })
           ] }, label);
         }) })
@@ -1806,7 +1865,7 @@ var TopNav = async ({
     }
   );
 };
-var GlobeIcon = (props) => /* @__PURE__ */ jsxs(
+var GlobeIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1814,16 +1873,14 @@ var GlobeIcon = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
     "aria-hidden": "true",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("circle", { cx: 12, cy: 12, r: 10 }),
-      /* @__PURE__ */ jsx("path", { d: "M2 12h20" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10Z" })
-    ]
+    children: /* @__PURE__ */ jsx("path", { d: "M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" })
   }
 );
-var AirGapIcon = (props) => /* @__PURE__ */ jsxs(
+var AirGapIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1831,15 +1888,11 @@ var AirGapIcon = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
     "aria-hidden": "true",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "m4 4 16 16" }),
-      /* @__PURE__ */ jsx("path", { d: "M7.5 4.5a8 8 0 0 1 9 0" }),
-      /* @__PURE__ */ jsx("path", { d: "M4.5 7.5a8 8 0 0 0 0 9" }),
-      /* @__PURE__ */ jsx("path", { d: "M16.5 19.5a8 8 0 0 0 0-9" }),
-      /* @__PURE__ */ jsx("path", { d: "M7 12a5 5 0 0 0 5 5" })
-    ]
+    children: /* @__PURE__ */ jsx("path", { d: "M13.181 8.68a4.503 4.503 0 0 1 1.903 6.405m-9.768-2.782L3.56 14.06a4.5 4.5 0 0 0 6.364 6.365l3.129-3.129m5.614-5.615 1.757-1.757a4.5 4.5 0 0 0-6.364-6.365l-4.5 4.5c-.258.26-.479.541-.661.84m1.903 6.405a4.495 4.495 0 0 1-1.242-.88 4.483 4.483 0 0 1-1.062-1.683m6.587 2.345 5.907 5.907m-5.907-5.907L8.898 8.898M2.991 2.99 8.898 8.9" })
   }
 );
 var baseCardClass = "flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]";
@@ -1880,7 +1933,7 @@ var UpdatesCard = ({
   /* @__PURE__ */ jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsx(Link, { href: "/update", children: "View updates \u2192" }) })
 ] });
 UpdatesCard.displayName = "UpdatesCard";
-var UploadIcon = (props) => /* @__PURE__ */ jsxs(
+var UploadIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1888,13 +1941,11 @@ var UploadIcon = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
     "aria-hidden": "true",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M12 16V3" }),
-      /* @__PURE__ */ jsx("path", { d: "M8 7l4-4 4 4" }),
-      /* @__PURE__ */ jsx("path", { d: "M5 21h14" })
-    ]
+    children: /* @__PURE__ */ jsx("path", { d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" })
   }
 );
 var baseCardClass2 = "flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]";
@@ -2301,7 +2352,7 @@ var UserSettingsCard = () => /* @__PURE__ */ jsxs("section", { className: baseCa
   /* @__PURE__ */ jsx("footer", { className: footerClass3, children: /* @__PURE__ */ jsx(Link, { href: "/user-settings", children: "View user settings \u2192" }) })
 ] });
 UserSettingsCard.displayName = "UserSettingsCard";
-var UsersIcon = (props) => /* @__PURE__ */ jsxs(
+var UsersIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2309,17 +2360,14 @@ var UsersIcon = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
     "aria-hidden": "true",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ jsx("circle", { cx: 10, cy: 8, r: 4 }),
-      /* @__PURE__ */ jsx("path", { d: "M20 21v-2a4 4 0 0 0-3-3.87" }),
-      /* @__PURE__ */ jsx("path", { d: "M17 3a4 4 0 0 1 0 8" })
-    ]
+    children: /* @__PURE__ */ jsx("path", { d: "M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" })
   }
 );
-var KeyIcon = (props) => /* @__PURE__ */ jsxs(
+var KeyIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2327,13 +2375,11 @@ var KeyIcon = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
     "aria-hidden": "true",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("circle", { cx: 7, cy: 15, r: 4 }),
-      /* @__PURE__ */ jsx("path", { d: "m10.85 12.15 4.3-4.3a2 2 0 0 1 2.83 0l.47.47a2 2 0 0 1 0 2.83l-4.3 4.3" }),
-      /* @__PURE__ */ jsx("path", { d: "M16 11l1.5 1.5" })
-    ]
+    children: /* @__PURE__ */ jsx("path", { d: "M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z" })
   }
 );
 var baseCardClass4 = "flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]";
@@ -2379,6 +2425,6 @@ UpdateLayout.displayName = "UpdateLayout";
 // src/index.ts
 var portalComponentsVersion = package_default.version;
 
-export { Button, LicenseDetails, SupportCard, TeamSettingsCard, TopNav, UpdateLayout, UpdatesCard, UserSettings, UserSettingsCard, createPortalTheme, decodeJwtPayload, defaultTopNavLinks, defineServerAction, deleteSupportBundle, downloadSupportBundle, fetchCurrentUser, fetchCustomBranding, fetchLicenseDetails, fetchNotifications, getCustomerIdFromToken, getSecurityInfo, getSecurityInfoDiff, getSecurityInfoSBOM, getSupportBundleUploadUrl, initiateLogin, listReleases, listSupportBundles, portalComponentsVersion, portalThemeTokens, updateNotifications, updateUser, uploadSupportBundle, verifyMagicLink };
+export { Button, LicenseDetails, SupportCard, TeamSettingsCard, TopNav, UpdateLayout, UpdatesCard, UserSettings, UserSettingsCard, createPortalTheme, decodeJwtPayload, defaultTopNavLinks, defineServerAction, deleteSupportBundle, downloadSupportBundle, fetchCurrentUser, fetchCustomBranding, fetchDashboardComposite, fetchLicenseDetails, fetchNotifications, getCustomerIdFromToken, getSecurityInfo, getSecurityInfoDiff, getSecurityInfoSBOM, getSupportBundleUploadUrl, initiateLogin, listReleases, listSupportBundles, portalComponentsVersion, portalThemeTokens, updateNotifications, updateUser, uploadSupportBundle, verifyMagicLink };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map