@replicated/portal-components 0.0.2 → 0.0.3

package/dist/index.js

@@ -2,6 +2,7 @@
 
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var buffer = require('buffer');
 
 /**
  * Enterprise Portal Components
@@ -10,7 +11,7 @@ var jsxRuntime = require('react/jsx-runtime');
 
 // package.json
 var package_default = {
-  version: "0.0.2"};
+  version: "0.0.3"};
 
 // src/tokens/index.ts
 var baseTokens = {
@@ -124,190 +125,2293 @@ var Button = react.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Login = react.forwardRef(
-  ({
-    logo,
-    title = "Enterprise Factory Installation Portal",
-    description = "Sign in to manage your enterprise installation",
-    label = "Work email address",
-    placeholder = "you@company.com",
-    ctaLabel = "Continue with email \u2192",
-    initialEmail = "",
-    isSubmitting = false,
-    onContinue,
-    onVerifyCode,
-    redirectPath = "/",
-    className,
-    ...props
-  }, ref) => {
-    const [mode, setMode] = react.useState("email");
-    const [email, setEmail] = react.useState(initialEmail);
-    const [submittedEmail, setSubmittedEmail] = react.useState(initialEmail);
-    const [verificationCode, setVerificationCode] = react.useState("");
-    const [verifying, setVerifying] = react.useState(false);
-    const [pending, setPending] = react.useState(false);
-    const [verificationError, setVerificationError] = react.useState(
-      null
+
+// src/utils/api-client.ts
+function isRedirectError(error) {
+  return typeof error === "object" && error !== null && "digest" in error && typeof error.digest === "string" && error.digest.startsWith("NEXT_REDIRECT");
+}
+async function authenticatedFetch(url, options = {}) {
+  const { token, ...fetchOptions } = options;
+  const headers = new Headers(fetchOptions.headers);
+  if (token) {
+    headers.set("authorization", `Bearer ${token}`);
+  }
+  const response = await fetch(url, {
+    ...fetchOptions,
+    headers
+  });
+  if (response.status === 401) {
+    await handle401();
+  }
+  if (response.status === 502 || response.status === 503 || response.status === 504) {
+    await handleServerError(response.status);
+  }
+  return response;
+}
+async function handle401() {
+  const { redirect } = await import('next/navigation');
+  return redirect("/?expired=1");
+}
+async function handleServerError(statusCode) {
+  const { redirect } = await import('next/navigation');
+  let sourceUrl;
+  try {
+    const { headers } = await import('next/headers');
+    const headersList = await headers();
+    const referer = headersList.get("referer");
+    const host = headersList.get("host");
+    const pathname = headersList.get("x-invoke-path") || headersList.get("x-forwarded-path");
+    if (referer) {
+      sourceUrl = referer;
+    } else if (host && pathname) {
+      const protocol = headersList.get("x-forwarded-proto") || "https";
+      sourceUrl = `${protocol}://${host}${pathname}`;
+    }
+  } catch (error) {
+    console.debug("[portal-components] Could not determine source URL", error);
+  }
+  const params = new URLSearchParams({ code: String(statusCode) });
+  if (sourceUrl) {
+    params.set("source", sourceUrl);
+  }
+  return redirect(`/error?${params.toString()}`);
+}
+
+// src/actions/index.ts
+var getApiOrigin = () => {
+  return (process.env.REPLICATED_APP_ORIGIN || "https://replicated.app").replace(/\/+$/, "");
+};
+var defineServerAction = (definition) => definition;
+var initiateLogin = defineServerAction({
+  id: "auth/initiate-login",
+  description: "Begins the passwordless login flow by dispatching a magic link email.",
+  visibility: "customer",
+  tags: ["auth", "login", "session"],
+  async run(input) {
+    const endpoint = `${getApiOrigin()}/v3/login/magic-link`;
+    const appSlug = process.env.PORTAL_APP_SLUG;
+    if (!appSlug) {
+      throw new Error("PORTAL_APP_SLUG is not configured");
+    }
+    const portalOrigin = process.env.PORTAL_ORIGIN ?? "https://enterprise.replicated.com";
+    const redirectUri = `${portalOrigin.replace(/\/+$/, "")}/${appSlug}/login`;
+    const response = await fetch(endpoint, {
+      method: "POST",
+      headers: {
+        "content-type": "application/json"
+      },
+      body: JSON.stringify({
+        app_slug: appSlug,
+        email_address: input.email,
+        redirect_uri: redirectUri
+      })
+    });
+    if (!response.ok) {
+      throw new Error(
+        `Magic link request failed (${response.status} ${response.statusText})`
+      );
+    }
+    const data = await response.json();
+    if (data.saml_redirect_required && data.saml_customer_id) {
+      return {
+        status: "saml_redirect",
+        requestedAt: (/* @__PURE__ */ new Date()).toISOString(),
+        message: "SAML authentication required",
+        saml: {
+          redirectRequired: true,
+          customerId: data.saml_customer_id,
+          email: input.email,
+          appSlug
+        }
+      };
+    }
+    return {
+      status: "ok",
+      requestedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      message: `Magic link requested for ${input.email}`
+    };
+  }
+});
+var verifyMagicLink = defineServerAction({
+  id: "auth/verify-magic-link",
+  description: "Verifies the 12-digit code provided via email and returns a JWT.",
+  visibility: "customer",
+  tags: ["auth", "login", "verify"],
+  async run({ nonce }) {
+    const endpoint = `${getApiOrigin()}/v3/login/magic-link/verify`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug(
+        "[portal-components] verifying magic link via %s",
+        endpoint
+      );
+    }
+    const response = await fetch(endpoint, {
+      method: "POST",
+      headers: {
+        "content-type": "application/json"
+      },
+      body: JSON.stringify({ nonce })
+    });
+    if (!response.ok) {
+      if (response.status === 401) {
+        try {
+          const errorBody = await response.json();
+          if (errorBody?.is_expired === true) {
+            const error3 = {
+              code: "expired",
+              message: "Magic link has expired. A new link has been sent to your email.",
+              isExpired: true
+            };
+            throw error3;
+          }
+        } catch (parseError) {
+          if (parseError?.code === "expired") {
+            throw parseError;
+          }
+        }
+        const error2 = {
+          code: "invalid_code",
+          message: "Incorrect code, check your email and try again."
+        };
+        throw error2;
+      }
+      const error = {
+        code: "unknown",
+        message: `Magic link verification failed (${response.status} ${response.statusText})`
+      };
+      throw error;
+    }
+    const payload = await response.json();
+    const token = payload?.token ?? payload?.jwt ?? payload?.access_token;
+    if (typeof token !== "string") {
+      throw new Error("Magic link verification succeeded but no token returned");
+    }
+    return { token, raw: payload };
+  }
+});
+var fetchCustomBrandingImpl = async () => {
+  const appSlug = process.env.PORTAL_APP_SLUG;
+  if (!appSlug) {
+    throw new Error("PORTAL_APP_SLUG is not configured");
+  }
+  const url = `${getApiOrigin()}/v3/custom-branding?app_slug=${encodeURIComponent(
+    appSlug
+  )}`;
+  if (process.env.NODE_ENV !== "production") {
+    console.debug(
+      "[portal-components] fetching custom branding via %s",
+      url
     );
-    const handleSubmit = async (event) => {
-      event.preventDefault();
-      if (!onContinue || mode !== "email") {
-        return;
+  }
+  const response = await fetch(url, {
+    headers: {
+      accept: "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(
+      `Custom branding request failed (${response.status} ${response.statusText})`
+    );
+  }
+  const payload = await response.json();
+  const brandingData = payload?.branding_data;
+  if (typeof brandingData !== "string") {
+    throw new Error("Custom branding response missing branding_data string");
+  }
+  return {
+    brandingData,
+    documentation: payload?.documentation ?? null
+  };
+};
+var fetchCustomBranding = react.cache(fetchCustomBrandingImpl);
+var decodeJwtPayload = (token) => {
+  const parts = token.split(".");
+  if (parts.length !== 3) {
+    throw new Error("Invalid JWT received");
+  }
+  const payloadSegment = parts[1];
+  if (!payloadSegment) {
+    throw new Error("JWT payload segment missing");
+  }
+  const padded = payloadSegment.padEnd(
+    payloadSegment.length + (4 - payloadSegment.length % 4) % 4,
+    "="
+  );
+  const decoded = Buffer.from(padded, "base64").toString("utf-8");
+  return JSON.parse(decoded);
+};
+var getCustomerIdFromToken = (token) => {
+  const payload = decodeJwtPayload(token);
+  const customerId = payload?.customer_id || payload?.customerId;
+  if (typeof customerId !== "string" || !customerId.trim()) {
+    throw new Error("Unable to determine customer_id from session 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.",
+  visibility: "customer",
+  tags: ["support", "bundles"],
+  async run({ token }, context) {
+    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());
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] fetching support bundles via %s", url);
+    }
+    const response = await authenticatedFetch(url.toString(), {
+      token,
+      headers: {
+        accept: "application/json"
+      },
+      signal: context?.signal
+    });
+    if (context?.signal?.aborted) {
+      throw new Error("Support bundles request was aborted");
+    }
+    if (!response.ok) {
+      throw new Error(
+        `Support bundles request failed (${response.status} ${response.statusText})`
+      );
+    }
+    const raw = await response.json();
+    const rawRecord = raw && typeof raw === "object" ? raw : void 0;
+    const parseInsights = (raw2) => {
+      if (!Array.isArray(raw2)) return void 0;
+      return raw2.filter((i) => i && typeof i === "object").map((i) => ({
+        level: String(i.level ?? ""),
+        primary: String(i.primary ?? ""),
+        key: typeof i.key === "string" ? i.key : void 0,
+        detail: typeof i.detail === "string" ? i.detail : void 0
+      }));
+    };
+    const bundles = Array.isArray(
+      rawRecord?.supportBundles
+    ) ? (rawRecord?.supportBundles).map((item) => {
+      if (!item || typeof item !== "object") {
+        return {
+          id: "",
+          createdAt: void 0,
+          status: void 0,
+          size: void 0,
+          instanceId: void 0,
+          insights: void 0,
+          metadata: void 0
+        };
       }
-      try {
-        setPending(true);
-        await onContinue(email);
-        setSubmittedEmail(email);
-        setVerificationCode("");
-        setVerificationError(null);
-        setMode("verify");
-      } finally {
-        setPending(false);
+      const record = item;
+      return {
+        id: String(record.id ?? ""),
+        createdAt: typeof record.createdAt === "string" ? record.createdAt : void 0,
+        status: typeof record.status === "string" ? record.status : void 0,
+        size: typeof record.size === "number" ? record.size : void 0,
+        instanceId: typeof record.instanceId === "string" ? record.instanceId : void 0,
+        insights: parseInsights(record.insights),
+        metadata: record
+      };
+    }) : Array.isArray(raw) ? raw.map((item) => {
+      if (!item || typeof item !== "object") {
+        return {
+          id: "",
+          createdAt: void 0,
+          status: void 0,
+          size: void 0,
+          instanceId: void 0,
+          insights: void 0,
+          metadata: void 0
+        };
+      }
+      const record = item;
+      return {
+        id: String(record.id ?? ""),
+        createdAt: typeof record.createdAt === "string" ? record.createdAt : void 0,
+        status: typeof record.status === "string" ? record.status : void 0,
+        size: typeof record.size === "number" ? record.size : void 0,
+        instanceId: typeof record.instanceId === "string" ? record.instanceId : void 0,
+        insights: parseInsights(record.insights),
+        metadata: record
+      };
+    }) : [];
+    const totalCount = (() => {
+      if (rawRecord) {
+        if (typeof rawRecord.totalCount === "number" && Number.isFinite(rawRecord.totalCount)) {
+          return rawRecord.totalCount;
+        }
+        if (Array.isArray(rawRecord.supportBundles)) {
+          return rawRecord.supportBundles.length;
+        }
+      }
+      if (Array.isArray(raw)) {
+        return raw.length;
+      }
+      return bundles.length;
+    })();
+    return {
+      bundles,
+      totalCount,
+      raw
+    };
+  }
+});
+var downloadSupportBundle = defineServerAction({
+  id: "support/download-bundle",
+  description: "Gets a signed URL for downloading a support bundle.",
+  visibility: "customer",
+  tags: ["support", "bundles", "download"],
+  async run({ token, bundleId }, context) {
+    if (!token || typeof token !== "string") {
+      throw new Error("Support bundle download requires a session token");
+    }
+    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())}`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] getting support bundle download URL via %s", endpoint);
+    }
+    const response = await authenticatedFetch(endpoint, {
+      method: "GET",
+      token,
+      headers: {
+        accept: "application/json"
+      },
+      signal: context?.signal
+    });
+    if (!response.ok) {
+      const errorText = await response.text().catch(() => "");
+      throw new Error(
+        `Support bundle download URL request failed (${response.status} ${response.statusText}): ${errorText}`
+      );
+    }
+    const data = await response.json();
+    const signedUrl = data?.signedUrl;
+    if (typeof signedUrl !== "string" || !signedUrl) {
+      throw new Error("Support bundle download response missing signedUrl");
+    }
+    return { signedUrl };
+  }
+});
+var deleteSupportBundle = defineServerAction({
+  id: "support/delete-bundle",
+  description: "Deletes a support bundle.",
+  visibility: "customer",
+  tags: ["support", "bundles", "delete"],
+  async run({ token, bundleId }, context) {
+    if (!token || typeof token !== "string") {
+      throw new Error("Support bundle deletion requires a session token");
+    }
+    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())}`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] deleting support bundle via %s", endpoint);
+    }
+    const response = await authenticatedFetch(endpoint, {
+      method: "DELETE",
+      token,
+      headers: {
+        accept: "application/json"
+      },
+      signal: context?.signal
+    });
+    if (!response.ok) {
+      const errorText = await response.text().catch(() => "");
+      if (response.status === 404) {
+        throw new Error("Support bundle not found");
       }
+      throw new Error(
+        `Support bundle deletion failed (${response.status} ${response.statusText}): ${errorText}`
+      );
+    }
+    return { success: true };
+  }
+});
+var uploadSupportBundle = defineServerAction({
+  id: "support/upload-bundle",
+  description: "Uploads a support bundle to the server.",
+  visibility: "customer",
+  tags: ["support", "bundles", "upload"],
+  async run({ token, appId, fileContent, contentLength }, context) {
+    if (!token || typeof token !== "string") {
+      throw new Error("Support bundle upload requires a session token");
+    }
+    if (!appId || typeof appId !== "string") {
+      throw new Error("Support bundle upload requires an app ID");
+    }
+    if (!fileContent || !(fileContent instanceof ArrayBuffer)) {
+      throw new Error("Support bundle upload requires file content");
+    }
+    const endpoint = `${getApiOrigin()}/v3/supportbundle/upload/${encodeURIComponent(appId)}`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] uploading support bundle via %s", endpoint);
+    }
+    const response = await authenticatedFetch(endpoint, {
+      method: "POST",
+      token,
+      headers: {
+        "content-type": "application/gzip",
+        "content-length": String(contentLength)
+      },
+      body: fileContent,
+      signal: context?.signal
+    });
+    if (!response.ok) {
+      const errorText = await response.text().catch(() => "");
+      throw new Error(
+        `Support bundle upload failed (${response.status} ${response.statusText}): ${errorText}`
+      );
+    }
+    const data = await response.json();
+    return {
+      bundleId: data?.bundleId ?? data?.bundle_id ?? "",
+      slug: data?.slug ?? ""
+    };
+  }
+});
+var getSupportBundleUploadUrl = (appId) => {
+  return `${getApiOrigin()}/v3/supportbundle/upload/${encodeURIComponent(appId)}`;
+};
+var listReleases = defineServerAction({
+  id: "releases/list",
+  description: "Lists available releases for the authenticated customer.",
+  visibility: "customer",
+  tags: ["releases"],
+  async run({ token }, context) {
+    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 response = await authenticatedFetch(endpoint, {
+      method: "GET",
+      token,
+      headers: {
+        accept: "application/json"
+      },
+      signal: context?.signal
+    });
+    const bodyText = await response.text().catch((error) => {
+      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})`
+      );
+    }
+    return {
+      status: response.status,
+      body: bodyText
     };
-    const disabled = mode === "email" && (isSubmitting || pending);
-    const verificationMessage = react.useMemo(() => {
-      if (!submittedEmail) {
+  }
+});
+var asRecord = (value) => {
+  if (value && typeof value === "object") {
+    return value;
+  }
+  return void 0;
+};
+var getValue = (record, key) => record ? record[key] : void 0;
+var getString = (record, key) => {
+  const value = getValue(record, key);
+  return typeof value === "string" ? value : void 0;
+};
+var getBoolean = (record, key) => {
+  const value = getValue(record, key);
+  if (typeof value === "boolean") {
+    return value;
+  }
+  if (typeof value === "number") {
+    return value === 1;
+  }
+  if (typeof value === "string") {
+    const normalized = value.trim().toLowerCase();
+    if (["true", "1", "yes"].includes(normalized)) {
+      return true;
+    }
+    if (["false", "0", "no"].includes(normalized)) {
+      return false;
+    }
+  }
+  return void 0;
+};
+var toDisplayValue = (value) => {
+  if (value === null || value === void 0) {
+    return null;
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+};
+var normalizeStringArray = (value) => {
+  if (Array.isArray(value)) {
+    const normalized = value.map(
+      (item) => typeof item === "string" ? item.trim() : ""
+    ).filter((item) => item.length > 0);
+    return normalized.length ? normalized : void 0;
+  }
+  if (typeof value === "string") {
+    const normalized = value.split(",").map((item) => item.trim()).filter((item) => item.length > 0);
+    return normalized.length ? normalized : void 0;
+  }
+  return void 0;
+};
+var normalizeLicenseFields = (input) => {
+  if (!input) {
+    return [];
+  }
+  if (Array.isArray(input)) {
+    return input.map((field, index) => {
+      if (!field || typeof field !== "object") {
         return null;
       }
-      return `If there is an account for ${submittedEmail}, an email will be sent with a login code.`;
-    }, [submittedEmail]);
-    const handleVerify = async () => {
-      if (!onVerifyCode || !verificationCode) {
-        return;
+      const candidate = field;
+      const key = typeof candidate.key === "string" && candidate.key.trim().length ? candidate.key.trim() : typeof candidate.name === "string" && candidate.name.trim().length ? candidate.name.trim() : typeof candidate.label === "string" && candidate.label.trim().length ? candidate.label.trim() : `field-${index}`;
+      const label = typeof candidate.label === "string" && candidate.label.trim().length ? candidate.label.trim() : typeof candidate.name === "string" && candidate.name.trim().length ? candidate.name.trim() : key;
+      let value = candidate.value ?? candidate.data ?? candidate.content;
+      if ((value === void 0 || value === null) && typeof candidate.text === "string") {
+        value = candidate.text;
       }
-      try {
-        setVerificationError(null);
-        setVerifying(true);
-        const result = await onVerifyCode(verificationCode, redirectPath);
-        if (result && typeof result === "object" && "success" in result && result.success === false) {
-          const message = result.message ?? "Unable to verify code. Try again.";
-          setVerificationError(message);
-          return;
+      if ((value === void 0 || value === null) && typeof candidate.defaultValue === "string") {
+        value = candidate.defaultValue;
+      }
+      const isSecret = Boolean(
+        candidate.isSecret ?? candidate.secret ?? candidate.masked
+      );
+      const resolved = toDisplayValue(value);
+      return {
+        key,
+        label,
+        value: resolved,
+        isSecret
+      };
+    }).filter((field) => Boolean(field));
+  }
+  if (typeof input === "object") {
+    return Object.entries(input).map(
+      ([key, value]) => {
+        let resolvedValue = value;
+        let isSecret = false;
+        if (value && typeof value === "object") {
+          const obj = value;
+          if ("value" in obj) {
+            resolvedValue = obj.value;
+          }
+          isSecret = Boolean(obj.isSecret ?? obj.secret ?? obj.masked);
         }
-        setVerificationCode("");
-      } catch (error) {
-        if (typeof error === "object" && error !== null && "message" in error && typeof error.message === "string") {
-          setVerificationError(error.message);
-        } else {
-          setVerificationError("Unable to verify code. Try again.");
+        const normalized = toDisplayValue(resolvedValue);
+        return {
+          key,
+          label: key,
+          value: normalized,
+          isSecret
+        };
+      }
+    );
+  }
+  return [];
+};
+var extractChannelNames = (input) => {
+  if (!Array.isArray(input)) {
+    return void 0;
+  }
+  const names = input.map((item) => {
+    if (typeof item === "string") {
+      return item.trim();
+    }
+    const record = asRecord(item);
+    if (!record) {
+      return null;
+    }
+    return getString(record, "name") ?? getString(record, "channelName") ?? getString(record, "channel") ?? getString(record, "channelSlug") ?? getString(record, "slug") ?? void 0;
+  }).filter((name) => Boolean(name && name.length));
+  return names.length ? names : void 0;
+};
+var normalizeEntitlementFields = (fieldsInput, valuesInput) => {
+  const valuesMap = /* @__PURE__ */ new Map();
+  const assignValue = (key, value) => {
+    if (!key) {
+      return;
+    }
+    valuesMap.set(key, toDisplayValue(value));
+  };
+  if (Array.isArray(valuesInput)) {
+    valuesInput.forEach((item) => {
+      const record = asRecord(item);
+      if (!record) {
+        if (typeof item === "string") {
+          assignValue(item, item);
         }
-      } finally {
-        setVerifying(false);
+        return;
       }
+      const key = getString(record, "name") ?? getString(record, "field") ?? getString(record, "title") ?? getString(record, "label") ?? getString(record, "slug") ?? (() => {
+        const idValue = getValue(record, "id");
+        if (typeof idValue === "string" || typeof idValue === "number") {
+          return String(idValue);
+        }
+        return void 0;
+      })();
+      const value = getValue(record, "value") ?? getValue(record, "currentValue") ?? getValue(record, "entitlementValue") ?? getValue(record, "content") ?? getValue(record, "data") ?? getValue(record, "defaultVal") ?? getValue(record, "defaultValue");
+      assignValue(key, value);
+    });
+  } else if (valuesInput && typeof valuesInput === "object") {
+    Object.entries(valuesInput).forEach(
+      ([key, value]) => assignValue(key, value)
+    );
+  }
+  const normalized = [];
+  if (Array.isArray(fieldsInput)) {
+    fieldsInput.forEach((item, index) => {
+      const record = asRecord(item);
+      if (!record) {
+        return;
+      }
+      const baseKey = getString(record, "name") ?? getString(record, "field") ?? getString(record, "slug") ?? `entitlement-${index}`;
+      const key = `entitlement-${baseKey}`;
+      const label = getString(record, "title") ?? getString(record, "label") ?? baseKey;
+      const defaultValue = getString(record, "defaultVal") ?? getString(record, "default") ?? getString(record, "defaultValue");
+      const value = valuesMap.get(baseKey) ?? valuesMap.get(label) ?? defaultValue ?? null;
+      const isSecret = Boolean(
+        getBoolean(record, "secret") ?? getBoolean(record, "isSecret") ?? getBoolean(record, "masked")
+      );
+      normalized.push({
+        key,
+        label,
+        value,
+        isSecret
+      });
+    });
+  }
+  valuesMap.forEach((value, key) => {
+    const normalizedKey = `entitlement-${key}`;
+    if (!normalized.some((field) => field.key === normalizedKey)) {
+      normalized.push({
+        key: normalizedKey,
+        label: key,
+        value
+      });
+    }
+  });
+  return normalized;
+};
+var normalizeLicensePayload = (payload) => {
+  const payloadRecord = asRecord(payload);
+  const rootRecord = asRecord(getValue(payloadRecord, "license")) ?? asRecord(getValue(payloadRecord, "data")) ?? payloadRecord ?? {};
+  const sourceRecord = asRecord(getValue(rootRecord, "metadata")) ?? rootRecord;
+  const customer = asRecord(getValue(rootRecord, "customer")) ?? asRecord(getValue(sourceRecord, "customer")) ?? asRecord(getValue(payloadRecord, "customer")) ?? {};
+  let releaseChannels = normalizeStringArray(
+    getValue(rootRecord, "releaseChannels") ?? getValue(sourceRecord, "releaseChannels") ?? getValue(sourceRecord, "channels") ?? getValue(rootRecord, "channels") ?? getValue(sourceRecord, "channel") ?? getValue(rootRecord, "channel")
+  ) ?? void 0;
+  if (!releaseChannels) {
+    releaseChannels = extractChannelNames(getValue(rootRecord, "channels")) ?? extractChannelNames(getValue(sourceRecord, "channels")) ?? void 0;
+  }
+  let installMethods = normalizeStringArray(
+    getValue(rootRecord, "installMethods") ?? getValue(sourceRecord, "installMethods") ?? getValue(sourceRecord, "install_options") ?? getValue(rootRecord, "install_options") ?? getValue(sourceRecord, "installOptions")
+  ) ?? void 0;
+  if (!installMethods || installMethods.length === 0) {
+    const resolved = [];
+    const flag = (key) => getBoolean(rootRecord, key) ?? getBoolean(sourceRecord, key) ?? false;
+    if (flag("isKotsInstallEnabled")) {
+      resolved.push("Replicated KOTS");
+    }
+    if (flag("isHelmInstallEnabled")) {
+      resolved.push("Helm");
+    }
+    if (flag("isHelmAirgapEnabled")) {
+      resolved.push("Helm Airgap");
+    }
+    if (flag("isEmbeddedClusterDownloadEnabled") || flag("isEmbeddedClusterMultiNodeEnabled")) {
+      resolved.push("Embedded Cluster");
+    }
+    if (flag("isKurlInstallEnabled")) {
+      resolved.push("kURL");
+    }
+    if (flag("isGitopsSupported")) {
+      resolved.push("GitOps");
+    }
+    if (resolved.length) {
+      installMethods = Array.from(new Set(resolved));
+    }
+  }
+  const expiresAtSource = getValue(sourceRecord, "expiresAt") ?? getValue(sourceRecord, "expireAt") ?? getValue(sourceRecord, "expire_at") ?? getValue(sourceRecord, "expiration") ?? getValue(sourceRecord, "expirationDate") ?? getValue(sourceRecord, "expires_on") ?? getValue(rootRecord, "expiresAt") ?? getValue(rootRecord, "expireAt") ?? getValue(rootRecord, "expire_at") ?? getValue(rootRecord, "expiration");
+  const expiresAt = typeof expiresAtSource === "string" && expiresAtSource.trim().length ? expiresAtSource : expiresAtSource === null ? null : void 0;
+  const baseFields = normalizeLicenseFields(
+    getValue(rootRecord, "additionalFields") ?? getValue(sourceRecord, "additionalFields") ?? getValue(sourceRecord, "fields") ?? getValue(rootRecord, "fields") ?? getValue(payloadRecord, "fields") ?? getValue(payloadRecord, "additional_fields")
+  );
+  const entitlementFields = normalizeEntitlementFields(
+    getValue(rootRecord, "entitlementFields") ?? getValue(sourceRecord, "entitlementFields"),
+    getValue(rootRecord, "entitlementValues") ?? getValue(sourceRecord, "entitlementValues")
+  );
+  const fields = [
+    ...baseFields,
+    ...entitlementFields.filter(
+      (field) => !baseFields.some((existing) => existing.key === field.key)
+    )
+  ];
+  const statusFromSource = getString(sourceRecord, "status") ?? getString(sourceRecord, "state");
+  const statusLabelFromSource = getString(sourceRecord, "statusLabel") ?? getString(sourceRecord, "stateLabel");
+  const expiredFlag = getBoolean(sourceRecord, "isExpired") ?? getBoolean(rootRecord, "isExpired");
+  const derivedStatus = statusFromSource ?? (typeof expiredFlag === "boolean" ? expiredFlag ? "expired" : "active" : void 0);
+  const statusLabel = statusLabelFromSource ?? (derivedStatus ? derivedStatus.charAt(0).toUpperCase() + derivedStatus.slice(1) : void 0);
+  const licenseType = getString(sourceRecord, "licenseType") ?? getString(rootRecord, "licenseType");
+  const status = derivedStatus;
+  const license = {
+    id: getString(rootRecord, "id") ?? getString(sourceRecord, "id") ?? getString(sourceRecord, "licenseId") ?? getString(customer, "licenseId") ?? void 0,
+    status,
+    statusLabel,
+    environment: getString(sourceRecord, "environment") ?? getString(sourceRecord, "tier") ?? licenseType ?? void 0,
+    expiresAt: expiresAt ?? null,
+    releaseChannels: releaseChannels ?? [
+      getString(rootRecord, "channelName") ?? getString(rootRecord, "channel") ?? void 0
+    ].filter((value) => Boolean(value)),
+    installMethods,
+    installNotes: getString(sourceRecord, "installNotes"),
+    customerName: getString(sourceRecord, "customerName") ?? getString(customer, "name") ?? void 0,
+    customerId: getString(sourceRecord, "customerId") ?? getString(customer, "id") ?? getString(rootRecord, "customerId") ?? void 0,
+    customerOrganization: getString(customer, "organization") ?? getString(sourceRecord, "customerOrganization") ?? getString(rootRecord, "customerOrganization") ?? void 0,
+    fields
+  };
+  return license;
+};
+var fetchLicenseDetails = defineServerAction({
+  id: "license/fetch-details",
+  description: "Fetches the authenticated user's enterprise license details.",
+  visibility: "customer",
+  tags: ["license", "entitlements"],
+  async run({ token }, context) {
+    if (typeof token !== "string" || token.trim().length === 0) {
+      throw new Error("fetchLicenseDetails requires a non-empty token");
+    }
+    const endpoint = `${getApiOrigin()}/v3/license`;
+    const response = await authenticatedFetch(endpoint, {
+      method: "GET",
+      token,
+      headers: {
+        accept: "application/json"
+      },
+      signal: context?.signal
+    });
+    if (!response.ok) {
+      throw new Error(
+        `License request failed (${response.status} ${response.statusText})`
+      );
+    }
+    const payload = await response.json();
+    const license = normalizeLicensePayload(payload);
+    return {
+      license,
+      raw: payload ?? null
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "form",
+  }
+});
+var getSecurityInfo = defineServerAction({
+  id: "security/get-info",
+  description: "Fetches CVE security scan results for a specific release",
+  visibility: "customer",
+  tags: ["security", "cve"],
+  async run({ token, installType, channelSequence, isAirgap = false }, context) {
+    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()}`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] fetching security info via %s", url);
+    }
+    const response = await authenticatedFetch(url, {
+      token,
+      headers: { accept: "application/json" },
+      signal: context?.signal
+    });
+    if (!response.ok) {
+      throw new Error(
+        `Security info request failed (${response.status} ${response.statusText})`
+      );
+    }
+    const data = await response.json();
+    return data;
+  }
+});
+var getSecurityInfoDiff = defineServerAction({
+  id: "security/get-info-diff",
+  description: "Fetches CVE diff between two releases showing fixed and added vulnerabilities",
+  visibility: "customer",
+  tags: ["security", "cve", "diff"],
+  async run({ token, installType, fromChannelSequence, toChannelSequence, isAirgap = false }, context) {
+    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()}`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] fetching security info diff via %s", url);
+    }
+    const response = await authenticatedFetch(url, {
+      token,
+      headers: { accept: "application/json" },
+      signal: context?.signal
+    });
+    if (!response.ok) {
+      throw new Error(
+        `Security info diff request failed (${response.status} ${response.statusText})`
+      );
+    }
+    const data = await response.json();
+    return data;
+  }
+});
+var getSecurityInfoSBOM = defineServerAction({
+  id: "security/get-sbom",
+  description: "Fetches Software Bill of Materials (SBOM) for a specific release",
+  visibility: "customer",
+  tags: ["security", "sbom"],
+  async run({ token, installType, channelSequence, isAirgap = false, unifiedSbom = true }, context) {
+    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()}`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] fetching security SBOM via %s", url);
+    }
+    const response = await authenticatedFetch(url, {
+      token,
+      headers: { accept: "application/json" },
+      signal: context?.signal
+    });
+    if (response.status === 204) {
+      return { sboms: {} };
+    }
+    if (!response.ok) {
+      throw new Error(
+        `Security SBOM request failed (${response.status} ${response.statusText})`
+      );
+    }
+    const data = await response.json();
+    return data;
+  }
+});
+var fetchCurrentUser = defineServerAction({
+  id: "user/fetch-current",
+  description: "Fetches the current user's profile information",
+  visibility: "customer",
+  tags: ["user", "profile"],
+  async run({ token }, context) {
+    if (!token || typeof token !== "string") {
+      throw new Error("Fetch current user requires a session token");
+    }
+    const endpoint = `${getApiOrigin()}/v3/user`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] fetching current user via %s", endpoint);
+    }
+    const response = await authenticatedFetch(endpoint, {
+      method: "GET",
+      token,
+      headers: { accept: "application/json" },
+      signal: context?.signal
+    });
+    if (!response.ok) {
+      throw new Error(
+        `Fetch current user request failed (${response.status} ${response.statusText})`
+      );
+    }
+    const data = await response.json();
+    return {
+      user: {
+        emailAddress: data.emailAddress || "",
+        firstName: data.firstName || "",
+        lastName: data.lastName || ""
+      }
+    };
+  }
+});
+var updateUser = defineServerAction({
+  id: "user/update",
+  description: "Updates the current user's first and/or last name",
+  visibility: "customer",
+  tags: ["user", "profile"],
+  async run({ token, firstName, lastName }, context) {
+    if (!token || typeof token !== "string") {
+      throw new Error("Update user requires a session token");
+    }
+    if (!firstName && !lastName) {
+      throw new Error("At least one of firstName or lastName must be provided");
+    }
+    const endpoint = `${getApiOrigin()}/v3/user`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] updating user via %s", endpoint);
+    }
+    const body = {};
+    if (firstName !== void 0) body.firstName = firstName;
+    if (lastName !== void 0) body.lastName = lastName;
+    const response = await authenticatedFetch(endpoint, {
+      method: "POST",
+      token,
+      headers: {
+        "content-type": "application/json",
+        accept: "application/json"
+      },
+      body: JSON.stringify(body),
+      signal: context?.signal
+    });
+    if (!response.ok) {
+      const errorText = await response.text().catch(() => "");
+      throw new Error(
+        `Update user request failed (${response.status} ${response.statusText}): ${errorText}`
+      );
+    }
+    return { success: true };
+  }
+});
+var fetchNotifications = defineServerAction({
+  id: "notifications/fetch",
+  description: "Fetches notification preferences for a specific team",
+  visibility: "customer",
+  tags: ["notifications", "user"],
+  async run({ token, customerId }, context) {
+    if (!token || typeof token !== "string") {
+      throw new Error("Fetch notifications requires a session token");
+    }
+    if (!customerId || typeof customerId !== "string") {
+      throw new Error("Fetch notifications requires a customerId");
+    }
+    const endpoint = `${getApiOrigin()}/v3/notifications?customer_id=${encodeURIComponent(customerId)}`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] fetching notifications via %s", endpoint);
+    }
+    const response = await authenticatedFetch(endpoint, {
+      method: "GET",
+      token,
+      headers: { accept: "application/json" },
+      signal: context?.signal
+    });
+    if (!response.ok) {
+      throw new Error(
+        `Fetch notifications request failed (${response.status} ${response.statusText})`
+      );
+    }
+    const data = await response.json();
+    return {
+      notifications: data.notifications || []
+    };
+  }
+});
+var updateNotifications = defineServerAction({
+  id: "notifications/update",
+  description: "Updates notification preferences for a specific team",
+  visibility: "customer",
+  tags: ["notifications", "user"],
+  async run({ token, customerId, notifications }, context) {
+    if (!token || typeof token !== "string") {
+      throw new Error("Update notifications requires a session token");
+    }
+    if (!customerId || typeof customerId !== "string") {
+      throw new Error("Update notifications requires a customerId");
+    }
+    if (!Array.isArray(notifications)) {
+      throw new Error("Update notifications requires a notifications array");
+    }
+    const endpoint = `${getApiOrigin()}/v3/notifications?customer_id=${encodeURIComponent(customerId)}`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug("[portal-components] updating notifications via %s", endpoint);
+    }
+    const response = await authenticatedFetch(endpoint, {
+      method: "PUT",
+      token,
+      headers: {
+        "content-type": "application/json",
+        accept: "application/json"
+      },
+      body: JSON.stringify({ notifications }),
+      signal: context?.signal
+    });
+    if (!response.ok) {
+      const errorText = await response.text().catch(() => "");
+      throw new Error(
+        `Update notifications request failed (${response.status} ${response.statusText}): ${errorText}`
+      );
+    }
+    const data = await response.json();
+    return {
+      notifications: data.notifications || []
+    };
+  }
+});
+var ShieldIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.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" })
+  }
+);
+var CalendarIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 2v4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 2v4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 18, height: 18, x: 3, y: 4, rx: 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 10h18" })
+    ]
+  }
+);
+var DownloadIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17V3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 11 6 6 6-6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 21H5" })
+    ]
+  }
+);
+var BuildingIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 16, height: 20, x: 4, y: 2, rx: 2, ry: 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 22v-4h6v4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 6h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 6h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 10h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 14h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 10h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 14h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 10h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 14h.01" })
+    ]
+  }
+);
+var CheckIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21.8 10A10 10 0 1 1 17 3.33" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 11 3 3L22 4" })
+    ]
+  }
+);
+var formatExpiration = (value) => {
+  if (!value || value === "never") {
+    return "Does not expire";
+  }
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return value;
+  }
+  return date.toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+};
+var maskValue = (value, isSecret) => {
+  if (isSecret) {
+    return "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    return value;
+  }
+  return "No value set";
+};
+var getFieldTextClass = (value) => {
+  if (value === "does-not-expire") {
+    return "text-gray-500";
+  }
+  return value && value.trim().length > 0 ? "text-gray-500" : "text-gray-300";
+};
+var InfoRow = ({
+  icon,
+  title,
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start space-x-3", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-gray-900", children: icon }),
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-medium text-gray-900", children: title }),
+    children
+  ] })
+] });
+var renderInstallOrChannel = (values) => {
+  if (!values || values.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Not specified" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: values.join(", ") });
+};
+var buildPrimaryRows = (license) => {
+  const rows = [];
+  rows.push({
+    key: "status",
+    node: /* @__PURE__ */ jsxRuntime.jsxs(
+      InfoRow,
       {
-        ref,
-        className: [
-          "w-full max-w-md rounded-3xl border border-white/15 bg-slate-950/80 p-10 shadow-[0_25px_70px_rgba(5,7,11,0.65)] backdrop-blur",
-          "text-white transition-shadow",
-          className
-        ].filter(Boolean).join(" "),
-        onSubmit: handleSubmit,
-        ...props,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(ShieldIcon, { className: "h-5 w-5" }),
+        title: "License Status",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-            logo ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-2xl border border-white/20 bg-white/10 text-lg font-semibold leading-tight", children: "EP" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-semibold uppercase tracking-[0.35em] text-white/65", children: "Enterprise Portal" }),
-              /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mt-3 text-3xl font-semibold tracking-tight", children: title }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-white/70", children: description })
-            ] })
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex items-center text-sm text-gray-600", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "mr-1.5 h-4 w-4 text-green-500" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: license.statusLabel ?? (license.status ? license.status.charAt(0).toUpperCase() + license.status.slice(1) : "Unknown") })
           ] }),
