@replicated/portal-components 0.0.19 → 0.0.21

package/dist/license-details.js

@@ -2,13 +2,25 @@
 
 var buffer = require('buffer');
 var react = require('react');
+var headers = require('next/headers');
 var jsxRuntime = require('react/jsx-runtime');
 
 /**
  * Enterprise Portal Components
  * This file is generated by tsup. Do not edit manually.
  */
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 
+// datadog/tracer.ts
+var tracer_exports = {};
+__export(tracer_exports, {
+  default: () => tracer_default
+});
+var tracer_default;
 
 // src/utils/api-client.ts
 async function authenticatedFetch(url, options = {}) {
@@ -33,8 +45,17 @@ async function handle401() {
   const { redirect } = await import('next/navigation');
   return redirect("/?expired=1");
 }
+function isErrorPage(url) {
+  try {
+    const urlObj = new URL(url);
+    return urlObj.pathname === "/error";
+  } catch {
+    return url === "/error" || url.startsWith("/error?");
+  }
+}
 async function handleServerError(statusCode) {
   const { redirect } = await import('next/navigation');
+  const { cookies: cookies2 } = await import('next/headers');
   let sourceUrl;
   try {
     const { headers } = await import('next/headers');
@@ -42,12 +63,20 @@ async function handleServerError(statusCode) {
     const referer = headersList.get("referer");
     const host = headersList.get("host");
     const pathname = headersList.get("x-invoke-path") || headersList.get("x-forwarded-path");
-    if (referer) {
+    if (referer && !isErrorPage(referer)) {
       sourceUrl = referer;
     } else if (host && pathname) {
       const protocol = headersList.get("x-forwarded-proto") || "https";
       sourceUrl = `${protocol}://${host}${pathname}`;
     }
+    if (!sourceUrl || isErrorPage(sourceUrl)) {
+      const cookieStore = await cookies2();
+      const preservedSource = cookieStore.get("portal_error_source");
+      if (preservedSource?.value) {
+        sourceUrl = decodeURIComponent(preservedSource.value);
+        cookieStore.delete("portal_error_source");
+      }
+    }
   } catch (error) {
     console.debug("[portal-components] Could not determine source URL", error);
   }
@@ -57,12 +86,86 @@ async function handleServerError(statusCode) {
   }
   return redirect(`/error?${params.toString()}`);
 }
+var deriveInstallMethods = (licenseData) => {
+  const methods = [];
+  if (licenseData.isKotsInstallEnabled) {
+    methods.push("Replicated KOTS");
+  }
+  if (licenseData.isHelmInstallEnabled) {
+    methods.push("Helm");
+  }
+  if (licenseData.isHelmAirgapEnabled) {
+    methods.push("Helm Airgap");
+  }
+  if (licenseData.isEmbeddedClusterDownloadEnabled || licenseData.isEmbeddedClusterMultiNodeEnabled) {
+    methods.push("Embedded Cluster");
+  }
+  if (licenseData.isKurlInstallEnabled) {
+    methods.push("kURL");
+  }
+  if (licenseData.isGitopsSupported) {
+    methods.push("GitOps");
+  }
+  return Array.from(new Set(methods));
+};
+var convertEntitlementsToFields = (entitlementFields, entitlementValues) => {
+  const valuesMap = /* @__PURE__ */ new Map();
+  entitlementValues.forEach((ev) => {
+    valuesMap.set(ev.name, ev.value);
+  });
+  return entitlementFields.filter((field) => field.hidden === 0).map((field) => ({
+    key: field.name,
+    label: field.title || field.name,
+    value: valuesMap.get(field.name) || field.defaultVal || null,
+    isSecret: field.type === "Password"
+  }));
+};
+async function fetchLicenseCore() {
+  const sessionStore = await headers.cookies();
+  const session = sessionStore.get("portal_session");
+  const token = session?.value;
+  if (!token) {
+    throw new Error("No session found - user must be authenticated");
+  }
+  const endpoint = `${getApiOrigin()}/enterprise-portal/license`;
+  if (process.env.NODE_ENV !== "production") {
+    console.debug("[portal-components] fetching license via %s (Enterprise Portal API)", endpoint);
+  }
+  const response = await authenticatedFetch(endpoint, {
+    method: "GET",
+    token,
+    headers: {
+      Accept: "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(
+      `License request failed (${response.status} ${response.statusText})`
+    );
+  }
+  const envelope = await response.json();
+  const licenseData = envelope.data;
+  const license = {
+    ...licenseData,
+    // Alias fields for backward compatibility
+    expiresAt: licenseData.expireAt,
+    environment: licenseData.licenseType,
+    // Extract channel names from channels array
+    releaseChannels: (licenseData.channels || []).map((ch) => ch.channelName),
+    // Derive install methods from feature flags
+    installMethods: deriveInstallMethods(licenseData),
+    // Convert entitlements to fields format
+    fields: convertEntitlementsToFields(licenseData.entitlementFields || [], licenseData.entitlementValues || [])
+  };
+  return license;
+}
+var fetchLicenseImpl = react.cache(fetchLicenseCore);
+var fetchLicense = fetchLicenseImpl;
 
 // src/actions/index.ts
 var getApiOrigin = () => {
   return (process.env.REPLICATED_APP_ORIGIN || "https://replicated.app").replace(/\/+$/, "");
 };
-var defineServerAction = (definition) => definition;
 var fetchCustomBrandingImpl = async () => {
   const appSlug = process.env.PORTAL_APP_SLUG;
   if (!appSlug) {
@@ -90,11 +193,15 @@ var fetchCustomBrandingImpl = async () => {
   const payload = await response.json();
   const brandingObject = {
     logo: payload.logoUrl,
-    title: payload.appName,
-    customColor1: payload.primaryColor,
-    customColor2: payload.secondaryColor,
+    title: payload.title,
+    primaryColor: payload.primaryColor,
+    secondaryColor: payload.secondaryColor,
     favicon: payload.faviconUrl,
-    supportPortalLink: payload.supportPortalLink || ""
+    supportPortalLink: payload.supportPortalLink || "",
+    background: payload.background,
+    backgroundImage: payload.backgroundImage,
+    customColor1: payload.customColor1,
+    customColor2: payload.customColor2
   };
   const brandingData = buffer.Buffer.from(JSON.stringify(brandingObject)).toString("base64");
   return {
@@ -104,317 +211,6 @@ var fetchCustomBrandingImpl = async () => {
   };
 };
 react.cache(fetchCustomBrandingImpl);
-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;
-      }
-      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;
-      }
-      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);
-        }
-        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);
-        }
-        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()}/enterprise-portal/license`;
-    if (process.env.NODE_ENV !== "production") {
-      console.debug("[portal-components] fetching license via %s (Enterprise Portal API)", endpoint);
-    }
-    const response = await authenticatedFetch(endpoint, {
-      method: "GET",
-      token,
-      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 licenseData = payload.data;
-    const license = normalizeLicensePayload(licenseData);
-    return {
-      license,
-      raw: licenseData ?? null
-    };
-  }
-});
 var ShieldIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -547,12 +343,12 @@ 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
-  ] })
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center text-gray-900", children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-medium leading-4 text-gray-900", children: title })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-6", children })
 ] });
 var renderInstallOrChannel = (values) => {
   if (!values || values.length === 0) {
@@ -567,12 +363,12 @@ var buildPrimaryRows = (license) => {
     node: /* @__PURE__ */ jsxRuntime.jsxs(
       InfoRow,
       {
-        icon: /* @__PURE__ */ jsxRuntime.jsx(ShieldIcon, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(ShieldIcon, { className: "h-4 w-4" }),
         title: "License Status",
         children: [
           /* @__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") })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: license.isExpired ? "Expired" : "Active" })
           ] }),
           license.environment ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: license.environment }) : null
         ]
@@ -584,7 +380,7 @@ var buildPrimaryRows = (license) => {
     node: /* @__PURE__ */ jsxRuntime.jsx(
       InfoRow,
       {
-        icon: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { className: "h-4 w-4" }),
         title: "Expiration Date",
         children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: formatExpiration(license.expiresAt) })
       }
@@ -595,7 +391,7 @@ var buildPrimaryRows = (license) => {
     node: /* @__PURE__ */ jsxRuntime.jsx(
       InfoRow,
       {
-        icon: /* @__PURE__ */ jsxRuntime.jsx(ShieldIcon, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(ShieldIcon, { className: "h-4 w-4" }),
         title: "Release Channel(s)",
         children: renderInstallOrChannel(license.releaseChannels)
       }
@@ -606,7 +402,7 @@ var buildPrimaryRows = (license) => {
     node: /* @__PURE__ */ jsxRuntime.jsx(
       InfoRow,
       {
-        icon: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, { className: "h-4 w-4" }),
         title: "Install Options",
         children: renderInstallOrChannel(license.installMethods)
       }
@@ -617,7 +413,7 @@ var buildPrimaryRows = (license) => {
     node: /* @__PURE__ */ jsxRuntime.jsxs(
       InfoRow,
       {
-        icon: /* @__PURE__ */ jsxRuntime.jsx(BuildingIcon, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(BuildingIcon, { className: "h-4 w-4" }),
         title: "Customer Name",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: license.customerName ?? "Unknown customer" }),
@@ -635,7 +431,7 @@ 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: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 xl: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",
@@ -656,9 +452,7 @@ var LicenseDetails = async ({
   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 license = await fetchLicense();
   const rows = buildPrimaryRows(license);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded 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: [
@@ -666,7 +460,7 @@ var LicenseDetails = async ({
       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.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 items-start gap-6 md:grid-cols-2 xl: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 ?? []) })