@replicated/portal-components 0.0.16 → 0.0.17

package/dist/install-card.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FetchInstallOptionsResult } from './actions/index.mjs';
+import { j as FetchInstallOptionsResult } from './index-DkjaogsF.mjs';
 
 interface InstallCardProps {
     fetchInstallOptionsAction: () => Promise<FetchInstallOptionsResult>;

package/dist/install-card.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FetchInstallOptionsResult } from './actions/index.js';
+import { j as FetchInstallOptionsResult } from './index-DkjaogsF.js';
 
 interface InstallCardProps {
     fetchInstallOptionsAction: () => Promise<FetchInstallOptionsResult>;

package/dist/instance-card.d.mts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Instance } from './install-actions.mjs';
-import { C as ChannelRelease, I as InstallOptions } from './install-B19AaKF_.mjs';
-import './actions/index.mjs';
+import { C as ChannelRelease, I as InstallOptions, S as SecurityReleaseImage, G as GetSecurityInfoDiffResult } from './index-DkjaogsF.mjs';
 
 interface InstanceCardProps {
     instance: Instance;
@@ -10,11 +9,14 @@ interface InstanceCardProps {
     installOptions?: InstallOptions[];
     onUpdateClick?: (instanceId: string) => void;
     primaryColor?: string;
+    securityData?: Record<string, SecurityReleaseImage[]>;
+    securityDiffData?: Record<string, GetSecurityInfoDiffResult>;
+    securityEnabled?: boolean;
 }
 /**
  * Instance card component for displaying an instance in the Update page.
  */
-declare function InstanceCard({ instance, isActive, channelReleases, installOptions, onUpdateClick, primaryColor }: InstanceCardProps): react_jsx_runtime.JSX.Element;
+declare function InstanceCard({ instance, isActive, channelReleases, installOptions, onUpdateClick, primaryColor, securityData, securityDiffData, securityEnabled }: InstanceCardProps): react_jsx_runtime.JSX.Element;
 declare namespace InstanceCard {
     var displayName: string;
 }

package/dist/instance-card.d.ts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Instance } from './install-actions.js';
-import { C as ChannelRelease, I as InstallOptions } from './install-Bi1qJ8Bu.js';
-import './actions/index.js';
+import { C as ChannelRelease, I as InstallOptions, S as SecurityReleaseImage, G as GetSecurityInfoDiffResult } from './index-DkjaogsF.js';
 
 interface InstanceCardProps {
     instance: Instance;
@@ -10,11 +9,14 @@ interface InstanceCardProps {
     installOptions?: InstallOptions[];
     onUpdateClick?: (instanceId: string) => void;
     primaryColor?: string;
+    securityData?: Record<string, SecurityReleaseImage[]>;
+    securityDiffData?: Record<string, GetSecurityInfoDiffResult>;
+    securityEnabled?: boolean;
 }
 /**
  * Instance card component for displaying an instance in the Update page.
  */
-declare function InstanceCard({ instance, isActive, channelReleases, installOptions, onUpdateClick, primaryColor }: InstanceCardProps): react_jsx_runtime.JSX.Element;
+declare function InstanceCard({ instance, isActive, channelReleases, installOptions, onUpdateClick, primaryColor, securityData, securityDiffData, securityEnabled }: InstanceCardProps): react_jsx_runtime.JSX.Element;
 declare namespace InstanceCard {
     var displayName: string;
 }

package/dist/instance-card.js

@@ -2,8 +2,13 @@
 'use strict';
 
 var react = require('react');
+var Link = require('next/link');
 var jsxRuntime = require('react/jsx-runtime');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
 /**
  * Enterprise Portal Components
  * This file is generated by tsup. Do not edit manually.
@@ -68,6 +73,33 @@ function UpdateBadge({ count }) {
   if (count <= 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5 inline-flex h-5 w-5 items-center justify-center rounded-full bg-rose-500 text-xs font-medium text-white", children: count });
 }
+function CVEBadge({ severity, count }) {
+  if (count === 0) return null;
+  const severityColors = {
+    critical: "bg-pink-50 text-pink-600",
+    high: "bg-yellow-50 text-yellow-600",
+    medium: "bg-blue-50 text-blue-400",
+    low: "bg-green-50 text-green-500"
+  };
+  const severityLabels = {
+    critical: "C",
+    high: "H",
+    medium: "M",
+    low: "L"
+  };
+  const colorClass = severityColors[severity] || "bg-gray-50 text-gray-600";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: `inline-flex items-center gap-0.5 rounded-md px-2 py-0.5 text-xs font-medium ${colorClass}`,
+      title: `${count} ${severity} CVE${count > 1 ? "s" : ""}`,
+      children: [
+        count,
+        severityLabels[severity]
+      ]
+    }
+  );
+}
 function StatusBadge({ status }) {
   const colorMap = {
     ready: "bg-green-50 text-green-600",
@@ -89,13 +121,43 @@ function InstanceCard({
   channelReleases = [],
   installOptions = [],
   onUpdateClick,
-  primaryColor = "#6366f1"
+  primaryColor = "#6366f1",
+  securityData = {},
+  securityDiffData = {},
+  securityEnabled = false
 }) {
   const [showInstanceId, setShowInstanceId] = react.useState(false);
   const [showTooltip, setShowTooltip] = react.useState(false);
   const instanceName = getInstanceName(instance);
   const installType = getInstallType(instance, installOptions);
   const availableUpdates = calculateUpdatesForInstance(instance, channelReleases);
+  let securityInstallType = "linux";
+  if (installType === "helm") {
+    securityInstallType = "helm";
+  } else if (installType === "embedded cluster" || installType === null) {
+    securityInstallType = "linux";
+  }
+  const securityInfoKey = instance.channelSequence ? `${instance.channelSequence}-${securityInstallType}-${instance.isAirgap}` : null;
+  const securityInfo = securityInfoKey ? securityData[securityInfoKey] : void 0;
+  const hasSecurityInfo = securityInfo && securityInfo.length > 0;
+  const cveSummary = hasSecurityInfo ? securityInfo.reduce(
+    (acc, image) => {
+      if (!image.security?.result) {
+        return acc;
+      }
+      acc.critical += Object.keys(image.security.result.critical || {}).length;
+      acc.high += Object.keys(image.security.result.high || {}).length;
+      acc.medium += Object.keys(image.security.result.medium || {}).length;
+      acc.low += Object.keys(image.security.result.low || {}).length;
+      return acc;
+    },
+    { critical: 0, high: 0, medium: 0, low: 0 }
+  ) : { critical: 0, high: 0, medium: 0, low: 0 };
+  const hasCVEs = cveSummary.critical > 0 || cveSummary.high > 0 || cveSummary.medium > 0 || cveSummary.low > 0;
+  const securityDiff = securityInfoKey ? securityDiffData[securityInfoKey] : void 0;
+  const hasCriticalFixed = securityDiff?.images ? Object.entries(securityDiff.images).some(
+    ([, image]) => image.removed?.critical && Object.keys(image.removed.critical).length > 0
+  ) : false;
   const displayText = showInstanceId ? instance.id.slice(0, 7) : instanceName || instance.id.slice(0, 7);
   const getTooltipText = () => {
     if (instanceName) {
@@ -172,6 +234,24 @@ function InstanceCard({
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-600", children: formatDateTime(instance.lastCheckin) })
         ] })
       ] }),
+      securityEnabled && hasSecurityInfo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-600", children: "CVEs:" }),
+        hasCVEs && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CVEBadge, { severity: "critical", count: cveSummary.critical }),
+          /* @__PURE__ */ jsxRuntime.jsx(CVEBadge, { severity: "high", count: cveSummary.high }),
+          /* @__PURE__ */ jsxRuntime.jsx(CVEBadge, { severity: "medium", count: cveSummary.medium }),
+          /* @__PURE__ */ jsxRuntime.jsx(CVEBadge, { severity: "low", count: cveSummary.low }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Link__default.default,
+            {
+              href: `/security?sequence=${instance.channelSequence}&installType=${securityInstallType}`,
+              className: "text-xs font-medium text-blue-500 hover:underline",
+              children: "details"
+            }
+          )
+        ] }),
+        !hasCVEs && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-600", children: "None" }) })
+      ] }),
       instance.tags && instance.tags.filter((tag) => tag.key !== "name").length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: instance.tags.filter((tag) => tag.key !== "name").map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
@@ -186,8 +266,8 @@ function InstanceCard({
       {
         onClick: handleUpdateClick,
         className: "rounded px-4 py-1.5 text-sm font-medium text-white transition-opacity hover:opacity-90",
-        style: { backgroundColor: primaryColor },
-        children: "Update available"
+        style: { backgroundColor: hasCriticalFixed ? "#dc2626" : primaryColor },
+        children: hasCriticalFixed ? "Critical update available" : "Update available"
       }
     ) })
   ] }) });