-          mode === "email" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 space-y-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "label",
-              {
-                htmlFor: "login-email",
-                className: "text-sm font-medium text-white/70",
-                children: label
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                id: "login-email",
-                type: "email",
-                inputMode: "email",
-                autoComplete: "email",
-                placeholder,
-                value: email,
-                onChange: (event) => setEmail(event.target.value),
-                className: "w-full rounded-2xl border border-white/15 bg-white/5 px-5 py-4 text-base text-white placeholder:text-white/40 focus:border-white/40 focus:outline-none focus:ring-2 focus:ring-white/25",
-                disabled,
-                required: true
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
-              {
-                type: "submit",
-                size: "lg",
-                className: "w-full justify-center",
-                disabled,
-                isLoading: disabled,
-                children: ctaLabel
-              }
-            )
-          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 space-y-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/65", children: "Verification Code" }),
-              verificationMessage ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-white/70", children: verificationMessage }) : null,
-              verificationError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm font-medium text-rose-300", children: verificationError }) : null
+          license.environment ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: license.environment }) : null
+        ]
+      }
+    )
+  });
+  rows.push({
+    key: "expiration",
+    node: /* @__PURE__ */ jsxRuntime.jsx(
+      InfoRow,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { className: "h-5 w-5" }),
+        title: "Expiration Date",
+        children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: formatExpiration(license.expiresAt) })
+      }
+    )
+  });
+  rows.push({
+    key: "channels",
+    node: /* @__PURE__ */ jsxRuntime.jsx(
+      InfoRow,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(ShieldIcon, { className: "h-5 w-5" }),
+        title: "Release Channel(s)",
+        children: renderInstallOrChannel(license.releaseChannels)
+      }
+    )
+  });
+  rows.push({
+    key: "installs",
+    node: /* @__PURE__ */ jsxRuntime.jsx(
+      InfoRow,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, { className: "h-5 w-5" }),
+        title: "Install Options",
+        children: renderInstallOrChannel(license.installMethods)
+      }
+    )
+  });
+  rows.push({
+    key: "customer",
+    node: /* @__PURE__ */ jsxRuntime.jsxs(
+      InfoRow,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(BuildingIcon, { className: "h-5 w-5" }),
+        title: "Customer Name",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: license.customerName ?? "Unknown customer" }),
+          license.customerId ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-400", children: [
+            "Customer ID: ",
+            license.customerId
+          ] }) : null
+        ]
+      }
+    )
+  });
+  return rows;
+};
+var renderFields = (fields) => {
+  if (!fields.length) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "No additional fields available." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900", children: field.label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        className: `mt-1 break-words text-sm ${getFieldTextClass(
+          field.value
+        )}`,
+        children: maskValue(field.value, field.isSecret)
+      }
+    )
+  ] }, field.key)) });
+};
+var LicenseDetails = async ({
+  token,
+  title = "License Details",
+  description = "View your enterprise license details"
+}) => {
+  if (typeof token !== "string" || token.trim().length === 0) {
+    throw new Error("LicenseDetails component requires a non-empty token");
+  }
+  const response = await fetchLicenseDetails.run({ token });
+  console.debug("[portal-components] license response", response.raw);
+  const { license } = response;
+  const rows = buildPrimaryRows(license);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-3xl border border-gray-100 bg-white p-8 shadow-[0_18px_45px_rgba(17,24,39,0.08)]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col border-b border-gray-100 pb-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-gray-900", children: title }),
+      description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-gray-600", children: description }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-gray-100 bg-white p-6 sm:p-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: row.node }, row.key)) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-gray-100 bg-white p-6 sm:p-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-4 text-lg font-medium text-gray-900", children: "Additional License Fields" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: renderFields(license.fields ?? []) })
+      ] })
+    ] })
+  ] });
+};
+var defaultHiddenLabels = ["Download"];
+var defaultTopNavLinks = [
+  {
+    label: "Dashboard",
+    href: "/",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        className: "h-4 w-4",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 13h6V3H4z" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 21h6V3h-6z" })
+        ]
+      }
+    )
+  },
+  {
+    label: "Download",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        className: "h-4 w-4",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3v12" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m7 11 5 5 5-5" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 21h14" })
+        ]
+      }
+    )
+  },
+  {
+    label: "Install",
+    href: "/install",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        className: "h-4 w-4",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5v14" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" })
+        ]
+      }
+    )
+  },
+  {
+    label: "Update",
+    href: "/update",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        className: "h-4 w-4",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 4v6h6" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 20v-6h-6" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 10c1.5-4 6-6 10-4m6 4c-1.5 4-6 6-10 4" })
+        ]
+      }
+    )
+  },
+  {
+    label: "Release History",
+    href: "/release-history",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        className: "h-4 w-4",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8v4l3 2" }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" })
+        ]
+      }
+    )
+  },
+  {
+    label: "License",
+    href: "/license",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        className: "h-4 w-4",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "14", height: "18", x: "5", y: "3", rx: "2" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 7h6" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 11h6" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 15h6" })
+        ]
+      }
+    )
+  },
+  {
+    label: "Support",
+    href: "/support",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        className: "h-4 w-4",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 16a6 6 0 1 0-12 0v2h12Z" }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "7", r: "4" })
+        ]
+      }
+    )
+  }
+];
+var orderLinks = (links, order) => {
+  if (!order || order.length === 0) {
+    return links;
+  }
+  const orderMap = new Map(order.map((label, index) => [label, index]));
+  return links.map((link, index) => ({
+    link,
+    originalIndex: index,
+    orderIndex: orderMap.has(link.label) ? orderMap.get(link.label) : order.length + index
+  })).sort((a, b) => {
+    if (a.orderIndex === b.orderIndex) {
+      return a.originalIndex - b.originalIndex;
+    }
+    return a.orderIndex - b.orderIndex;
+  }).map((item) => item.link);
+};
+var TopNav = async ({
+  links,
+  hiddenLabels,
+  additionalLinks,
+  order,
+  userMenuLabel,
+  activeLabel,
+  customerName,
+  customers,
+  currentCustomerId,
+  onChangeTeam,
+  userMenuChildren
+}) => {
+  const displayLabel = userMenuLabel || (customerName ? `Team: ${customerName}` : "Team: Example");
+  let logo;
+  let brandTitle;
+  let customColor1;
+  let customColor2;
+  const normalizeColor = (color) => {
+    if (!color || typeof color !== "string") {
+      return void 0;
+    }
+    const trimmed = color.trim();
+    if (/^#?[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(trimmed)) {
+      return trimmed.startsWith("#") ? trimmed : `#${trimmed}`;
+    }
+    return trimmed;
+  };
+  try {
+    const branding = await fetchCustomBranding();
+    if (branding.brandingData) {
+      const decoded = buffer.Buffer.from(branding.brandingData, "base64").toString(
+        "utf-8"
+      );
+      try {
+        const parsed = JSON.parse(decoded);
+        if (parsed?.logo && typeof parsed.logo === "string") {
+          logo = parsed.logo;
+        }
+        if (parsed?.title && typeof parsed.title === "string") {
+          const normalizedTitle = parsed.title.trim();
+          if (normalizedTitle) {
+            brandTitle = normalizedTitle;
+          }
+        }
+        if (parsed?.customColor1 && typeof parsed.customColor1 === "string") {
+          customColor1 = normalizeColor(parsed.customColor1);
+        }
+        if (parsed?.customColor2 && typeof parsed.customColor2 === "string") {
+          customColor2 = normalizeColor(parsed.customColor2);
+        }
+      } catch (error) {
+        console.debug(
+          "[portal-components] unable to parse branding JSON",
+          error
+        );
+      }
+    } else {
+      console.debug("[portal-components] branding", branding);
+    }
+  } catch (error) {
+    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;
+  let resolvedLinks = baseLinks.filter(
+    (link) => !hiddenSet?.has(link.label)
+  );
+  if (additionalLinks?.length) {
+    resolvedLinks = [...resolvedLinks, ...additionalLinks];
+  }
+  resolvedLinks = orderLinks(resolvedLinks, order);
+  const gradientStart = customColor1 ?? "rgb(235, 102, 88)";
+  const gradientEnd = customColor2 ?? customColor1 ?? "rgb(184, 83, 71)";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "relative flex h-[165px] 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",
+        backgroundSize: "100% 100%"
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto mt-[30px] w-full max-w-[1248px] px-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-[135px] flex-col justify-between space-y-4 rounded bg-[#ffffffe6] px-6 pt-6 pb-4 shadow-[0_10px_60px_rgba(16,16,16,0.35)]", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+          logo || brandTitle ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            logo ? (
+              // eslint-disable-next-line @next/next/no-img-element
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src: logo,
+                  alt: "Portal logo",
+                  className: "object-contain",
+                  style: {
+                    maxWidth: "240px",
+                    maxHeight: "48px"
+                  }
+                }
+              )
+            ) : null,
+            brandTitle ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold text-gray-900", children: brandTitle }) : null
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+          /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group relative", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  className: "text-gray-500",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "7", r: "4" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayLabel }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  className: "text-gray-500",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" })
+                }
+              )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "label",
-              {
-                htmlFor: "login-code",
-                className: "text-sm font-medium text-white/70",
-                children: "One-time code"
-              }
-            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 mt-2 w-48 rounded-md border border-gray-200 bg-white py-2 text-sm text-gray-700 shadow-lg z-50", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: "/user-settings",
+                  className: "block w-full px-4 py-2 text-left hover:bg-gray-100",
+                  children: "User settings"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: "/team-settings",
+                  className: "block w-full px-4 py-2 text-left hover:bg-gray-100",
+                  children: "Team settings"
+                }
+              ),
+              userMenuChildren,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: "/?expired=1",
+                  className: "block w-full px-4 py-2 text-left hover:bg-gray-100",
+                  children: "Logout"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-3 border-b border-gray-200 pb-2 text-sm font-medium text-gray-500", children: resolvedLinks.map(({ label, icon, href }) => {
+          const isActive = activeLabel === label;
+          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__ */ jsxRuntime.jsxs("a", { href, className, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: isActive ? "text-rose-600" : "text-gray-500", children: icon }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+            ] }, label);
+          }
+          return /* @__PURE__ */ jsxRuntime.jsxs("button", { className, type: "button", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: isActive ? "text-rose-600" : "text-gray-500", children: icon }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+          ] }, label);
+        }) })
+      ] }) })
+    }
+  );
+};
+var GlobeIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 12, cy: 12, r: 10 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12h20" }),
+      /* @__PURE__ */ jsxRuntime.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" })
+    ]
+  }
+);
+var AirGapIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m4 4 16 16" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.5 4.5a8 8 0 0 1 9 0" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 7.5a8 8 0 0 0 0 9" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.5 19.5a8 8 0 0 0 0-9" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 12a5 5 0 0 0 5 5" })
+    ]
+  }
+);
+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)]";
+var headingClass = "text-lg font-semibold text-gray-900";
+var contentClass = "mt-4 flex-1 space-y-3";
+var itemClass = "flex items-center gap-3 text-sm text-gray-600";
+var iconClass = "h-5 w-5 text-gray-500";
+var footerClass = "mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80";
+var badgeClass = "ml-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-blue-500 px-1.5 text-xs font-medium text-white";
+var Badge = ({ count }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: badgeClass, "aria-label": `${count} updates available`, children: count });
+var UpdatesCard = ({
+  onlineActiveCount = 0,
+  airgapCount = 0,
+  onlineUpdates = 0,
+  airgapUpdates = 0
+}) => /* @__PURE__ */ jsxRuntime.jsxs("section", { className: baseCardClass, "aria-labelledby": "updates-card-heading", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "updates-card-heading", className: headingClass, children: "Updates" }) }),
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: contentClass, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: itemClass, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(GlobeIcon, { className: iconClass }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        onlineActiveCount,
+        " Active Online ",
+        onlineActiveCount === 1 ? "instance" : "instances"
+      ] }),
+      onlineUpdates > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge, { count: onlineUpdates })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: itemClass, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AirGapIcon, { className: iconClass }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        airgapCount,
+        " Air gap ",
+        airgapCount === 1 ? "instance" : "instances"
+      ] }),
+      airgapUpdates > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge, { count: airgapUpdates })
+    ] })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/update", children: "View updates \u2192" }) })
+] });
+UpdatesCard.displayName = "UpdatesCard";
+var UploadIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 16V3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 7l4-4 4 4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 21h14" })
+    ]
+  }
+);
+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)]";
+var headingClass2 = "text-lg font-semibold text-gray-900";
+var contentClass2 = "mt-4 flex-1 space-y-3";
+var itemClass2 = "flex items-center gap-3 text-sm text-gray-600";
+var iconClass2 = "h-5 w-5 text-gray-500";
+var footerClass2 = "mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80";
+var SupportCard = async () => {
+  let totalCount = null;
+  try {
+    const headersModule = await import('next/headers');
+    const store = await headersModule.cookies();
+    const session = store.get("portal_session");
+    const token = session?.value;
+    if (token) {
+      const result = await listSupportBundles.run({ token });
+      totalCount = result.totalCount;
+    } else {
+      console.debug("[portal-components] no portal_session token for support bundles");
+    }
+  } catch (error) {
+    if (isRedirectError(error)) {
+      throw error;
+    }
+    console.error("[portal-components] support bundles fetch failed", error);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: baseCardClass2, "aria-labelledby": "support-card-heading", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "support-card-heading", className: headingClass2, children: "Support" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClass2, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: itemClass2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(UploadIcon, { className: iconClass2 }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "Support bundles uploaded (",
+        totalCount ?? 0,
+        ")"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass2, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/support", className: "inline-flex items-center gap-1", children: "View support guide \u2192" }) })
+  ] });
+};
+SupportCard.displayName = "SupportCard";
+var NOTIFICATION_DESCRIPTIONS = {
+  "new-version": "New version available"
+};
+var EmailNotificationsSection = ({
+  teamName,
+  notifications,
+  isLoading,
+  onToggle
+}) => {
+  const allNotificationTypes = Object.keys(NOTIFICATION_DESCRIPTIONS);
+  const mergedNotifications = allNotificationTypes.map((type) => {
+    const existing = notifications.find((n) => n.type === type);
+    return {
+      type,
+      enabled: existing ? existing.enabled : type === "new-version"
+      // Default new-version to true
+    };
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-gray-200 bg-white p-6 shadow-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-lg font-semibold text-gray-900", children: [
+        "Email Notifications for ",
+        teamName
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Choose which email notifications you want to receive for this team." }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 flex justify-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "Loading notifications..." }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-gray-200 bg-white p-6 shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-lg font-semibold text-gray-900", children: [
+      "Email Notifications for ",
+      teamName
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Choose which email notifications you want to receive for this team." }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 overflow-hidden rounded-lg border border-gray-200", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between bg-gray-50 px-4 py-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium uppercase text-gray-600", children: "Description" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium uppercase text-gray-600", children: "Enabled" })
+      ] }),
+      mergedNotifications.map((notification) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between border-t border-gray-200 px-4 py-3",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-900", children: NOTIFICATION_DESCRIPTIONS[notification.type] }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
-                id: "login-code",
-                inputMode: "numeric",
-                maxLength: 12,
-                placeholder: "Enter 12 digit code",
-                className: "w-full rounded-2xl border border-white/15 bg-white/5 px-5 py-4 text-base text-white placeholder:text-white/40 focus:border-white/40 focus:outline-none focus:ring-2 focus:ring-white/25",
-                value: verificationCode,
-                onChange: (event) => setVerificationCode(event.target.value)
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
-              {
-                type: "button",
-                size: "lg",
-                className: "w-full justify-center",
-                disabled: verificationCode.length !== 12 || verifying,
-                isLoading: verifying,
-                onClick: handleVerify,
-                children: "Verify code"
+                type: "checkbox",
+                checked: notification.enabled,
+                onChange: () => onToggle?.(notification.type, !notification.enabled),
+                className: "portal-checkbox"
               }
             )
-          ] })
-        ]
+          ]
+        },
+        notification.type
+      ))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-3 text-xs text-gray-500", children: [
+      "These notification preferences are specific to the ",
+      teamName,
+      " team. Switch teams to manage notifications for other teams."
+    ] })
+  ] });
+};
+var TeamsSection = ({
+  teams,
+  currentCustomer,
+  isLoading,
+  onTeamSwitch,
+  primaryColor
+}) => {
+  const groupedTeams = react.useMemo(() => {
+    const groups = /* @__PURE__ */ new Map();
+    for (const team of teams) {
+      const existing = groups.get(team.appId);
+      if (existing) {
+        existing.teams.push(team);
+      } else {
+        groups.set(team.appId, {
+          appName: team.appName,
+          teams: [team]
+        });
       }
-    );
+    }
+    return groups;
+  }, [teams]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-gray-200 bg-white p-6 shadow-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Teams" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Teams associate your email address with any additional licenses your account has access to." }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "Loading teams..." }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-gray-200 bg-white p-6 shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Teams" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Teams associate your email address with any additional licenses your account has access to." }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 space-y-6", children: Array.from(groupedTeams.values()).map((appGroup) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-medium text-gray-900", children: appGroup.appName }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: appGroup.teams.map((team) => {
+        const isCurrentTeam = currentCustomer?.id === team.id;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => !isCurrentTeam && onTeamSwitch?.(team),
+            disabled: isCurrentTeam,
+            className: `flex w-full items-center justify-between rounded-lg border p-4 text-left transition ${isCurrentTeam ? "cursor-default border-gray-300 bg-gray-50" : "cursor-pointer border-gray-200 hover:border-indigo-500"}`,
+            style: !isCurrentTeam && primaryColor ? { "--hover-border": primaryColor } : void 0,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "svg",
+                  {
+                    className: "h-4 w-4",
+                    style: { color: primaryColor || "#6366f1" },
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    strokeWidth: 2,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900", children: team.name }),
+                  isCurrentTeam && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: "Current Team" })
+                ] })
+              ] }),
+              !isCurrentTeam && /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  className: "h-4 w-4",
+                  style: { color: primaryColor || "#6366f1" },
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  strokeWidth: 2,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M9 5l7 7-7 7"
+                    }
+                  )
+                }
+              )
+            ]
+          },
+          team.id
+        );
+      }) })
+    ] }, appGroup.appName)) })
+  ] });
+};
+var ProfileSection = ({
+  user,
+  isLoading,
+  isUpdating,
+  error,
+  updateError,
+  onSave,
+  primaryColor
+}) => {
+  const [isEditing, setIsEditing] = react.useState(false);
+  const [firstName, setFirstName] = react.useState(user?.firstName || "");
+  const [lastName, setLastName] = react.useState(user?.lastName || "");
+  const [inputError, setInputError] = react.useState(null);
+  const resetForm = () => {
+    setFirstName(user?.firstName || "");
+    setLastName(user?.lastName || "");
+    setInputError(null);
+  };
+  const handleSave = async () => {
+    if (!firstName && !lastName) {
+      setInputError("Please enter a first name or last name");
+      return;
+    }
+    if (firstName === user?.firstName && lastName === user?.lastName) {
+      setIsEditing(false);
+      return;
+    }
+    try {
+      await onSave?.({ firstName, lastName });
+      setIsEditing(false);
+    } catch (err) {
+      console.error("Error updating user information:", err);
+    }
+  };
+  const handleCancel = () => {
+    setIsEditing(false);
+    resetForm();
+  };
+  const handleEdit = () => {
+    resetForm();
+    setIsEditing(true);
+  };
+  const buttonStyle = primaryColor ? { backgroundColor: primaryColor, borderColor: primaryColor } : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-gray-200 bg-white p-6 shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Profile Information" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Your account information." }),
+        (error || updateError) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-red-600", children: error?.message || updateError?.message || "Failed to update profile" }),
+        inputError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-red-600", children: inputError })
+      ] }),
+      isEditing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleCancel,
+            disabled: isUpdating,
+            className: "inline-flex items-center rounded-md border border-gray-300 bg-white px-3 py-1.5 text-sm font-medium text-gray-700 shadow-sm transition hover:bg-gray-50 disabled:opacity-50",
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleSave,
+            disabled: isUpdating,
+            style: buttonStyle,
+            className: "inline-flex items-center rounded-md bg-indigo-500 px-3 py-1.5 text-sm font-medium text-white shadow-sm transition hover:bg-indigo-600 disabled:opacity-50",
+            children: isUpdating ? "Saving..." : "Save"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleEdit,
+          style: buttonStyle,
+          className: "inline-flex items-center rounded-md bg-indigo-500 px-3 py-1.5 text-sm font-medium text-white shadow-sm transition hover:bg-indigo-600",
+          children: "Edit"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex gap-8", children: [
+      isEditing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-gray-600", children: "First Name" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: firstName,
+              onChange: (e) => {
+                setInputError(null);
+                setFirstName(e.target.value);
+              },
+              disabled: isUpdating,
+              placeholder: "First Name",
+              className: "portal-input mt-1 block w-48"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-gray-600", children: "Last Name" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: lastName,
+              onChange: (e) => {
+                setInputError(null);
+                setLastName(e.target.value);
+              },
+              disabled: isUpdating,
+              placeholder: "Last Name",
+              className: "portal-input mt-1 block w-48"
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-gray-600", children: "Full Name (optional)" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-900", children: user?.firstName || user?.lastName ? `${user.firstName || ""} ${user.lastName || ""}`.trim() : "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-gray-600", children: "Email" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: isLoading ? "Loading..." : user?.emailAddress || "" })
+      ] })
+    ] })
+  ] });
+};
+var UserSettings = ({
+  user,
+  isUserLoading = false,
+  userError,
+  isUpdating = false,
+  updateError,
+  onUpdateUser,
+  teams = [],
+  currentCustomer,
+  isTeamsLoading = false,
+  onTeamSwitch,
+  notifications = [],
+  isNotificationsLoading = false,
+  onToggleNotification,
+  primaryColor
+}) => {
+  if (userError) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-red-600", children: [
+      "Failed to load user settings. ",
+      userError?.message,
+      " Please try again later."
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-gray-900", children: "User Settings" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ProfileSection,
+        {
+          user,
+          isLoading: isUserLoading,
+          isUpdating,
+          error: userError,
+          updateError,
+          onSave: onUpdateUser,
+          primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        TeamsSection,
+        {
+          teams,
+          currentCustomer,
+          isLoading: isTeamsLoading,
+          onTeamSwitch,
+          primaryColor
+        }
+      ),
+      currentCustomer && /* @__PURE__ */ jsxRuntime.jsx(
+        EmailNotificationsSection,
+        {
+          teamName: currentCustomer.name,
+          notifications,
+          isLoading: isNotificationsLoading,
+          onToggle: onToggleNotification
+        }
+      )
+    ] })
+  ] });
+};
+UserSettings.displayName = "UserSettings";
+var baseCardClass3 = "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)]";
+var headingClass3 = "text-lg font-semibold text-gray-900";
+var bodySpacerClass = "mt-4 flex-1";
+var footerClass3 = "mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80";
+var UserSettingsCard = () => /* @__PURE__ */ jsxRuntime.jsxs("section", { className: baseCardClass3, "aria-labelledby": "user-settings-card-heading", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "user-settings-card-heading", className: headingClass3, children: "User Settings" }) }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: bodySpacerClass }),
+  /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass3, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/user-settings", children: "View user settings \u2192" }) })
+] });
+UserSettingsCard.displayName = "UserSettingsCard";
+var UsersIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 10, cy: 8, r: 4 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 21v-2a4 4 0 0 0-3-3.87" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 3a4 4 0 0 1 0 8" })
+    ]
   }
 );