package/dist/instance-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/actions/instances.ts","../src/components/instance-card.tsx"],"names":["jsx","jsxs","useState"],"mappings":";;;;;;;;;;AAoHO,SAAS,cAAA,CACd,UACA,cAAA,EACoC;AACpC,EAAA,MAAM,yBAAA,GACJ,CAAC,QAAA,CAAS,aAAA,IACV,CAAC,QAAA,CAAS,aAAA,IACV,CAAC,QAAA,CAAS,iBAAA;AACZ,EAAA,MAAM,+BAAA,GACJ,SAAS,QAAA,IAAY,yBAAA;AAGvB,EAAA,IAAI,SAAS,iBAAA,EAAmB;AAC9B,IAAA,OAAO,kBAAA;AAAA,EACT;AAGA,EAAA,IAAI,yBAAA,IAA6B,SAAS,eAAA,EAAiB;AACzD,IAAA,OAAO,MAAA;AAAA,EACT;AAIA,EAAA,IAAI,+BAAA,IAAmC,CAAC,QAAA,CAAS,eAAA,EAAiB;AAChE,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,MAAM,wBAAwB,cAAA,CAAe,IAAA;AAAA,QAC3C,CAAC,MAAA,KAAW,MAAA,CAAO,WAAA,KAAgB,QAAA,CAAS;AAAA,OAC9C;AACA,MAAA,IAAI,qBAAA,EAAuB;AACzB,QAAA,IAAI,qBAAA,CAAsB,iBAAiB,MAAA,EAAQ;AACjD,UAAA,OAAO,MAAA;AAAA,QACT;AACA,QAAA,IAAI,qBAAA,CAAsB,iBAAiB,OAAA,EAAS;AAClD,UAAA,OAAO,kBAAA;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAEA,IAAA,OAAO,kBAAA;AAAA,EACT;AAEA,EAAA,OAAO,IAAA;AACT;AAKO,SAAS,2BAAA,CACd,UACA,eAAA,EACQ;AACR,EAAA,IAAI,CAAC,eAAA,IAAmB,CAAC,KAAA,CAAM,OAAA,CAAQ,eAAe,CAAA,EAAG;AACvD,IAAA,OAAO,CAAA;AAAA,EACT;AAEA,EAAA,MAAM,uBAAA,GAA0B,SAAS,eAAA,IAAmB,CAAA;AAG5D,EAAA,MAAM,mBAAmB,eAAA,CAAgB,MAAA;AAAA,IACvC,CAAC,OAAA,KAAY,OAAA,CAAQ,SAAA,KAAc,QAAA,CAAS;AAAA,GAC9C;AAEA,EAAA,OAAO,gBAAA,CAAiB,MAAA;AAAA,IACtB,CAAC,OAAA,KAAY,OAAA,CAAQ,eAAA,GAAkB;AAAA,GACzC,CAAE,MAAA;AACJ;AAKO,SAAS,gBAAgB,QAAA,EAA4B;AAC1D,EAAA,MAAM,OAAA,GAAU,SAAS,IAAA,EAAM,IAAA,CAAK,CAAC,GAAA,KAAQ,GAAA,CAAI,QAAQ,MAAM,CAAA;AAC/D,EAAA,OAAO,SAAS,KAAA,IAAS,QAAA,CAAS,EAAA,CAAG,KAAA,CAAM,GAAG,CAAC,CAAA;AACjD;AC3KA,SAAS,eAAe,UAAA,EAA6B;AACnD,EAAA,IAAI,CAAC,YAAY,OAAO,KAAA;AACxB,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,UAAU,CAAA;AAChC,EAAA,OAAO,IAAA,CAAK,mBAAmB,OAAA,EAAS;AAAA,IACtC,KAAA,EAAO,SAAA;AAAA,IACP,GAAA,EAAK,SAAA;AAAA,IACL,IAAA,EAAM,SAAA;AAAA,IACN,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACT,CAAA;AACH;AAKA,SAAS,WAAA,CAAY,EAAE,KAAA,EAAM,EAAsB;AACjD,EAAA,IAAI,KAAA,IAAS,GAAG,OAAO,IAAA;AACvB,EAAA,uBACEA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gHAAA,EACb,QAAA,EAAA,KAAA,EACH,CAAA;AAEJ;AAKA,SAAS,WAAA,CAAY,EAAE,MAAA,EAAO,EAAuB;AACnD,EAAA,MAAM,QAAA,GAAmC;AAAA,IACvC,KAAA,EAAO,4BAAA;AAAA,IACP,QAAA,EAAU,4BAAA;AAAA,IACV,OAAA,EAAS,0BAAA;AAAA,IACT,OAAA,EAAS,0BAAA;AAAA,IACT,WAAA,EAAa,0BAAA;AAAA,IACb,QAAA,EAAU;AAAA,GACZ;AAEA,EAAA,MAAM,UAAA,GAAa,QAAA,CAAS,MAAM,CAAA,IAAK,0BAAA;AAEvC,EAAA,uBACEC,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,CAAA,4EAAA,EAA+E,UAAU,CAAA,CAAA,EACvG,QAAA,EAAA;AAAA,IAAA,MAAA;AAAA,oBACDD,cAAA,CAAC,SAAI,SAAA,EAAU,SAAA,EAAU,MAAK,MAAA,EAAO,OAAA,EAAQ,aAAY,MAAA,EAAO,cAAA,EAC9D,yCAAC,MAAA,EAAA,EAAK,aAAA,EAAc,SAAQ,cAAA,EAAe,OAAA,EAAQ,aAAa,CAAA,EAAG,CAAA,EAAE,kBAAiB,CAAA,EACxF;AAAA,GAAA,EACF,CAAA;AAEJ;AAKO,SAAS,YAAA,CAAa;AAAA,EAC3B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,kBAAkB,EAAC;AAAA,EACnB,iBAAiB,EAAC;AAAA,EAClB,aAAA;AAAA,EACA,YAAA,GAAe;AACjB,CAAA,EAAsB;AACpB,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIE,eAAS,KAAK,CAAA;AAC1D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAS,KAAK,CAAA;AAEpD,EAAA,MAAM,YAAA,GAAe,gBAAgB,QAAQ,CAAA;AAC7C,EAAA,MAAM,WAAA,GAAc,cAAA,CAAe,QAAA,EAAU,cAAc,CAAA;AAC3D,EAAA,MAAM,gBAAA,GAAmB,2BAAA,CAA4B,QAAA,EAAU,eAAe,CAAA;AAG9E,EAAA,MAAM,WAAA,GAAc,cAAA,GAChB,QAAA,CAAS,EAAA,CAAG,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,GACtB,YAAA,IAAgB,QAAA,CAAS,EAAA,CAAG,KAAA,CAAM,GAAG,CAAC,CAAA;AAG1C,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,OAAO,iBACH,6BAAA,GACA,2BAAA;AAAA,IACN;AACA,IAAA,OAAO,aAAA;AAAA,EACT,CAAA;AAGA,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,IAAI,CAAC,QAAA,CAAS,cAAA,IAAkB,QAAA,CAAS,cAAA,CAAe,WAAW,CAAA,EAAG;AACpE,MAAA,OAAO,SAAA;AAAA,IACT;AAEA,IAAA,MAAM,cAAc,QAAA,CAAS,cAAA,CAAe,MAAA,CAAO,CAAC,KAAK,QAAA,KAAa;AACpE,MAAA,GAAA,CAAI,SAAS,KAAK,CAAA,GAAA,CAAK,IAAI,QAAA,CAAS,KAAK,KAAK,CAAA,IAAK,CAAA;AACnD,MAAA,OAAO,GAAA;AAAA,IACT,CAAA,EAAG,EAA4B,CAAA;AAG/B,IAAA,IAAI,QAAA,GAAW,CAAA;AACf,IAAA,IAAI,SAAA,GAAY,SAAA;AAChB,IAAA,KAAA,MAAW,CAAC,MAAA,EAAQ,KAAK,KAAK,MAAA,CAAO,OAAA,CAAQ,WAAW,CAAA,EAAG;AACzD,MAAA,IAAI,QAAQ,QAAA,EAAU;AACpB,QAAA,QAAA,GAAW,KAAA;AACX,QAAA,SAAA,GAAY,MAAA;AAAA,MACd;AAAA,IACF;AACA,IAAA,OAAO,SAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,gBAAgB,gBAAA,EAAiB;AAEvC,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,IAAI,aAAA,EAAe;AACjB,MAAA,aAAA,CAAc,SAAS,EAAE,CAAA;AAAA,IAC3B;AAAA,EACF,CAAA;AAEA,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,kDACb,QAAA,kBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sCAAA,EAEb,QAAA,EAAA;AAAA,oBAAAD,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,CAAA,4BAAA,EACT,QAAA,GAAW,cAAA,GAAiB,aAC9B,CAAA;AAAA;AAAA,KACF;AAAA,oBAGAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAEb,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yCAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAAD,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,kEAAA;AAAA,cACV,OAAA,EAAS,MAAM,iBAAA,CAAkB,CAAC,cAAc,CAAA;AAAA,cAChD,YAAA,EAAc,MAAM,cAAA,CAAe,IAAI,CAAA;AAAA,cACvC,YAAA,EAAc,MAAM,cAAA,CAAe,KAAK,CAAA;AAAA,cACxC,KAAA,EAAO,cAAA,GAAiB,QAAA,CAAS,EAAA,GAAK,gBAAgB,QAAA,CAAS,EAAA;AAAA,cAE9D,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UACC,WAAA,oBACCC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6HAAA,EACZ,QAAA,EAAA;AAAA,YAAA,cAAA,EAAe;AAAA,4BAChBD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2FAAA,EAA4F;AAAA,WAAA,EAC7G;AAAA,SAAA,EAEJ,CAAA;AAAA,wBACAC,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+CAAA,EAAgD,QAAA,EAAA;AAAA,UAAA,WAAA;AAAA,UACpD,SAAS,YAAA,IAAgB,SAAA;AAAA,0BACnCD,cAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,gBAAA,EAAkB;AAAA,SAAA,EACxC,CAAA;AAAA,QACC,SAAS,QAAA,oBACRA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8EAA6E,QAAA,EAAA,SAAA,EAE7F,CAAA;AAAA,QAED,WAAA,oBACCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0EACb,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,QAED,QAAA,CAAS,kBAAkB,QAAA,CAAS,cAAA,CAAe,SAAS,CAAA,oBAC3DA,cAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQ,aAAA,EAAe;AAAA,OAAA,EAExC,CAAA;AAAA,sBAGAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,yCACtD,MAAA,EAAA,EAAK,SAAA,EAAU,yBACb,QAAA,EAAA,cAAA,CAAe,QAAA,CAAS,YAAY,CAAA,EACvC;AAAA,SAAA,EACF,CAAA;AAAA,wBACAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,gBAAA,EAAc,CAAA;AAAA,yCACrD,MAAA,EAAA,EAAK,SAAA,EAAU,yBACb,QAAA,EAAA,cAAA,CAAe,QAAA,CAAS,WAAW,CAAA,EACtC;AAAA,SAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,MAGC,QAAA,CAAS,IAAA,IAAQ,QAAA,CAAS,IAAA,CAAK,MAAA,CAAO,CAAA,GAAA,KAAO,GAAA,CAAI,GAAA,KAAQ,MAAM,CAAA,CAAE,MAAA,GAAS,CAAA,oBACzEA,cAAA,CAAC,SAAI,SAAA,EAAU,sBAAA,EACZ,QAAA,EAAA,QAAA,CAAS,IAAA,CACP,MAAA,CAAO,CAAA,GAAA,KAAO,GAAA,CAAI,GAAA,KAAQ,MAAM,CAAA,CAChC,GAAA,CAAI,CAAC,GAAA,qBACJA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UAEC,SAAA,EAAU,wDAAA;AAAA,UAET,QAAA,EAAA,GAAA,CAAI;AAAA,SAAA;AAAA,QAHA,GAAA,CAAI;AAAA,OAKZ,CAAA,EACL;AAAA,KAAA,EAEJ,CAAA;AAAA,IAGC,gBAAA,GAAmB,CAAA,oBAClBA,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mBAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,iBAAA;AAAA,QACT,SAAA,EAAU,wFAAA;AAAA,QACV,KAAA,EAAO,EAAE,eAAA,EAAiB,YAAA,EAAa;AAAA,QACxC,QAAA,EAAA;AAAA;AAAA,KAED,EACF;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA","file":"instance-card.js","sourcesContent":["/**\n * Instance-related server actions for the Update page.\n * \n * These actions handle fetching and managing instances including:\n * - Listing all instances (online and airgap)\n * - Fetching install options for instances\n * - Calculating update availability\n */\n\nimport { authenticatedFetch } from \"../utils/api-client\";\nimport { getApiOrigin, getCustomerIdFromToken } from \"./index\";\nimport type { PortalActionContext } from \"./index\";\nimport type { ChannelRelease, InstallOptions } from \"./install\";\nexport type { InstallOptions } from \"./install\";\n\n// =============================================================================\n// Types - Instance\n// =============================================================================\n\nexport type ResourceStatus = \"ready\" | \"updating\" | \"unknown\" | \"missing\" | \"unavailable\" | \"degraded\";\n\nexport interface ResourceState {\n  kind: string;\n  name: string;\n  namespace: string;\n  state: ResourceStatus;\n}\n\nexport interface InstanceTag {\n  key: string;\n  value: string;\n  origin?: string;\n}\n\nexport interface Instance {\n  id: string;\n  firstCheckin: string;\n  firstReadyAt?: string;\n  lastCheckin: string;\n  isAirgap: boolean;\n  appStatus?: string;\n  resourceStates?: ResourceState[];\n  versionLabel?: string;\n  channelId?: string;\n  channelSequence?: number;\n  serviceAccountId?: string;\n  embeddedClusterId?: string;\n  kotsInstallId?: string;\n  kurlInstallId?: string;\n  k8sVersion?: string;\n  k8sDistribution?: string;\n  tags?: InstanceTag[];\n}\n\nexport interface FetchInstancesInput {\n  token: string;\n}\n\nexport interface FetchInstancesResult {\n  instances: Instance[];\n  online: Instance[];\n  airgap: Instance[];\n}\n\n// =============================================================================\n// Types - Install Options by Instance\n// =============================================================================\n\nexport interface FetchInstallOptionsByInstanceIdsInput {\n  token: string;\n  instanceIds: string[];\n}\n\nexport interface FetchInstallOptionsByInstanceIdsResult {\n  installOptions: InstallOptions[];\n}\n\n// =============================================================================\n// Constants\n// =============================================================================\n\n/** 24 hours in milliseconds - threshold for active vs inactive instances */\nexport const ACTIVE_INSTANCE_THRESHOLD_MS = 24 * 60 * 60 * 1000;\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/**\n * Determines if an instance is active based on last check-in time.\n * Active = last check-in within the last 24 hours.\n */\nexport function isInstanceActive(instance: Instance): boolean {\n  if (!instance.lastCheckin) {\n    return false;\n  }\n  const lastCheckinTime = new Date(instance.lastCheckin).getTime();\n  const threshold = Date.now() - ACTIVE_INSTANCE_THRESHOLD_MS;\n  return lastCheckinTime > threshold;\n}\n\n/**\n * Filters instances into active and inactive lists.\n */\nexport function filterActiveInactiveInstances(instances: Instance[]): {\n  activeInstances: Instance[];\n  inactiveInstances: Instance[];\n} {\n  const activeInstances = instances.filter(isInstanceActive);\n  const inactiveInstances = instances.filter((instance) => !isInstanceActive(instance));\n  return { activeInstances, inactiveInstances };\n}\n\n/**\n * Gets the install type for an instance based on instance data and install options.\n */\nexport function getInstallType(\n  instance: Instance,\n  installOptions?: InstallOptions[]\n): \"helm\" | \"embedded cluster\" | null {\n  const instanceHasNoInstallTypes =\n    !instance.kotsInstallId &&\n    !instance.kurlInstallId &&\n    !instance.embeddedClusterId;\n  const isManuallyCreatedAirgapInstance =\n    instance.isAirgap && instanceHasNoInstallTypes;\n\n  // Check for embedded cluster first - explicitly set\n  if (instance.embeddedClusterId) {\n    return \"embedded cluster\";\n  }\n\n  // Check for helm install with k8s info\n  if (instanceHasNoInstallTypes && instance.k8sDistribution) {\n    return \"helm\";\n  }\n\n  // Default fallback for ambiguous cases (manually created airgap without k8s info):\n  // Check install options first, then assume embedded cluster\n  if (isManuallyCreatedAirgapInstance && !instance.k8sDistribution) {\n    if (installOptions) {\n      const matchingInstallOption = installOptions.find(\n        (option) => option.instance_id === instance.id\n      );\n      if (matchingInstallOption) {\n        if (matchingInstallOption.install_type === \"helm\") {\n          return \"helm\";\n        }\n        if (matchingInstallOption.install_type === \"linux\") {\n          return \"embedded cluster\";\n        }\n      }\n    }\n    // Final fallback: assume embedded cluster\n    return \"embedded cluster\";\n  }\n\n  return null;\n}\n\n/**\n * Calculates the number of available updates for an instance.\n */\nexport function calculateUpdatesForInstance(\n  instance: Instance,\n  channelReleases: ChannelRelease[]\n): number {\n  if (!channelReleases || !Array.isArray(channelReleases)) {\n    return 0;\n  }\n\n  const instanceChannelSequence = instance.channelSequence ?? 0;\n\n  // Filter to matching channel and count releases with higher sequence\n  const matchingReleases = channelReleases.filter(\n    (release) => release.channelId === instance.channelId\n  );\n\n  return matchingReleases.filter(\n    (release) => release.channelSequence > instanceChannelSequence\n  ).length;\n}\n\n/**\n * Gets the instance name from tags or returns truncated ID.\n */\nexport function getInstanceName(instance: Instance): string {\n  const nameTag = instance.tags?.find((tag) => tag.key === \"name\");\n  return nameTag?.value || instance.id.slice(0, 7);\n}\n\n// =============================================================================\n// Actions\n// =============================================================================\n\n/**\n * Fetches all instances for the customer.\n * Returns instances split into online and airgap categories.\n */\nexport async function fetchInstances(\n  input: FetchInstancesInput,\n  context?: PortalActionContext\n): Promise<FetchInstancesResult> {\n  const { token } = input;\n\n  if (!token || typeof token !== \"string\") {\n    throw new Error(\"fetchInstances requires a session token\");\n  }\n\n  const customerId = getCustomerIdFromToken(token);\n  const origin = getApiOrigin();\n\n  // NEW: Use Enterprise Portal API endpoint (no customer_id needed)\n  const url = new URL(`${origin}/enterprise-portal/instances`);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    console.debug(\"[portal-components] fetching instances via %s\", url.toString());\n  }\n\n  const response = await authenticatedFetch(url.toString(), {\n    method: \"GET\",\n    token,\n    headers: {\n      accept: \"application/json\"\n    },\n    signal: context?.signal\n  });\n\n  if (!response.ok) {\n    const errorText = await response.text();\n    throw new Error(\n      `Instances request failed (${response.status} ${response.statusText}): ${errorText}`\n    );\n  }\n\n  const payload = await response.json();\n  // Extract from Enterprise Portal API envelope\n  const data = payload.data;\n  const allInstances: Instance[] = data?.instances || [];\n\n  // Split into online and airgap\n  const online = allInstances.filter((instance) => !instance.isAirgap);\n  const airgap = allInstances.filter((instance) => instance.isAirgap);\n\n  return {\n    instances: allInstances,\n    online,\n    airgap\n  };\n}\n\n// =============================================================================\n// Types - Create Air Gap Instance\n// =============================================================================\n\nexport type AirgapInstanceStatus = \"unavailable\" | \"missing\";\n\nexport interface CreateAirgapInstanceInput {\n  token: string;\n  serviceAccountId: string;\n  instanceName?: string;\n  channelId: string;\n  channelSequence: number;\n  k8sVersion?: string;\n  k8sDistribution?: string;\n  appStatus?: AirgapInstanceStatus;\n}\n\nexport interface CreateAirgapInstanceResult {\n  instanceId: string;\n  licenseId: string;\n  createdAt: string;\n  lastActive: string;\n  appFirstReadyAt: string | null;\n  appStatus: string;\n  isAirgap: boolean;\n  channelId?: string;\n  channelSequence?: number;\n  k8sVersion?: string;\n  k8sDistribution?: string;\n}\n\n/**\n * Creates an air gap instance record manually.\n * This is used when customers want to track air gap instances that can't check in.\n */\nexport async function createAirgapInstance(\n  input: CreateAirgapInstanceInput,\n  context?: PortalActionContext\n): Promise<CreateAirgapInstanceResult> {\n  const {\n    token,\n    serviceAccountId,\n    instanceName,\n    channelId,\n    channelSequence,\n    k8sVersion,\n    k8sDistribution,\n    appStatus = \"missing\"\n  } = input;\n\n  if (!token || typeof token !== \"string\") {\n    throw new Error(\"createAirgapInstance requires a session token\");\n  }\n\n  if (!serviceAccountId?.trim()) {\n    throw new Error(\"Service account ID is required\");\n  }\n\n  if (!channelId?.trim()) {\n    throw new Error(\"Channel ID is required\");\n  }\n\n  const origin = getApiOrigin();\n\n  // NEW: Use Enterprise Portal API endpoint (no customer_id needed)\n  const url = new URL(`${origin}/enterprise-portal/instances/airgap`);\n\n  const body: Record<string, unknown> = {\n    service_account_id: serviceAccountId.trim(),\n    channel_id: channelId.trim(),\n    channel_sequence: channelSequence,\n    app_status: appStatus\n  };\n\n  if (instanceName?.trim()) {\n    body.instance_name = instanceName.trim();\n  }\n  if (k8sVersion?.trim()) {\n    body.k8s_version = k8sVersion.trim();\n  }\n  if (k8sDistribution?.trim()) {\n    body.k8s_distribution = k8sDistribution.trim();\n  }\n\n  if (process.env.NODE_ENV !== \"production\") {\n    console.debug(\"[portal-components] creating airgap instance via %s\", url.toString());\n  }\n\n  const response = await authenticatedFetch(url.toString(), {\n    method: \"POST\",\n    token,\n    headers: {\n      \"content-type\": \"application/json\",\n      accept: \"application/json\"\n    },\n    body: JSON.stringify(body),\n    signal: context?.signal\n  });\n\n  if (!response.ok) {\n    const errorText = await response.text();\n    let errorMessage = \"Failed to create airgap instance\";\n    try {\n      const errorData = JSON.parse(errorText);\n      errorMessage = errorData.error || errorData.message || errorMessage;\n    } catch {\n      // Use default message\n    }\n    throw new Error(errorMessage);\n  }\n\n  const data = await response.json();\n  \n  return {\n    instanceId: data.instance_id,\n    licenseId: data.license_id,\n    createdAt: data.created_at,\n    lastActive: data.last_active,\n    appFirstReadyAt: data.app_first_ready_at,\n    appStatus: data.app_status,\n    isAirgap: data.is_airgap,\n    channelId: data.channel_id,\n    channelSequence: data.channel_sequence,\n    k8sVersion: data.k8s_version,\n    k8sDistribution: data.k8s_distribution\n  };\n}\n\n// =============================================================================\n// Types - Update Air Gap Instance\n// =============================================================================\n\nexport interface UpdateAirgapInstanceInput {\n  token: string;\n  instanceId: string;\n  serviceAccountId?: string;\n  channelId: string;\n  channelSequence: number;\n}\n\nexport interface UpdateAirgapInstanceResult {\n  success: boolean;\n}\n\n/**\n * Updates an air gap instance record (mark update complete).\n * This is called after completing an air gap update to update the instance version.\n */\nexport async function updateAirgapInstance(\n  input: UpdateAirgapInstanceInput,\n  context?: PortalActionContext\n): Promise<UpdateAirgapInstanceResult> {\n  const {\n    token,\n    instanceId,\n    serviceAccountId,\n    channelId,\n    channelSequence\n  } = input;\n\n  if (!token || typeof token !== \"string\") {\n    throw new Error(\"updateAirgapInstance requires a session token\");\n  }\n\n  if (!instanceId?.trim()) {\n    throw new Error(\"Instance ID is required\");\n  }\n\n  if (!channelId?.trim()) {\n    throw new Error(\"Channel ID is required\");\n  }\n\n  const origin = getApiOrigin();\n\n  // NEW: Use Enterprise Portal API endpoint (no customer_id needed)\n  const url = new URL(`${origin}/enterprise-portal/instances/airgap/${instanceId.trim()}`);\n\n  const body: Record<string, unknown> = {\n    channel_id: channelId.trim(),\n    channel_sequence: channelSequence\n  };\n\n  if (serviceAccountId?.trim()) {\n    body.service_account_id = serviceAccountId.trim();\n  }\n\n  if (process.env.NODE_ENV !== \"production\") {\n    console.debug(\"[portal-components] updating airgap instance via %s\", url.toString());\n  }\n\n  const response = await authenticatedFetch(url.toString(), {\n    method: \"PATCH\",\n    token,\n    headers: {\n      \"content-type\": \"application/json\",\n      accept: \"application/json\"\n    },\n    body: JSON.stringify(body),\n    signal: context?.signal\n  });\n\n  if (!response.ok) {\n    const errorText = await response.text();\n    let errorMessage = \"Failed to update airgap instance\";\n    try {\n      const errorData = JSON.parse(errorText);\n      errorMessage = errorData.error || errorData.message || errorMessage;\n    } catch {\n      // Use default message\n    }\n    throw new Error(errorMessage);\n  }\n\n  return { success: true };\n}\n\n/**\n * Fetches install options for a batch of instance IDs.\n * Handles chunking automatically if more than 50 IDs are provided.\n */\nexport async function fetchInstallOptionsByInstanceIds(\n  input: FetchInstallOptionsByInstanceIdsInput,\n  context?: PortalActionContext\n): Promise<FetchInstallOptionsByInstanceIdsResult> {\n  const { token, instanceIds } = input;\n\n  if (!token || typeof token !== \"string\") {\n    throw new Error(\"fetchInstallOptionsByInstanceIds requires a session token\");\n  }\n\n  if (!instanceIds || instanceIds.length === 0) {\n    return { installOptions: [] };\n  }\n\n  const customerId = getCustomerIdFromToken(token);\n  const origin = getApiOrigin();\n\n  // Chunk instance IDs into groups of 50 (API limit)\n  const chunks: string[][] = [];\n  for (let i = 0; i < instanceIds.length; i += 50) {\n    chunks.push(instanceIds.slice(i, i + 50));\n  }\n\n  const allInstallOptions: InstallOptions[] = [];\n\n  for (const chunk of chunks) {\n    if (chunk.length === 0) continue;\n\n    // Build query string with multiple instance_id params\n    const queryParams = chunk\n      .map((id) => `instance_id=${encodeURIComponent(id)}`)\n      .join(\"&\");\n\n    // NEW: Use Enterprise Portal API endpoint (no customer_id needed)\n    const url = `${origin}/enterprise-portal/install-options?${queryParams}`;\n\n    if (process.env.NODE_ENV !== \"production\") {\n      console.debug(\"[portal-components] fetching install options via %s\", url);\n    }\n\n    const response = await authenticatedFetch(url, {\n      method: \"GET\",\n      token,\n      headers: {\n        accept: \"application/json\"\n      },\n      signal: context?.signal\n    });\n\n    if (response.status === 404) {\n      // No install options found for this chunk - continue\n      continue;\n    }\n\n    if (!response.ok) {\n      const errorText = await response.text();\n      throw new Error(\n        `Install options request failed (${response.status} ${response.statusText}): ${errorText}`\n      );\n    }\n\n    const envelope = await response.json();\n    // Extract from Enterprise Portal API envelope\n    const options: InstallOptions[] = envelope?.data?.install_options || [];\n    allInstallOptions.push(...options);\n  }\n\n  return { installOptions: allInstallOptions };\n}\n\n","\"use client\";\n\nimport { useState } from \"react\";\nimport { type Instance, type InstallOptions, getInstallType, getInstanceName, calculateUpdatesForInstance } from \"../actions/instances\";\nimport type { ChannelRelease } from \"../actions/install\";\n\ninterface InstanceCardProps {\n  instance: Instance;\n  isActive: boolean;\n  channelReleases?: ChannelRelease[];\n  installOptions?: InstallOptions[];\n  onUpdateClick?: (instanceId: string) => void;\n  primaryColor?: string;\n}\n\n/**\n * Formats a date string to a human-readable format.\n */\nfunction formatDateTime(dateString?: string): string {\n  if (!dateString) return \"N/A\";\n  const date = new Date(dateString);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"numeric\",\n    day: \"numeric\",\n    year: \"numeric\",\n    hour: \"numeric\",\n    minute: \"2-digit\",\n    hour12: true\n  });\n}\n\n/**\n * Badge component for showing update count.\n */\nfunction UpdateBadge({ count }: { count: number }) {\n  if (count <= 0) return null;\n  return (\n    <span className=\"ml-1.5 inline-flex h-5 w-5 items-center justify-center rounded-full bg-rose-500 text-xs font-medium text-white\">\n      {count}\n    </span>\n  );\n}\n\n/**\n * Badge for resource status.\n */\nfunction StatusBadge({ status }: { status: string }) {\n  const colorMap: Record<string, string> = {\n    ready: \"bg-green-50 text-green-600\",\n    updating: \"bg-green-50 text-green-600\",\n    unknown: \"bg-blue-50 text-blue-500\",\n    missing: \"bg-pink-50 text-pink-600\",\n    unavailable: \"bg-pink-50 text-pink-600\",\n    degraded: \"bg-yellow-50 text-yellow-600\"\n  };\n\n  const colorClass = colorMap[status] || \"bg-gray-50 text-gray-600\";\n\n  return (\n    <span className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium ${colorClass}`}>\n      {status}\n      <svg className=\"h-3 w-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n      </svg>\n    </span>\n  );\n}\n\n/**\n * Instance card component for displaying an instance in the Update page.\n */\nexport function InstanceCard({\n  instance,\n  isActive,\n  channelReleases = [],\n  installOptions = [],\n  onUpdateClick,\n  primaryColor = \"#6366f1\"\n}: InstanceCardProps) {\n  const [showInstanceId, setShowInstanceId] = useState(false);\n  const [showTooltip, setShowTooltip] = useState(false);\n  \n  const instanceName = getInstanceName(instance);\n  const installType = getInstallType(instance, installOptions);\n  const availableUpdates = calculateUpdatesForInstance(instance, channelReleases);\n\n  // Get the display text for the instance name/ID\n  const displayText = showInstanceId \n    ? instance.id.slice(0, 7)\n    : instanceName || instance.id.slice(0, 7);\n\n  // Get the tooltip text\n  const getTooltipText = () => {\n    if (instanceName) {\n      return showInstanceId \n        ? \"Click to show instance name\" \n        : \"Click to show instance ID\";\n    }\n    return \"Instance ID\";\n  };\n\n  // Get overall resource status\n  const getOverallStatus = () => {\n    if (!instance.resourceStates || instance.resourceStates.length === 0) {\n      return \"unknown\";\n    }\n    // Count states\n    const stateCounts = instance.resourceStates.reduce((acc, resource) => {\n      acc[resource.state] = (acc[resource.state] || 0) + 1;\n      return acc;\n    }, {} as Record<string, number>);\n    \n    // Return most common state\n    let maxCount = 0;\n    let maxStatus = \"unknown\";\n    for (const [status, count] of Object.entries(stateCounts)) {\n      if (count > maxCount) {\n        maxCount = count;\n        maxStatus = status;\n      }\n    }\n    return maxStatus;\n  };\n\n  const overallStatus = getOverallStatus();\n\n  const handleUpdateClick = () => {\n    if (onUpdateClick) {\n      onUpdateClick(instance.id);\n    }\n  };\n\n  return (\n    <div className=\"rounded-lg border border-gray-200 bg-white p-4\">\n      <div className=\"grid grid-cols-[auto_1fr_auto] gap-3\">\n        {/* Status indicator dot */}\n        <div\n          className={`mt-1.5 h-2 w-2 rounded-full ${\n            isActive ? \"bg-green-400\" : \"bg-gray-300\"\n          }`}\n        />\n\n        {/* Instance details */}\n        <div className=\"flex flex-col gap-3\">\n          {/* Instance name, version, badges, status */}\n          <div className=\"flex h-min flex-wrap items-center gap-3\">\n            <div className=\"relative\">\n              <span \n                className=\"text-sm font-medium text-gray-900 cursor-pointer hover:underline\"\n                onClick={() => setShowInstanceId(!showInstanceId)}\n                onMouseEnter={() => setShowTooltip(true)}\n                onMouseLeave={() => setShowTooltip(false)}\n                title={showInstanceId ? instance.id : instanceName || instance.id}\n              >\n                {displayText}\n              </span>\n              {showTooltip && (\n                <div className=\"absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 text-xs text-white bg-gray-800 rounded whitespace-nowrap z-10\">\n                  {getTooltipText()}\n                  <div className=\"absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-gray-800\" />\n                </div>\n              )}\n            </div>\n            <span className=\"flex items-center gap-1 text-xs text-gray-600\">\n              Version: {instance.versionLabel || \"Unknown\"}\n              <UpdateBadge count={availableUpdates} />\n            </span>\n            {instance.isAirgap && (\n              <span className=\"rounded-full bg-indigo-100 px-2 py-0.5 text-xs font-medium text-indigo-700\">\n                air gap\n              </span>\n            )}\n            {installType && (\n              <span className=\"rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600\">\n                {installType}\n              </span>\n            )}\n            {instance.resourceStates && instance.resourceStates.length > 0 && (\n              <StatusBadge status={overallStatus} />\n            )}\n          </div>\n\n          {/* Check-in times */}\n          <div className=\"flex flex-wrap gap-4\">\n            <div className=\"flex items-center gap-1\">\n              <span className=\"text-xs text-gray-500\">First check-in:</span>\n              <span className=\"text-xs text-gray-600\">\n                {formatDateTime(instance.firstCheckin)}\n              </span>\n            </div>\n            <div className=\"flex items-center gap-1\">\n              <span className=\"text-xs text-gray-500\">Last check-in:</span>\n              <span className=\"text-xs text-gray-600\">\n                {formatDateTime(instance.lastCheckin)}\n              </span>\n            </div>\n          </div>\n\n          {/* Tags (excluding name) */}\n          {instance.tags && instance.tags.filter(tag => tag.key !== \"name\").length > 0 && (\n            <div className=\"flex flex-wrap gap-2\">\n              {instance.tags\n                .filter(tag => tag.key !== \"name\")\n                .map((tag) => (\n                  <span\n                    key={tag.key}\n                    className=\"rounded-md bg-gray-100 px-2 py-1 text-sm text-gray-600\"\n                  >\n                    {tag.value}\n                  </span>\n                ))}\n            </div>\n          )}\n        </div>\n\n        {/* Update button */}\n        {availableUpdates > 0 && (\n          <div className=\"flex items-center\">\n            <button\n              onClick={handleUpdateClick}\n              className=\"rounded px-4 py-1.5 text-sm font-medium text-white transition-opacity hover:opacity-90\"\n              style={{ backgroundColor: primaryColor }}\n            >\n              Update available\n            </button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nInstanceCard.displayName = \"InstanceCard\";\n\n"]}
+{"version":3,"sources":["../src/actions/instances.ts","../src/components/instance-card.tsx"],"names":["jsx","jsxs","useState","Link"],"mappings":"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","file":"instance-card.js","sourcesContent":["/**\n * Instance-related server actions for the Update page.\n * \n * These actions handle fetching and managing instances including:\n * - Listing all instances (online and airgap)\n * - Fetching install options for instances\n * - Calculating update availability\n */\n\nimport { authenticatedFetch } from \"../utils/api-client\";\nimport { getApiOrigin, getCustomerIdFromToken } from \"./index\";\nimport type { PortalActionContext } from \"./index\";\nimport type { ChannelRelease, InstallOptions } from \"./install\";\nexport type { InstallOptions } from \"./install\";\n\n// =============================================================================\n// Types - Instance\n// =============================================================================\n\nexport type ResourceStatus = \"ready\" | \"updating\" | \"unknown\" | \"missing\" | \"unavailable\" | \"degraded\";\n\nexport interface ResourceState {\n  kind: string;\n  name: string;\n  namespace: string;\n  state: ResourceStatus;\n}\n\nexport interface InstanceTag {\n  key: string;\n  value: string;\n  origin?: string;\n}\n\nexport interface Instance {\n  id: string;\n  firstCheckin: string;\n  firstReadyAt?: string;\n  lastCheckin: string;\n  isAirgap: boolean;\n  appStatus?: string;\n  resourceStates?: ResourceState[];\n  versionLabel?: string;\n  channelId?: string;\n  channelSequence?: number;\n  serviceAccountId?: string;\n  embeddedClusterId?: string;\n  kotsInstallId?: string;\n  kurlInstallId?: string;\n  k8sVersion?: string;\n  k8sDistribution?: string;\n  tags?: InstanceTag[];\n}\n\nexport interface FetchInstancesInput {\n  token: string;\n}\n\nexport interface FetchInstancesResult {\n  instances: Instance[];\n  online: Instance[];\n  airgap: Instance[];\n}\n\n// =============================================================================\n// Types - Install Options by Instance\n// =============================================================================\n\nexport interface FetchInstallOptionsByInstanceIdsInput {\n  token: string;\n  instanceIds: string[];\n}\n\nexport interface FetchInstallOptionsByInstanceIdsResult {\n  installOptions: InstallOptions[];\n}\n\n// =============================================================================\n// Constants\n// =============================================================================\n\n/** 24 hours in milliseconds - threshold for active vs inactive instances */\nexport const ACTIVE_INSTANCE_THRESHOLD_MS = 24 * 60 * 60 * 1000;\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/**\n * Determines if an instance is active based on last check-in time.\n * Active = last check-in within the last 24 hours.\n */\nexport function isInstanceActive(instance: Instance): boolean {\n  if (!instance.lastCheckin) {\n    return false;\n  }\n  const lastCheckinTime = new Date(instance.lastCheckin).getTime();\n  const threshold = Date.now() - ACTIVE_INSTANCE_THRESHOLD_MS;\n  return lastCheckinTime > threshold;\n}\n\n/**\n * Filters instances into active and inactive lists.\n */\nexport function filterActiveInactiveInstances(instances: Instance[]): {\n  activeInstances: Instance[];\n  inactiveInstances: Instance[];\n} {\n  const activeInstances = instances.filter(isInstanceActive);\n  const inactiveInstances = instances.filter((instance) => !isInstanceActive(instance));\n  return { activeInstances, inactiveInstances };\n}\n\n/**\n * Gets the install type for an instance based on instance data and install options.\n */\nexport function getInstallType(\n  instance: Instance,\n  installOptions?: InstallOptions[]\n): \"helm\" | \"embedded cluster\" | null {\n  const instanceHasNoInstallTypes =\n    !instance.kotsInstallId &&\n    !instance.kurlInstallId &&\n    !instance.embeddedClusterId;\n  const isManuallyCreatedAirgapInstance =\n    instance.isAirgap && instanceHasNoInstallTypes;\n\n  // Check for embedded cluster first - explicitly set\n  if (instance.embeddedClusterId) {\n    return \"embedded cluster\";\n  }\n\n  // Check for helm install with k8s info\n  if (instanceHasNoInstallTypes && instance.k8sDistribution) {\n    return \"helm\";\n  }\n\n  // Default fallback for ambiguous cases (manually created airgap without k8s info):\n  // Check install options first, then assume embedded cluster\n  if (isManuallyCreatedAirgapInstance && !instance.k8sDistribution) {\n    if (installOptions) {\n      const matchingInstallOption = installOptions.find(\n        (option) => option.instance_id === instance.id\n      );\n      if (matchingInstallOption) {\n        if (matchingInstallOption.install_type === \"helm\") {\n          return \"helm\";\n        }\n        if (matchingInstallOption.install_type === \"linux\") {\n          return \"embedded cluster\";\n        }\n      }\n    }\n    // Final fallback: assume embedded cluster\n    return \"embedded cluster\";\n  }\n\n  return null;\n}\n\n/**\n * Calculates the number of available updates for an instance.\n */\nexport function calculateUpdatesForInstance(\n  instance: Instance,\n  channelReleases: ChannelRelease[]\n): number {\n  if (!channelReleases || !Array.isArray(channelReleases)) {\n    return 0;\n  }\n\n  const instanceChannelSequence = instance.channelSequence ?? 0;\n\n  // Filter to matching channel and count releases with higher sequence\n  const matchingReleases = channelReleases.filter(\n    (release) => release.channelId === instance.channelId\n  );\n\n  return matchingReleases.filter(\n    (release) => release.channelSequence > instanceChannelSequence\n  ).length;\n}\n\n/**\n * Gets the instance name from tags or returns truncated ID.\n */\nexport function getInstanceName(instance: Instance): string {\n  const nameTag = instance.tags?.find((tag) => tag.key === \"name\");\n  return nameTag?.value || instance.id.slice(0, 7);\n}\n\n// =============================================================================\n// Actions\n// =============================================================================\n\n/**\n * Fetches all instances for the customer.\n * Returns instances split into online and airgap categories.\n */\nexport async function fetchInstances(\n  input: FetchInstancesInput,\n  context?: PortalActionContext\n): Promise<FetchInstancesResult> {\n  const { token } = input;\n\n  if (!token || typeof token !== \"string\") {\n    throw new Error(\"fetchInstances requires a session token\");\n  }\n\n  const customerId = getCustomerIdFromToken(token);\n  const origin = getApiOrigin();\n\n  // NEW: Use Enterprise Portal API endpoint (no customer_id needed)\n  const url = new URL(`${origin}/enterprise-portal/instances`);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    console.debug(\"[portal-components] fetching instances via %s\", url.toString());\n  }\n\n  const response = await authenticatedFetch(url.toString(), {\n    method: \"GET\",\n    token,\n    headers: {\n      accept: \"application/json\"\n    },\n    signal: context?.signal\n  });\n\n  if (!response.ok) {\n    const errorText = await response.text();\n    throw new Error(\n      `Instances request failed (${response.status} ${response.statusText}): ${errorText}`\n    );\n  }\n\n  const payload = await response.json();\n  // Extract from Enterprise Portal API envelope\n  const data = payload.data;\n  const allInstances: Instance[] = data?.instances || [];\n\n  // Split into online and airgap\n  const online = allInstances.filter((instance) => !instance.isAirgap);\n  const airgap = allInstances.filter((instance) => instance.isAirgap);\n\n  return {\n    instances: allInstances,\n    online,\n    airgap\n  };\n}\n\n// =============================================================================\n// Types - Create Air Gap Instance\n// =============================================================================\n\nexport type AirgapInstanceStatus = \"unavailable\" | \"missing\";\n\nexport interface CreateAirgapInstanceInput {\n  token: string;\n  serviceAccountId: string;\n  instanceName?: string;\n  channelId: string;\n  channelSequence: number;\n  k8sVersion?: string;\n  k8sDistribution?: string;\n  appStatus?: AirgapInstanceStatus;\n}\n\nexport interface CreateAirgapInstanceResult {\n  instanceId: string;\n  licenseId: string;\n  createdAt: string;\n  lastActive: string;\n  appFirstReadyAt: string | null;\n  appStatus: string;\n  isAirgap: boolean;\n  channelId?: string;\n  channelSequence?: number;\n  k8sVersion?: string;\n  k8sDistribution?: string;\n}\n\n/**\n * Creates an air gap instance record manually.\n * This is used when customers want to track air gap instances that can't check in.\n */\nexport async function createAirgapInstance(\n  input: CreateAirgapInstanceInput,\n  context?: PortalActionContext\n): Promise<CreateAirgapInstanceResult> {\n  const {\n    token,\n    serviceAccountId,\n    instanceName,\n    channelId,\n    channelSequence,\n    k8sVersion,\n    k8sDistribution,\n    appStatus = \"missing\"\n  } = input;\n\n  if (!token || typeof token !== \"string\") {\n    throw new Error(\"createAirgapInstance requires a session token\");\n  }\n\n  if (!serviceAccountId?.trim()) {\n    throw new Error(\"Service account ID is required\");\n  }\n\n  if (!channelId?.trim()) {\n    throw new Error(\"Channel ID is required\");\n  }\n\n  const origin = getApiOrigin();\n\n  // NEW: Use Enterprise Portal API endpoint (no customer_id needed)\n  const url = new URL(`${origin}/enterprise-portal/instances/airgap`);\n\n  const body: Record<string, unknown> = {\n    service_account_id: serviceAccountId.trim(),\n    channel_id: channelId.trim(),\n    channel_sequence: channelSequence,\n    app_status: appStatus\n  };\n\n  if (instanceName?.trim()) {\n    body.instance_name = instanceName.trim();\n  }\n  if (k8sVersion?.trim()) {\n    body.k8s_version = k8sVersion.trim();\n  }\n  if (k8sDistribution?.trim()) {\n    body.k8s_distribution = k8sDistribution.trim();\n  }\n\n  if (process.env.NODE_ENV !== \"production\") {\n    console.debug(\"[portal-components] creating airgap instance via %s\", url.toString());\n  }\n\n  const response = await authenticatedFetch(url.toString(), {\n    method: \"POST\",\n    token,\n    headers: {\n      \"content-type\": \"application/json\",\n      accept: \"application/json\"\n    },\n    body: JSON.stringify(body),\n    signal: context?.signal\n  });\n\n  if (!response.ok) {\n    const errorText = await response.text();\n    let errorMessage = \"Failed to create airgap instance\";\n    try {\n      const errorData = JSON.parse(errorText);\n      errorMessage = errorData.error || errorData.message || errorMessage;\n    } catch {\n      // Use default message\n    }\n    throw new Error(errorMessage);\n  }\n\n  const data = await response.json();\n  \n  return {\n    instanceId: data.instance_id,\n    licenseId: data.license_id,\n    createdAt: data.created_at,\n    lastActive: data.last_active,\n    appFirstReadyAt: data.app_first_ready_at,\n    appStatus: data.app_status,\n    isAirgap: data.is_airgap,\n    channelId: data.channel_id,\n    channelSequence: data.channel_sequence,\n    k8sVersion: data.k8s_version,\n    k8sDistribution: data.k8s_distribution\n  };\n}\n\n// =============================================================================\n// Types - Update Air Gap Instance\n// =============================================================================\n\nexport interface UpdateAirgapInstanceInput {\n  token: string;\n  instanceId: string;\n  serviceAccountId?: string;\n  channelId: string;\n  channelSequence: number;\n}\n\nexport interface UpdateAirgapInstanceResult {\n  success: boolean;\n}\n\n/**\n * Updates an air gap instance record (mark update complete).\n * This is called after completing an air gap update to update the instance version.\n */\nexport async function updateAirgapInstance(\n  input: UpdateAirgapInstanceInput,\n  context?: PortalActionContext\n): Promise<UpdateAirgapInstanceResult> {\n  const {\n    token,\n    instanceId,\n    serviceAccountId,\n    channelId,\n    channelSequence\n  } = input;\n\n  if (!token || typeof token !== \"string\") {\n    throw new Error(\"updateAirgapInstance requires a session token\");\n  }\n\n  if (!instanceId?.trim()) {\n    throw new Error(\"Instance ID is required\");\n  }\n\n  if (!channelId?.trim()) {\n    throw new Error(\"Channel ID is required\");\n  }\n\n  const origin = getApiOrigin();\n\n  // NEW: Use Enterprise Portal API endpoint (no customer_id needed)\n  const url = new URL(`${origin}/enterprise-portal/instances/airgap/${instanceId.trim()}`);\n\n  const body: Record<string, unknown> = {\n    channel_id: channelId.trim(),\n    channel_sequence: channelSequence\n  };\n\n  if (serviceAccountId?.trim()) {\n    body.service_account_id = serviceAccountId.trim();\n  }\n\n  if (process.env.NODE_ENV !== \"production\") {\n    console.debug(\"[portal-components] updating airgap instance via %s\", url.toString());\n  }\n\n  const response = await authenticatedFetch(url.toString(), {\n    method: \"PATCH\",\n    token,\n    headers: {\n      \"content-type\": \"application/json\",\n      accept: \"application/json\"\n    },\n    body: JSON.stringify(body),\n    signal: context?.signal\n  });\n\n  if (!response.ok) {\n    const errorText = await response.text();\n    let errorMessage = \"Failed to update airgap instance\";\n    try {\n      const errorData = JSON.parse(errorText);\n      errorMessage = errorData.error || errorData.message || errorMessage;\n    } catch {\n      // Use default message\n    }\n    throw new Error(errorMessage);\n  }\n\n  return { success: true };\n}\n\n/**\n * Fetches install options for a batch of instance IDs.\n * Handles chunking automatically if more than 50 IDs are provided.\n */\nexport async function fetchInstallOptionsByInstanceIds(\n  input: FetchInstallOptionsByInstanceIdsInput,\n  context?: PortalActionContext\n): Promise<FetchInstallOptionsByInstanceIdsResult> {\n  const { token, instanceIds } = input;\n\n  if (!token || typeof token !== \"string\") {\n    throw new Error(\"fetchInstallOptionsByInstanceIds requires a session token\");\n  }\n\n  if (!instanceIds || instanceIds.length === 0) {\n    return { installOptions: [] };\n  }\n\n  const customerId = getCustomerIdFromToken(token);\n  const origin = getApiOrigin();\n\n  // Chunk instance IDs into groups of 50 (API limit)\n  const chunks: string[][] = [];\n  for (let i = 0; i < instanceIds.length; i += 50) {\n    chunks.push(instanceIds.slice(i, i + 50));\n  }\n\n  const allInstallOptions: InstallOptions[] = [];\n\n  for (const chunk of chunks) {\n    if (chunk.length === 0) continue;\n\n    // Build query string with multiple instance_id params\n    const queryParams = chunk\n      .map((id) => `instance_id=${encodeURIComponent(id)}`)\n      .join(\"&\");\n\n    // NEW: Use Enterprise Portal API endpoint (no customer_id needed)\n    const url = `${origin}/enterprise-portal/install-options?${queryParams}`;\n\n    if (process.env.NODE_ENV !== \"production\") {\n      console.debug(\"[portal-components] fetching install options via %s\", url);\n    }\n\n    const response = await authenticatedFetch(url, {\n      method: \"GET\",\n      token,\n      headers: {\n        accept: \"application/json\"\n      },\n      signal: context?.signal\n    });\n\n    if (response.status === 404) {\n      // No install options found for this chunk - continue\n      continue;\n    }\n\n    if (!response.ok) {\n      const errorText = await response.text();\n      throw new Error(\n        `Install options request failed (${response.status} ${response.statusText}): ${errorText}`\n      );\n    }\n\n    const envelope = await response.json();\n    // Extract from Enterprise Portal API envelope\n    const options: InstallOptions[] = envelope?.data?.install_options || [];\n    allInstallOptions.push(...options);\n  }\n\n  return { installOptions: allInstallOptions };\n}\n\n","\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"next/link\";\nimport { type Instance, type InstallOptions, getInstallType, getInstanceName, calculateUpdatesForInstance } from \"../actions/instances\";\nimport type { ChannelRelease } from \"../actions/install\";\nimport type { SecurityReleaseImage, GetSecurityInfoDiffResult } from \"../actions\";\n\ninterface InstanceCardProps {\n  instance: Instance;\n  isActive: boolean;\n  channelReleases?: ChannelRelease[];\n  installOptions?: InstallOptions[];\n  onUpdateClick?: (instanceId: string) => void;\n  primaryColor?: string;\n  securityData?: Record<string, SecurityReleaseImage[]>;\n  securityDiffData?: Record<string, GetSecurityInfoDiffResult>;\n  securityEnabled?: boolean;\n}\n\ntype CVESeverity = \"critical\" | \"high\" | \"medium\" | \"low\";\n\n/**\n * Formats a date string to a human-readable format.\n */\nfunction formatDateTime(dateString?: string): string {\n  if (!dateString) return \"N/A\";\n  const date = new Date(dateString);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"numeric\",\n    day: \"numeric\",\n    year: \"numeric\",\n    hour: \"numeric\",\n    minute: \"2-digit\",\n    hour12: true\n  });\n}\n\n/**\n * Badge component for showing update count.\n */\nfunction UpdateBadge({ count }: { count: number }) {\n  if (count <= 0) return null;\n  return (\n    <span className=\"ml-1.5 inline-flex h-5 w-5 items-center justify-center rounded-full bg-rose-500 text-xs font-medium text-white\">\n      {count}\n    </span>\n  );\n}\n\n/**\n * Badge component for showing CVE counts by severity.\n */\nfunction CVEBadge({ severity, count }: { severity: CVESeverity; count: number }) {\n  if (count === 0) return null;\n\n  const severityColors: Record<CVESeverity, string> = {\n    critical: \"bg-pink-50 text-pink-600\",\n    high: \"bg-yellow-50 text-yellow-600\",\n    medium: \"bg-blue-50 text-blue-400\",\n    low: \"bg-green-50 text-green-500\"\n  };\n\n  const severityLabels: Record<CVESeverity, string> = {\n    critical: \"C\",\n    high: \"H\",\n    medium: \"M\",\n    low: \"L\"\n  };\n\n  const colorClass = severityColors[severity] || \"bg-gray-50 text-gray-600\";\n\n  return (\n    <span\n      className={`inline-flex items-center gap-0.5 rounded-md px-2 py-0.5 text-xs font-medium ${colorClass}`}\n      title={`${count} ${severity} CVE${count > 1 ? \"s\" : \"\"}`}\n    >\n      {count}\n      {severityLabels[severity]}\n    </span>\n  );\n}\n\n/**\n * Badge for resource status.\n */\nfunction StatusBadge({ status }: { status: string }) {\n  const colorMap: Record<string, string> = {\n    ready: \"bg-green-50 text-green-600\",\n    updating: \"bg-green-50 text-green-600\",\n    unknown: \"bg-blue-50 text-blue-500\",\n    missing: \"bg-pink-50 text-pink-600\",\n    unavailable: \"bg-pink-50 text-pink-600\",\n    degraded: \"bg-yellow-50 text-yellow-600\"\n  };\n\n  const colorClass = colorMap[status] || \"bg-gray-50 text-gray-600\";\n\n  return (\n    <span className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium ${colorClass}`}>\n      {status}\n      <svg className=\"h-3 w-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n      </svg>\n    </span>\n  );\n}\n\n/**\n * Instance card component for displaying an instance in the Update page.\n */\nexport function InstanceCard({\n  instance,\n  isActive,\n  channelReleases = [],\n  installOptions = [],\n  onUpdateClick,\n  primaryColor = \"#6366f1\",\n  securityData = {},\n  securityDiffData = {},\n  securityEnabled = false\n}: InstanceCardProps) {\n  const [showInstanceId, setShowInstanceId] = useState(false);\n  const [showTooltip, setShowTooltip] = useState(false);\n  \n  const instanceName = getInstanceName(instance);\n  const installType = getInstallType(instance, installOptions);\n  const availableUpdates = calculateUpdatesForInstance(instance, channelReleases);\n\n  // Get security info for this instance\n  // Convert install type to match the key format used when storing security data\n  // - \"embedded cluster\" -> \"linux\" (security API expects \"linux\")\n  // - null (kots/kurl) -> \"linux\" (default used in update-client.tsx)\n  // - \"helm\" -> \"helm\"\n  let securityInstallType: \"helm\" | \"linux\" = \"linux\";\n  if (installType === \"helm\") {\n    securityInstallType = \"helm\";\n  } else if (installType === \"embedded cluster\" || installType === null) {\n    securityInstallType = \"linux\";\n  }\n  \n  const securityInfoKey = instance.channelSequence\n    ? `${instance.channelSequence}-${securityInstallType}-${instance.isAirgap}`\n    : null;\n  const securityInfo = securityInfoKey ? securityData[securityInfoKey] : undefined;\n  const hasSecurityInfo = securityInfo && securityInfo.length > 0;\n\n  // Calculate CVE summary\n  const cveSummary: Record<CVESeverity, number> = hasSecurityInfo\n    ? securityInfo.reduce(\n        (acc, image) => {\n          if (!image.security?.result) {\n            return acc;\n          }\n          acc.critical += Object.keys(image.security.result.critical || {}).length;\n          acc.high += Object.keys(image.security.result.high || {}).length;\n          acc.medium += Object.keys(image.security.result.medium || {}).length;\n          acc.low += Object.keys(image.security.result.low || {}).length;\n          return acc;\n        },\n        { critical: 0, high: 0, medium: 0, low: 0 }\n      )\n    : { critical: 0, high: 0, medium: 0, low: 0 };\n\n  const hasCVEs =\n    cveSummary.critical > 0 ||\n    cveSummary.high > 0 ||\n    cveSummary.medium > 0 ||\n    cveSummary.low > 0;\n\n  // Get security diff for this instance to check for critical fixes\n  const securityDiff = securityInfoKey ? securityDiffData[securityInfoKey] : undefined;\n  const hasCriticalFixed = securityDiff?.images\n    ? Object.entries(securityDiff.images).some(\n        ([, image]) =>\n          image.removed?.critical &&\n          Object.keys(image.removed.critical).length > 0\n      )\n    : false;\n\n  // Get the display text for the instance name/ID\n  const displayText = showInstanceId \n    ? instance.id.slice(0, 7)\n    : instanceName || instance.id.slice(0, 7);\n\n  // Get the tooltip text\n  const getTooltipText = () => {\n    if (instanceName) {\n      return showInstanceId \n        ? \"Click to show instance name\" \n        : \"Click to show instance ID\";\n    }\n    return \"Instance ID\";\n  };\n\n  // Get overall resource status\n  const getOverallStatus = () => {\n    if (!instance.resourceStates || instance.resourceStates.length === 0) {\n      return \"unknown\";\n    }\n    // Count states\n    const stateCounts = instance.resourceStates.reduce((acc, resource) => {\n      acc[resource.state] = (acc[resource.state] || 0) + 1;\n      return acc;\n    }, {} as Record<string, number>);\n    \n    // Return most common state\n    let maxCount = 0;\n    let maxStatus = \"unknown\";\n    for (const [status, count] of Object.entries(stateCounts)) {\n      if (count > maxCount) {\n        maxCount = count;\n        maxStatus = status;\n      }\n    }\n    return maxStatus;\n  };\n\n  const overallStatus = getOverallStatus();\n\n  const handleUpdateClick = () => {\n    if (onUpdateClick) {\n      onUpdateClick(instance.id);\n    }\n  };\n\n  return (\n    <div className=\"rounded-lg border border-gray-200 bg-white p-4\">\n      <div className=\"grid grid-cols-[auto_1fr_auto] gap-3\">\n        {/* Status indicator dot */}\n        <div\n          className={`mt-1.5 h-2 w-2 rounded-full ${\n            isActive ? \"bg-green-400\" : \"bg-gray-300\"\n          }`}\n        />\n\n        {/* Instance details */}\n        <div className=\"flex flex-col gap-3\">\n          {/* Instance name, version, badges, status */}\n          <div className=\"flex h-min flex-wrap items-center gap-3\">\n            <div className=\"relative\">\n              <span \n                className=\"text-sm font-medium text-gray-900 cursor-pointer hover:underline\"\n                onClick={() => setShowInstanceId(!showInstanceId)}\n                onMouseEnter={() => setShowTooltip(true)}\n                onMouseLeave={() => setShowTooltip(false)}\n                title={showInstanceId ? instance.id : instanceName || instance.id}\n              >\n                {displayText}\n              </span>\n              {showTooltip && (\n                <div className=\"absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 text-xs text-white bg-gray-800 rounded whitespace-nowrap z-10\">\n                  {getTooltipText()}\n                  <div className=\"absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-gray-800\" />\n                </div>\n              )}\n            </div>\n            <span className=\"flex items-center gap-1 text-xs text-gray-600\">\n              Version: {instance.versionLabel || \"Unknown\"}\n              <UpdateBadge count={availableUpdates} />\n            </span>\n            {instance.isAirgap && (\n              <span className=\"rounded-full bg-indigo-100 px-2 py-0.5 text-xs font-medium text-indigo-700\">\n                air gap\n              </span>\n            )}\n            {installType && (\n              <span className=\"rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600\">\n                {installType}\n              </span>\n            )}\n            {instance.resourceStates && instance.resourceStates.length > 0 && (\n              <StatusBadge status={overallStatus} />\n            )}\n          </div>\n\n          {/* Check-in times */}\n          <div className=\"flex flex-wrap gap-4\">\n            <div className=\"flex items-center gap-1\">\n              <span className=\"text-xs text-gray-500\">First check-in:</span>\n              <span className=\"text-xs text-gray-600\">\n                {formatDateTime(instance.firstCheckin)}\n              </span>\n            </div>\n            <div className=\"flex items-center gap-1\">\n              <span className=\"text-xs text-gray-500\">Last check-in:</span>\n              <span className=\"text-xs text-gray-600\">\n                {formatDateTime(instance.lastCheckin)}\n              </span>\n            </div>\n          </div>\n\n          {/* CVE Information */}\n          {securityEnabled && hasSecurityInfo && (\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-xs text-gray-600\">CVEs:</span>\n              {hasCVEs && (\n                <div className=\"flex items-center gap-1\">\n                  <CVEBadge severity=\"critical\" count={cveSummary.critical} />\n                  <CVEBadge severity=\"high\" count={cveSummary.high} />\n                  <CVEBadge severity=\"medium\" count={cveSummary.medium} />\n                  <CVEBadge severity=\"low\" count={cveSummary.low} />\n                  <Link\n                    href={`/security?sequence=${instance.channelSequence}&installType=${securityInstallType}`}\n                    className=\"text-xs font-medium text-blue-500 hover:underline\"\n                  >\n                    details\n                  </Link>\n                </div>\n              )}\n              {!hasCVEs && (\n                <div className=\"inline-flex h-5 items-center justify-center\">\n                  <span className=\"text-xs text-gray-600\">None</span>\n                </div>\n              )}\n            </div>\n          )}\n\n          {/* Tags (excluding name) */}\n          {instance.tags && instance.tags.filter(tag => tag.key !== \"name\").length > 0 && (\n            <div className=\"flex flex-wrap gap-2\">\n              {instance.tags\n                .filter(tag => tag.key !== \"name\")\n                .map((tag) => (\n                  <span\n                    key={tag.key}\n                    className=\"rounded-md bg-gray-100 px-2 py-1 text-sm text-gray-600\"\n                  >\n                    {tag.value}\n                  </span>\n                ))}\n            </div>\n          )}\n        </div>\n\n        {/* Update button */}\n        {availableUpdates > 0 && (\n          <div className=\"flex items-center\">\n            <button\n              onClick={handleUpdateClick}\n              className=\"rounded px-4 py-1.5 text-sm font-medium text-white transition-opacity hover:opacity-90\"\n              style={{ backgroundColor: hasCriticalFixed ? \"#dc2626\" : primaryColor }}\n            >\n              {hasCriticalFixed ? \"Critical update available\" : \"Update available\"}\n            </button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nInstanceCard.displayName = \"InstanceCard\";\n\n"]}

package/dist/license-card.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FetchLicenseSummaryResult } from './actions/index.mjs';
+import { k as FetchLicenseSummaryResult } from './index-DkjaogsF.mjs';
 
 interface LicenseCardProps {
     fetchLicenseSummaryAction: () => Promise<FetchLicenseSummaryResult>;

package/dist/license-card.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FetchLicenseSummaryResult } from './actions/index.js';
+import { k as FetchLicenseSummaryResult } from './index-DkjaogsF.js';
 
 interface LicenseCardProps {
     fetchLicenseSummaryAction: () => Promise<FetchLicenseSummaryResult>;

package/dist/license-details.js

@@ -93,7 +93,8 @@ var fetchCustomBrandingImpl = async () => {
     title: payload.appName,
     customColor1: payload.primaryColor,
     customColor2: payload.secondaryColor,
-    favicon: payload.faviconUrl
+    favicon: payload.faviconUrl,
+    supportPortalLink: payload.supportPortalLink || ""
   };
   const brandingData = buffer.Buffer.from(JSON.stringify(brandingObject)).toString("base64");
   return {