-Login.displayName = "Login";
-
-// src/actions/index.ts
-var defineServerAction = (definition) => definition;
+var KeyIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 7, cy: 15, r: 4 }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { d: "M16 11l1.5 1.5" })
+    ]
+  }
+);
+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)]";
+var headingClass4 = "text-lg font-semibold text-gray-900";
+var contentClass3 = "mt-4 flex-1 space-y-3";
+var itemClass3 = "flex items-center gap-3 text-sm text-gray-600";
+var iconClass3 = "h-5 w-5 text-gray-500";
+var footerClass4 = "mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80";
+var TeamSettingsCard = ({
+  userCount = 0,
+  serviceAccountCount = 0
+}) => /* @__PURE__ */ jsxRuntime.jsxs("section", { className: baseCardClass4, "aria-labelledby": "team-settings-card-heading", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "team-settings-card-heading", className: headingClass4, children: "Team Settings" }) }),
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: contentClass3, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: itemClass3, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(UsersIcon, { className: iconClass3 }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        userCount,
+        " Team ",
+        userCount === 1 ? "Member" : "Members"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: itemClass3, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(KeyIcon, { className: iconClass3 }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        serviceAccountCount,
+        " Service ",
+        serviceAccountCount === 1 ? "Account" : "Accounts"
+      ] })
+    ] })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass4, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/team-settings", children: "View team settings \u2192" }) })
+] });
+TeamSettingsCard.displayName = "TeamSettingsCard";
+var UpdateLayout = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-white", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TopNav, { activeLabel: "Updates" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-[1248px]", children }) })
+  ] });
+};
+UpdateLayout.displayName = "UpdateLayout";
 
 // src/index.ts
 var portalComponentsVersion = package_default.version;
 
 exports.Button = Button;
-exports.Login = Login;
+exports.LicenseDetails = LicenseDetails;
+exports.SupportCard = SupportCard;
+exports.TeamSettingsCard = TeamSettingsCard;
+exports.TopNav = TopNav;
+exports.UpdateLayout = UpdateLayout;
+exports.UpdatesCard = UpdatesCard;
+exports.UserSettings = UserSettings;
+exports.UserSettingsCard = UserSettingsCard;
 exports.createPortalTheme = createPortalTheme;
+exports.decodeJwtPayload = decodeJwtPayload;
+exports.defaultTopNavLinks = defaultTopNavLinks;
 exports.defineServerAction = defineServerAction;
+exports.deleteSupportBundle = deleteSupportBundle;
+exports.downloadSupportBundle = downloadSupportBundle;
+exports.fetchCurrentUser = fetchCurrentUser;
+exports.fetchCustomBranding = fetchCustomBranding;
+exports.fetchLicenseDetails = fetchLicenseDetails;
+exports.fetchNotifications = fetchNotifications;
+exports.getCustomerIdFromToken = getCustomerIdFromToken;
+exports.getSecurityInfo = getSecurityInfo;
+exports.getSecurityInfoDiff = getSecurityInfoDiff;
+exports.getSecurityInfoSBOM = getSecurityInfoSBOM;
+exports.getSupportBundleUploadUrl = getSupportBundleUploadUrl;
+exports.initiateLogin = initiateLogin;
+exports.listReleases = listReleases;
+exports.listSupportBundles = listSupportBundles;
 exports.portalComponentsVersion = portalComponentsVersion;
 exports.portalThemeTokens = portalThemeTokens;
+exports.updateNotifications = updateNotifications;
+exports.updateUser = updateUser;
+exports.uploadSupportBundle = uploadSupportBundle;
+exports.verifyMagicLink = verifyMagicLink;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map