@replicated/portal-components 0.0.19 → 0.0.21

package/dist/esm/install-card.js

@@ -8,6 +8,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
  * This file is generated by tsup. Do not edit manually.
  */
 
+
+// src/utils/constants.ts
+var DEFAULT_SECONDARY_COLOR = "#6366f1";
 var LinuxIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -43,7 +46,7 @@ var headingClass = "text-lg font-semibold text-gray-900";
 var contentClass = "mt-4 flex-1 space-y-3";
 var itemClass = "flex items-center gap-3 text-sm text-gray-600";
 var iconClass = "h-5 w-5 text-gray-500";
-var footerClass = "mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80";
+var footerClass = "mt-6 flex justify-end text-sm font-semibold hover:opacity-80";
 var InstallCard = ({
   fetchInstallOptionsAction,
   initialShowLinux = true,
@@ -58,11 +61,11 @@ var InstallCard = ({
         return;
       }
       try {
-        const result = await fetchInstallOptionsAction();
-        setShowLinux(result.showLinux);
-        setShowHelm(result.showHelm);
+        const license = await fetchInstallOptionsAction();
+        setShowLinux(license.isEmbeddedClusterDownloadEnabled || false);
+        setShowHelm(license.isHelmInstallEnabled || false);
       } catch (error) {
-        console.error("[install-card] Failed to fetch install options", error);
+        console.error("[install-card] Failed to fetch license for install options", error);
       }
     };
     fetchOptions();
@@ -93,7 +96,7 @@ var InstallCard = ({
         /* @__PURE__ */ jsx("span", { children: "Deploy via Helm" })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsx(Link, { href: "/install", children: "View install guide \u2192" }) })
+    /* @__PURE__ */ jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsx(Link, { href: "/install", style: { color: `var(--portal-branding-secondary, ${DEFAULT_SECONDARY_COLOR})` }, children: "View install guide \u2192" }) })
   ] });
 };
 InstallCard.displayName = "InstallCard";

package/dist/esm/install-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/install-card.tsx"],"names":[],"mappings":"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","file":"install-card.js","sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { SVGProps } from \"react\";\nimport Link from \"next/link\";\nimport type { FetchInstallOptionsResult } from \"../actions\";\n\nconst LinuxIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={1.5}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M21.75 17.25v-.228a4.5 4.5 0 00-.12-1.03l-2.268-9.64a3.375 3.375 0 00-3.285-2.602H7.923a3.375 3.375 0 00-3.285 2.602l-2.268 9.64a4.5 4.5 0 00-.12 1.03v.228m19.5 0a3 3 0 01-3 3H5.25a3 3 0 01-3-3m19.5 0a3 3 0 00-3-3H5.25a3 3 0 00-3 3m16.5 0h.008v.008h-.008v-.008zm-3 0h.008v.008h-.008v-.008z\" />\n  </svg>\n);\n\nconst HelmIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={1.5}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M6.75 7.5l3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0021 18V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v12a2.25 2.25 0 002.25 2.25z\" />\n  </svg>\n);\n\nconst baseCardClass =\n  \"flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]\";\nconst headingClass = \"text-lg font-semibold text-gray-900\";\nconst contentClass = \"mt-4 flex-1 space-y-3\";\nconst itemClass = \"flex items-center gap-3 text-sm text-gray-600\";\nconst iconClass = \"h-5 w-5 text-gray-500\";\nconst footerClass =\n  \"mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80\";\n\nexport interface InstallCardProps {\n  fetchInstallOptionsAction: () => Promise<FetchInstallOptionsResult>;\n  initialShowLinux?: boolean;\n  initialShowHelm?: boolean;\n  pollIntervalMs?: number;\n}\n\nexport const InstallCard = ({ \n  fetchInstallOptionsAction,\n  initialShowLinux = true, \n  initialShowHelm = true,\n  pollIntervalMs = 2000\n}: InstallCardProps) => {\n  const [showLinux, setShowLinux] = useState(initialShowLinux);\n  const [showHelm, setShowHelm] = useState(initialShowHelm);\n\n  useEffect(() => {\n    const fetchOptions = async () => {\n      // Skip if tab is not visible\n      if (document.hidden) {\n        return;\n      }\n      \n      try {\n        const result = await fetchInstallOptionsAction();\n        setShowLinux(result.showLinux);\n        setShowHelm(result.showHelm);\n      } catch (error) {\n        console.error(\"[install-card] Failed to fetch install options\", error);\n      }\n    };\n\n    // Fetch immediately\n    fetchOptions();\n\n    // Set up polling interval\n    const intervalId = setInterval(fetchOptions, pollIntervalMs);\n\n    // Also fetch when tab becomes visible again\n    const handleVisibilityChange = () => {\n      if (!document.hidden) {\n        fetchOptions();\n      }\n    };\n    document.addEventListener('visibilitychange', handleVisibilityChange);\n\n    // Cleanup on unmount\n    return () => {\n      clearInterval(intervalId);\n      document.removeEventListener('visibilitychange', handleVisibilityChange);\n    };\n  }, [fetchInstallOptionsAction, pollIntervalMs]);\n\n  // If neither option is enabled, don't render anything\n  if (!showLinux && !showHelm) {\n    return null;\n  }\n\n  return (\n    <section className={baseCardClass} aria-labelledby=\"install-card-heading\">\n      <header>\n        <h2 id=\"install-card-heading\" className={headingClass}>\n          Install\n        </h2>\n      </header>\n      <div className={contentClass}>\n        {showLinux ? (\n          <div className={itemClass}>\n            <LinuxIcon className={iconClass} />\n            <span>Deploy to Linux</span>\n          </div>\n        ) : null}\n        {showHelm ? (\n          <div className={itemClass}>\n            <HelmIcon className={iconClass} />\n            <span>Deploy via Helm</span>\n          </div>\n        ) : null}\n      </div>\n      <footer className={footerClass}>\n        <Link href=\"/install\">\n          View install guide →\n        </Link>\n      </footer>\n    </section>\n  );\n};\n\nInstallCard.displayName = \"InstallCard\";\n"]}
+{"version":3,"sources":["../../src/utils/constants.ts","../../src/components/install-card.tsx"],"names":[],"mappings":"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","file":"install-card.js","sourcesContent":["/**\n * Default globe favicon matching the CiGlobe icon (Circum Icons)\n * Used as fallback when custom branding doesn't provide a favicon\n */\nexport const DEFAULT_FAVICON = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E\";\n\n/**\n * Default primary brand color\n */\nexport const DEFAULT_PRIMARY_COLOR = \"#4f46e5\";\n\n/**\n * Default secondary brand color\n */\nexport const DEFAULT_SECONDARY_COLOR = \"#6366f1\";\n\n/**\n * Check if the API origin is HTTP (used for repldev environments)\n * This determines cookie security settings for cross-origin iframes\n * @returns true if the API origin starts with http:// (not https://)\n */\nexport const isHttpApiOrigin = (): boolean => {\n  return process.env.REPLICATED_APP_ORIGIN?.startsWith('http://') || false;\n};\n","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { SVGProps } from \"react\";\nimport Link from \"next/link\";\nimport type { License } from \"../actions\";\nimport { DEFAULT_SECONDARY_COLOR } from \"../utils/constants\";\n\nconst LinuxIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={1.5}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M21.75 17.25v-.228a4.5 4.5 0 00-.12-1.03l-2.268-9.64a3.375 3.375 0 00-3.285-2.602H7.923a3.375 3.375 0 00-3.285 2.602l-2.268 9.64a4.5 4.5 0 00-.12 1.03v.228m19.5 0a3 3 0 01-3 3H5.25a3 3 0 01-3-3m19.5 0a3 3 0 00-3-3H5.25a3 3 0 00-3 3m16.5 0h.008v.008h-.008v-.008zm-3 0h.008v.008h-.008v-.008z\" />\n  </svg>\n);\n\nconst HelmIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={1.5}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M6.75 7.5l3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0021 18V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v12a2.25 2.25 0 002.25 2.25z\" />\n  </svg>\n);\n\nconst baseCardClass =\n  \"flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]\";\nconst headingClass = \"text-lg font-semibold text-gray-900\";\nconst contentClass = \"mt-4 flex-1 space-y-3\";\nconst itemClass = \"flex items-center gap-3 text-sm text-gray-600\";\nconst iconClass = \"h-5 w-5 text-gray-500\";\nconst footerClass =\n  \"mt-6 flex justify-end text-sm font-semibold hover:opacity-80\";\n\nexport interface InstallCardProps {\n  fetchInstallOptionsAction: () => Promise<License>;\n  initialShowLinux?: boolean;\n  initialShowHelm?: boolean;\n  pollIntervalMs?: number;\n}\n\nexport const InstallCard = ({ \n  fetchInstallOptionsAction,\n  initialShowLinux = true, \n  initialShowHelm = true,\n  pollIntervalMs = 2000\n}: InstallCardProps) => {\n  const [showLinux, setShowLinux] = useState(initialShowLinux);\n  const [showHelm, setShowHelm] = useState(initialShowHelm);\n\n  useEffect(() => {\n    const fetchOptions = async () => {\n      // Skip if tab is not visible\n      if (document.hidden) {\n        return;\n      }\n      \n      try {\n        const license = await fetchInstallOptionsAction();\n        setShowLinux(license.isEmbeddedClusterDownloadEnabled || false);\n        setShowHelm(license.isHelmInstallEnabled || false);\n      } catch (error) {\n        console.error(\"[install-card] Failed to fetch license for install options\", error);\n      }\n    };\n\n    // Fetch immediately\n    fetchOptions();\n\n    // Set up polling interval\n    const intervalId = setInterval(fetchOptions, pollIntervalMs);\n\n    // Also fetch when tab becomes visible again\n    const handleVisibilityChange = () => {\n      if (!document.hidden) {\n        fetchOptions();\n      }\n    };\n    document.addEventListener('visibilitychange', handleVisibilityChange);\n\n    // Cleanup on unmount\n    return () => {\n      clearInterval(intervalId);\n      document.removeEventListener('visibilitychange', handleVisibilityChange);\n    };\n  }, [fetchInstallOptionsAction, pollIntervalMs]);\n\n  // If neither option is enabled, don't render anything\n  if (!showLinux && !showHelm) {\n    return null;\n  }\n\n  return (\n    <section className={baseCardClass} aria-labelledby=\"install-card-heading\">\n      <header>\n        <h2 id=\"install-card-heading\" className={headingClass}>\n          Install\n        </h2>\n      </header>\n      <div className={contentClass}>\n        {showLinux ? (\n          <div className={itemClass}>\n            <LinuxIcon className={iconClass} />\n            <span>Deploy to Linux</span>\n          </div>\n        ) : null}\n        {showHelm ? (\n          <div className={itemClass}>\n            <HelmIcon className={iconClass} />\n            <span>Deploy via Helm</span>\n          </div>\n        ) : null}\n      </div>\n      <footer className={footerClass}>\n        <Link href=\"/install\" style={{ color: `var(--portal-branding-secondary, ${DEFAULT_SECONDARY_COLOR})` }}>\n          View install guide →\n        </Link>\n      </footer>\n    </section>\n  );\n};\n\nInstallCard.displayName = \"InstallCard\";\n"]}

package/dist/esm/install-targets.js

@@ -6,6 +6,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
  * This file is generated by tsup. Do not edit manually.
  */
 
+
+// src/utils/constants.ts
+var DEFAULT_SECONDARY_COLOR = "#6366f1";
 var targetButtonBase = "flex w-full items-center justify-between rounded-2xl px-4 py-3 text-left text-sm font-medium transition";
 var InstallTargets = ({
   options,
@@ -31,10 +34,14 @@ var InstallTargets = ({
       {
         type: "button",
         onClick: () => handleSelect(option.id),
-        className: `${targetButtonBase} ${isActive ? "bg-indigo-100 text-indigo-600" : "bg-white text-gray-600 hover:bg-gray-50"}`,
+        className: `${targetButtonBase} ${isActive ? "bg-white text-gray-600" : "bg-white text-gray-600 hover:bg-gray-50"}`,
+        style: isActive ? {
+          backgroundColor: `var(--portal-branding-primary-light, ${DEFAULT_SECONDARY_COLOR}20)`,
+          color: `var(--portal-branding-primary, ${DEFAULT_SECONDARY_COLOR})`
+        } : void 0,
         children: [
           /* @__PURE__ */ jsx("span", { children: option.label }),
-          isActive ? /* @__PURE__ */ jsx("span", { className: "text-xs text-indigo-500", children: "Selected" }) : option.description ? /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400", children: option.description }) : null
+          isActive ? /* @__PURE__ */ jsx("span", { className: "text-xs", style: { color: `var(--portal-branding-primary, ${DEFAULT_SECONDARY_COLOR})` }, children: "Selected" }) : option.description ? /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400", children: option.description }) : null
         ]
       },
       option.id

package/dist/esm/install-targets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/install-targets.tsx"],"names":[],"mappings":";;;;;;;;AAIA,IAAM,gBAAA,GACJ,yGAAA;AAeK,IAAM,iBAAiB,CAAC;AAAA,EAC7B,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,MAAM,CAAC,YAAY,aAAa,CAAA,GAAI,SAAS,OAAA,CAAQ,CAAC,GAAG,EAAE,CAAA;AAE3D,EAAA,MAAM,aAAa,QAAA,IAAY,UAAA;AAE/B,EAAA,MAAM,YAAA,GAAe,CAAC,EAAA,KAAe;AACnC,IAAA,IAAI,CAAC,QAAQ,IAAA,CAAK,CAAC,WAAW,MAAA,CAAO,EAAA,KAAO,EAAE,CAAA,EAAG;AAC/C,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA,aAAA,CAAc,EAAE,CAAA;AAAA,IAClB;AAEA,IAAA,QAAA,GAAW,EAAE,CAAA;AAAA,EACf,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EACH,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AACvB,IAAA,MAAM,QAAA,GAAW,OAAO,EAAA,KAAO,UAAA;AAC/B,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,YAAA,CAAa,MAAA,CAAO,EAAE,CAAA;AAAA,QACrC,WAAW,CAAA,EAAG,gBAAgB,CAAA,CAAA,EAC5B,QAAA,GACI,kCACA,yCACN,CAAA,CAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAM,iBAAO,KAAA,EAAM,CAAA;AAAA,UACnB,QAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAA0B,QAAA,EAAA,UAAA,EAAQ,CAAA,GAChD,MAAA,CAAO,WAAA,uBACR,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA,MAAA,CAAO,aAAY,CAAA,GAC1D;AAAA;AAAA,OAAA;AAAA,MAdC,MAAA,CAAO;AAAA,KAed;AAAA,EAEJ,CAAC,GACH,CAAA,EACF,CAAA;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"install-targets.js","sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\n\nconst targetButtonBase =\n  \"flex w-full items-center justify-between rounded-2xl px-4 py-3 text-left text-sm font-medium transition\";\n\nexport interface InstallTargetOption {\n  id: string;\n  label: string;\n  description?: string;\n}\n\nexport interface InstallTargetsProps {\n  options: InstallTargetOption[];\n  activeId?: string;\n  onChange?: (targetId: string) => void;\n  className?: string;\n}\n\nexport const InstallTargets = ({\n  options,\n  activeId,\n  onChange,\n  className\n}: InstallTargetsProps) => {\n  const [internalId, setInternalId] = useState(options[0]?.id);\n\n  const selectedId = activeId ?? internalId;\n\n  const handleSelect = (id: string) => {\n    if (!options.find((option) => option.id === id)) {\n      return;\n    }\n\n    if (!activeId) {\n      setInternalId(id);\n    }\n\n    onChange?.(id);\n  };\n\n  return (\n    <div className={className}>\n      <div className=\"flex flex-col gap-2\">\n        {options.map((option) => {\n          const isActive = option.id === selectedId;\n          return (\n            <button\n              key={option.id}\n              type=\"button\"\n              onClick={() => handleSelect(option.id)}\n              className={`${targetButtonBase} ${\n                isActive\n                  ? \"bg-indigo-100 text-indigo-600\"\n                  : \"bg-white text-gray-600 hover:bg-gray-50\"\n              }`}\n            >\n              <span>{option.label}</span>\n              {isActive ? (\n                <span className=\"text-xs text-indigo-500\">Selected</span>\n              ) : option.description ? (\n                <span className=\"text-xs text-gray-400\">{option.description}</span>\n              ) : null}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nInstallTargets.displayName = \"InstallTargets\";\n"]}
+{"version":3,"sources":["../../src/utils/constants.ts","../../src/components/install-targets.tsx"],"names":[],"mappings":";;;;;;;;;;AAcO,IAAM,uBAAA,GAA0B,SAAA;ACTvC,IAAM,gBAAA,GACJ,yGAAA;AAeK,IAAM,iBAAiB,CAAC;AAAA,EAC7B,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,MAAM,CAAC,YAAY,aAAa,CAAA,GAAI,SAAS,OAAA,CAAQ,CAAC,GAAG,EAAE,CAAA;AAE3D,EAAA,MAAM,aAAa,QAAA,IAAY,UAAA;AAE/B,EAAA,MAAM,YAAA,GAAe,CAAC,EAAA,KAAe;AACnC,IAAA,IAAI,CAAC,QAAQ,IAAA,CAAK,CAAC,WAAW,MAAA,CAAO,EAAA,KAAO,EAAE,CAAA,EAAG;AAC/C,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA,aAAA,CAAc,EAAE,CAAA;AAAA,IAClB;AAEA,IAAA,QAAA,GAAW,EAAE,CAAA;AAAA,EACf,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EACH,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AACvB,IAAA,MAAM,QAAA,GAAW,OAAO,EAAA,KAAO,UAAA;AAC/B,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,YAAA,CAAa,MAAA,CAAO,EAAE,CAAA;AAAA,QACrC,WAAW,CAAA,EAAG,gBAAgB,CAAA,CAAA,EAC5B,QAAA,GACI,2BACA,yCACN,CAAA,CAAA;AAAA,QACA,OAAO,QAAA,GAAW;AAAA,UAChB,eAAA,EAAiB,wCAAwC,uBAAuB,CAAA,GAAA,CAAA;AAAA,UAChF,KAAA,EAAO,kCAAkC,uBAAuB,CAAA,CAAA;AAAA,SAClE,GAAI,MAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAM,iBAAO,KAAA,EAAM,CAAA;AAAA,UACnB,QAAA,uBACE,MAAA,EAAA,EAAK,SAAA,EAAU,WAAU,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,+BAAA,EAAkC,uBAAuB,CAAA,CAAA,CAAA,IAAO,QAAA,EAAA,UAAA,EAAQ,CAAA,GAChH,OAAO,WAAA,mBACT,GAAA,CAAC,UAAK,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA,MAAA,CAAO,WAAA,EAAY,CAAA,GAC1D;AAAA;AAAA,OAAA;AAAA,MAlBC,MAAA,CAAO;AAAA,KAmBd;AAAA,EAEJ,CAAC,GACH,CAAA,EACF,CAAA;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"install-targets.js","sourcesContent":["/**\n * Default globe favicon matching the CiGlobe icon (Circum Icons)\n * Used as fallback when custom branding doesn't provide a favicon\n */\nexport const DEFAULT_FAVICON = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E\";\n\n/**\n * Default primary brand color\n */\nexport const DEFAULT_PRIMARY_COLOR = \"#4f46e5\";\n\n/**\n * Default secondary brand color\n */\nexport const DEFAULT_SECONDARY_COLOR = \"#6366f1\";\n\n/**\n * Check if the API origin is HTTP (used for repldev environments)\n * This determines cookie security settings for cross-origin iframes\n * @returns true if the API origin starts with http:// (not https://)\n */\nexport const isHttpApiOrigin = (): boolean => {\n  return process.env.REPLICATED_APP_ORIGIN?.startsWith('http://') || false;\n};\n","\"use client\";\n\nimport { useState } from \"react\";\nimport { DEFAULT_SECONDARY_COLOR } from \"../utils/constants\";\n\nconst targetButtonBase =\n  \"flex w-full items-center justify-between rounded-2xl px-4 py-3 text-left text-sm font-medium transition\";\n\nexport interface InstallTargetOption {\n  id: string;\n  label: string;\n  description?: string;\n}\n\nexport interface InstallTargetsProps {\n  options: InstallTargetOption[];\n  activeId?: string;\n  onChange?: (targetId: string) => void;\n  className?: string;\n}\n\nexport const InstallTargets = ({\n  options,\n  activeId,\n  onChange,\n  className\n}: InstallTargetsProps) => {\n  const [internalId, setInternalId] = useState(options[0]?.id);\n\n  const selectedId = activeId ?? internalId;\n\n  const handleSelect = (id: string) => {\n    if (!options.find((option) => option.id === id)) {\n      return;\n    }\n\n    if (!activeId) {\n      setInternalId(id);\n    }\n\n    onChange?.(id);\n  };\n\n  return (\n    <div className={className}>\n      <div className=\"flex flex-col gap-2\">\n        {options.map((option) => {\n          const isActive = option.id === selectedId;\n          return (\n            <button\n              key={option.id}\n              type=\"button\"\n              onClick={() => handleSelect(option.id)}\n              className={`${targetButtonBase} ${\n                isActive\n                  ? \"bg-white text-gray-600\"\n                  : \"bg-white text-gray-600 hover:bg-gray-50\"\n              }`}\n              style={isActive ? {\n                backgroundColor: `var(--portal-branding-primary-light, ${DEFAULT_SECONDARY_COLOR}20)`,\n                color: `var(--portal-branding-primary, ${DEFAULT_SECONDARY_COLOR})`\n              } : undefined}\n            >\n              <span>{option.label}</span>\n              {isActive ? (\n                <span className=\"text-xs\" style={{ color: `var(--portal-branding-primary, ${DEFAULT_SECONDARY_COLOR})` }}>Selected</span>\n              ) : option.description ? (\n                <span className=\"text-xs text-gray-400\">{option.description}</span>\n              ) : null}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nInstallTargets.displayName = \"InstallTargets\";\n"]}

package/dist/esm/instance-card.js

@@ -1,96 +1,38 @@
 "use client";
 import { useState } from 'react';
 import Link from 'next/link';
+import cx from 'classnames';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 /**
  * Enterprise Portal Components
  * This file is generated by tsup. Do not edit manually.
  */
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 
-// node_modules/classnames/index.js
-var require_classnames = __commonJS({
-  "node_modules/classnames/index.js"(exports$1, module) {
-    (function() {
-      var hasOwn = {}.hasOwnProperty;
-      function classNames() {
-        var classes = "";
-        for (var i = 0; i < arguments.length; i++) {
-          var arg = arguments[i];
-          if (arg) {
-            classes = appendClass(classes, parseValue(arg));
-          }
-        }
-        return classes;
-      }
-      function parseValue(arg) {
-        if (typeof arg === "string" || typeof arg === "number") {
-          return arg;
-        }
-        if (typeof arg !== "object") {
-          return "";
-        }
-        if (Array.isArray(arg)) {
-          return classNames.apply(null, arg);
-        }
-        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-          return arg.toString();
-        }
-        var classes = "";
-        for (var key in arg) {
-          if (hasOwn.call(arg, key) && arg[key]) {
-            classes = appendClass(classes, key);
-          }
-        }
-        return classes;
-      }
-      function appendClass(value, newClass) {
-        if (!newClass) {
-          return value;
-        }
-        if (value) {
-          return value + " " + newClass;
-        }
-        return value + newClass;
-      }
-      if (typeof module !== "undefined" && module.exports) {
-        classNames.default = classNames;
-        module.exports = classNames;
-      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
-        define("classnames", [], function() {
-          return classNames;
-        });
-      } else {
-        window.classNames = classNames;
-      }
-    })();
+
+// src/utils/constants.ts
+var DEFAULT_SECONDARY_COLOR = "#6366f1";
+
+// src/utils/format.ts
+function formatDateTimeLocal(dateString) {
+  if (!dateString) return "N/A";
+  try {
+    const date = new Date(dateString);
+    if (isNaN(date.getTime())) {
+      return dateString;
+    }
+    return date.toLocaleDateString("en-US", {
+      month: "numeric",
+      day: "numeric",
+      year: "numeric",
+      hour: "numeric",
+      minute: "2-digit",
+      hour12: true
+    });
+  } catch {
+    return "N/A";
   }
-});
+}
 function getInstallType(instance, installOptions) {
   const instanceHasNoInstallTypes = !instance.kotsInstallId && !instance.kurlInstallId && !instance.embeddedClusterId;
   const isManuallyCreatedAirgapInstance = instance.isAirgap && instanceHasNoInstallTypes;
@@ -134,9 +76,6 @@ function getInstanceName(instance) {
   const nameTag = instance.tags?.find((tag) => tag.key === "name");
   return nameTag?.value || instance.id.slice(0, 7);
 }
-
-// src/components/app-status-badge.tsx
-var import_classnames = __toESM(require_classnames());
 var toTitle = (value) => {
   const s = value.trim();
   if (!s) return s;
@@ -260,7 +199,7 @@ function AppStatusBadge({
   return /* @__PURE__ */ jsxs(
     "span",
     {
-      className: (0, import_classnames.default)(
+      className: cx(
         "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium",
         getClassNameForType(type),
         className
@@ -272,18 +211,6 @@ function AppStatusBadge({
     }
   );
 }
-function formatDateTime(dateString) {
-  if (!dateString) return "N/A";
-  const date = new Date(dateString);
-  return date.toLocaleDateString("en-US", {
-    month: "numeric",
-    day: "numeric",
-    year: "numeric",
-    hour: "numeric",
-    minute: "2-digit",
-    hour12: true
-  });
-}
 function UpdateBadge({ count }) {
   if (count <= 0) return null;
   return /* @__PURE__ */ 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 });
@@ -321,7 +248,7 @@ function InstanceCard({
   channelReleases = [],
   installOptions = [],
   onUpdateClick,
-  primaryColor = "#6366f1",
+  primaryColor = DEFAULT_SECONDARY_COLOR,
   securityData = {},
   securityDiffData = {},
   securityEnabled = false
@@ -421,18 +348,28 @@ function InstanceCard({
           instance.versionLabel || "Unknown",
           /* @__PURE__ */ jsx(UpdateBadge, { count: availableUpdates })
         ] }),
-        instance.isAirgap && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-indigo-100 px-2 py-0.5 text-xs font-medium text-indigo-700", children: "air gap" }),
+        instance.isAirgap && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "rounded-full px-2 py-0.5 text-xs font-medium",
+            style: {
+              backgroundColor: `var(--portal-branding-primary-light, ${DEFAULT_SECONDARY_COLOR}20)`,
+              color: `var(--portal-branding-primary, ${DEFAULT_SECONDARY_COLOR})`
+            },
+            children: "air gap"
+          }
+        ),
         installType && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600", children: installType }),
         (instance.appStatus || instance.resourceStates && instance.resourceStates.length > 0) && /* @__PURE__ */ jsx(AppStatusBadge, { status: statusForBadge })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500", children: "First check-in:" }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-600", children: formatDateTime(instance.firstCheckin) })
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-600", children: formatDateTimeLocal(instance.firstCheckin) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500", children: "Last check-in:" }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-600", children: formatDateTime(instance.lastCheckin) })
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-600", children: formatDateTimeLocal(instance.lastCheckin) })
         ] })
       ] }),
       securityEnabled && hasSecurityInfo && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -474,15 +411,6 @@ function InstanceCard({
   ] }) });
 }
 InstanceCard.displayName = "InstanceCard";
-/*! Bundled license information:
-
-classnames/index.js:
-  (*!
-  	Copyright (c) 2018 Jed Watson.
-  	Licensed under the MIT License (MIT), see
-  	http://jedwatson.github.io/classnames
-  *)
-*/
 
 export { InstanceCard };
 //# sourceMappingURL=instance-card.js.map

package/dist/esm/instance-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/classnames/index.js","../../src/actions/instances.ts","../../src/components/app-status-badge.tsx","../../src/components/instance-card.tsx"],"names":["exports","cx","jsx","jsxs"],"mappings":"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","file":"instance-card.js","sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","/**\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 cx from \"classnames\";\n\ntype StatusType = \"success\" | \"pending\" | \"warn\" | \"error\" | \"disabled\" | \"info\";\n\nconst toTitle = (value: string) => {\n  const s = value.trim();\n  if (!s) return s;\n  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n};\n\nconst getStatusType = (status: string): StatusType => {\n  switch (status.toUpperCase()) {\n    case \"READY\":\n      return \"success\";\n    case \"UPDATING\":\n      return \"pending\";\n    case \"DEGRADED\":\n      return \"warn\";\n    case \"INACTIVE\":\n      return \"disabled\";\n    case \"UNAVAILABLE\":\n    case \"MISSING\":\n      return \"error\";\n    default:\n      return \"info\";\n  }\n};\n\nconst getClassNameForType = (type: StatusType) => {\n  switch (type) {\n    case \"success\":\n      return \"bg-green-50 text-green-600\";\n    case \"pending\":\n      return \"bg-blue-50 text-blue-600\";\n    case \"warn\":\n      return \"bg-yellow-50 text-yellow-600\";\n    case \"error\":\n      return \"bg-rose-50 text-rose-600\";\n    case \"disabled\":\n      return \"bg-gray-100 text-gray-600\";\n    case \"info\":\n    default:\n      return \"bg-gray-50 text-gray-600\";\n  }\n};\n\nconst Icon = ({ type }: { type: StatusType }) => {\n  // Keep icons intentionally simple; the key is consistent mapping + capitalization.\n  if (type === \"success\") {\n    return (\n      <svg className=\"h-3 w-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path\n          fillRule=\"evenodd\"\n          d=\"M16.704 5.293a1 1 0 010 1.414l-7.5 7.5a1 1 0 01-1.414 0l-3.5-3.5a1 1 0 011.414-1.414l2.793 2.793 6.793-6.793a1 1 0 011.414 0z\"\n          clipRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n  if (type === \"warn\") {\n    return (\n      <svg className=\"h-3 w-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path\n          fillRule=\"evenodd\"\n          d=\"M8.257 3.099c.765-1.36 2.721-1.36 3.486 0l6.518 11.59c.75 1.334-.213 2.987-1.742 2.987H3.48c-1.53 0-2.492-1.653-1.743-2.987L8.257 3.1zM10 7a1 1 0 00-1 1v3a1 1 0 102 0V8a1 1 0 00-1-1zm0 8a1.25 1.25 0 100-2.5A1.25 1.25 0 0010 15z\"\n          clipRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n  if (type === \"error\") {\n    return (\n      <svg className=\"h-3 w-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path\n          fillRule=\"evenodd\"\n          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm2.707-10.707a1 1 0 00-1.414-1.414L10 7.172 8.707 5.879a1 1 0 10-1.414 1.414L8.586 8.586l-1.293 1.293a1 1 0 101.414 1.414L10 10l1.293 1.293a1 1 0 001.414-1.414L11.414 8.586l1.293-1.293z\"\n          clipRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n  if (type === \"disabled\") {\n    return (\n      <svg className=\"h-3 w-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M10 2a8 8 0 105.657 13.657L4.343 4.343A7.96 7.96 0 0010 2z\" />\n      </svg>\n    );\n  }\n  return (\n    <svg className=\"h-3 w-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path\n        fillRule=\"evenodd\"\n        d=\"M18 10A8 8 0 11 2 10a8 8 0 0116 0zM9 9a1 1 0 112 0v5a1 1 0 11-2 0V9zm1-4a1.25 1.25 0 100 2.5A1.25 1.25 0 0010 5z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n\nconst Spinner = () => (\n  <svg\n    className=\"h-3 w-3 animate-spin\"\n    viewBox=\"0 0 24 24\"\n    aria-label=\"Updating\"\n  >\n    <circle\n      className=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"4\"\n      fill=\"none\"\n    />\n    <path\n      className=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8v3a5 5 0 00-5 5H4z\"\n    />\n  </svg>\n);\n\nexport function AppStatusBadge({\n  status,\n  className\n}: {\n  status?: string | null;\n  className?: string;\n}) {\n  const normalized = typeof status === \"string\" ? status.trim() : \"\";\n  if (!normalized) return null;\n\n  const type = getStatusType(normalized);\n  const isUpdating = normalized.toLowerCase() === \"updating\";\n\n  return (\n    <span\n      className={cx(\n        \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium\",\n        getClassNameForType(type),\n        className\n      )}\n    >\n      {isUpdating ? <Spinner /> : <Icon type={type} />}\n      {toTitle(normalized)}\n    </span>\n  );\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 { AppStatusBadge } from \"./app-status-badge\";\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 * 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  // Prefer backend-provided appStatus (aligns with vendor portal customers page),\n  // otherwise fall back to derived resource-state rollup.\n  const statusForBadge = instance.appStatus || overallStatus;\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.appStatus ||\n              (instance.resourceStates && instance.resourceStates.length > 0)) && (\n              <AppStatusBadge status={statusForBadge} />\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"]}
+{"version":3,"sources":["../../src/utils/constants.ts","../../src/utils/format.ts","../../src/actions/instances.ts","../../src/components/app-status-badge.tsx","../../src/components/instance-card.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"instance-card.js","sourcesContent":["/**\n * Default globe favicon matching the CiGlobe icon (Circum Icons)\n * Used as fallback when custom branding doesn't provide a favicon\n */\nexport const DEFAULT_FAVICON = \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E\";\n\n/**\n * Default primary brand color\n */\nexport const DEFAULT_PRIMARY_COLOR = \"#4f46e5\";\n\n/**\n * Default secondary brand color\n */\nexport const DEFAULT_SECONDARY_COLOR = \"#6366f1\";\n\n/**\n * Check if the API origin is HTTP (used for repldev environments)\n * This determines cookie security settings for cross-origin iframes\n * @returns true if the API origin starts with http:// (not https://)\n */\nexport const isHttpApiOrigin = (): boolean => {\n  return process.env.REPLICATED_APP_ORIGIN?.startsWith('http://') || false;\n};\n","/**\n * Format bytes to human-readable string\n * @param bytes - Number of bytes\n * @param decimals - Number of decimal places (default: 1)\n * @returns Formatted string (e.g., \"1.5 MB\")\n */\nexport function formatBytes(bytes: number, decimals = 1): string {\n  if (bytes === 0) return \"0 Bytes\";\n\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\"];\n\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n}\n\n/**\n * Format date string to short numeric date (no time)\n * @param dateString - ISO date string or null/undefined\n * @returns Formatted string (e.g., \"01/27/2026\") or \"Never\" if no date\n */\nexport function formatDateShort(dateString?: string | null): string {\n  if (!dateString) return \"Never\";\n  const date = new Date(dateString);\n  if (isNaN(date.getTime())) {\n    return dateString;\n  }\n  return date.toLocaleDateString(\"en-US\", {\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\"\n  });\n}\n\n/**\n * Format date string to human-readable local timestamp\n * @param dateString - ISO date string or null/undefined\n * @returns Formatted string (e.g., \"Jan 27, 2026, 10:32 PM\") or \"Never\" if no date\n */\nexport function formatDate(dateString?: string | null): string {\n  if (!dateString) return \"Never\";\n  const date = new Date(dateString);\n  if (isNaN(date.getTime())) {\n    return dateString;\n  }\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n    hour: \"numeric\",\n    minute: \"2-digit\",\n    hour12: true\n  });\n}\n\n/**\n * Format date string to human-readable UTC timestamp\n * @param dateString - ISO date string\n * @returns Formatted string (e.g., \"01/27/2026, 22:32:39 UTC\")\n */\nexport function formatDateTime(dateString: string): string {\n  const date = new Date(dateString);\n  if (isNaN(date.getTime())) {\n    return dateString;\n  }\n  return date.toLocaleString(\"en-US\", {\n    timeZone: \"UTC\",\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    second: \"2-digit\",\n    hour12: false\n  }) + \" UTC\";\n}\n\n/**\n * Format date string to user-friendly local timestamp with 12-hour time\n * @param dateString - ISO date string or null/undefined\n * @returns Formatted string (e.g., \"1/27/2026, 10:32 PM\") or \"N/A\" if not provided\n */\nexport function formatDateTimeLocal(dateString?: string | null): string {\n  if (!dateString) return \"N/A\";\n\n  try {\n    const date = new Date(dateString);\n    if (isNaN(date.getTime())) {\n      return dateString;\n    }\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  } catch {\n    return \"N/A\";\n  }\n}\n","/**\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 cx from \"classnames\";\n\ntype StatusType = \"success\" | \"pending\" | \"warn\" | \"error\" | \"disabled\" | \"info\";\n\nconst toTitle = (value: string) => {\n  const s = value.trim();\n  if (!s) return s;\n  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n};\n\nconst getStatusType = (status: string): StatusType => {\n  switch (status.toUpperCase()) {\n    case \"READY\":\n      return \"success\";\n    case \"UPDATING\":\n      return \"pending\";\n    case \"DEGRADED\":\n      return \"warn\";\n    case \"INACTIVE\":\n      return \"disabled\";\n    case \"UNAVAILABLE\":\n    case \"MISSING\":\n      return \"error\";\n    default:\n      return \"info\";\n  }\n};\n\nconst getClassNameForType = (type: StatusType) => {\n  switch (type) {\n    case \"success\":\n      return \"bg-green-50 text-green-600\";\n    case \"pending\":\n      return \"bg-blue-50 text-blue-600\";\n    case \"warn\":\n      return \"bg-yellow-50 text-yellow-600\";\n    case \"error\":\n      return \"bg-rose-50 text-rose-600\";\n    case \"disabled\":\n      return \"bg-gray-100 text-gray-600\";\n    case \"info\":\n    default:\n      return \"bg-gray-50 text-gray-600\";\n  }\n};\n\nconst Icon = ({ type }: { type: StatusType }) => {\n  // Keep icons intentionally simple; the key is consistent mapping + capitalization.\n  if (type === \"success\") {\n    return (\n      <svg className=\"h-3 w-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path\n          fillRule=\"evenodd\"\n          d=\"M16.704 5.293a1 1 0 010 1.414l-7.5 7.5a1 1 0 01-1.414 0l-3.5-3.5a1 1 0 011.414-1.414l2.793 2.793 6.793-6.793a1 1 0 011.414 0z\"\n          clipRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n  if (type === \"warn\") {\n    return (\n      <svg className=\"h-3 w-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path\n          fillRule=\"evenodd\"\n          d=\"M8.257 3.099c.765-1.36 2.721-1.36 3.486 0l6.518 11.59c.75 1.334-.213 2.987-1.742 2.987H3.48c-1.53 0-2.492-1.653-1.743-2.987L8.257 3.1zM10 7a1 1 0 00-1 1v3a1 1 0 102 0V8a1 1 0 00-1-1zm0 8a1.25 1.25 0 100-2.5A1.25 1.25 0 0010 15z\"\n          clipRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n  if (type === \"error\") {\n    return (\n      <svg className=\"h-3 w-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path\n          fillRule=\"evenodd\"\n          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm2.707-10.707a1 1 0 00-1.414-1.414L10 7.172 8.707 5.879a1 1 0 10-1.414 1.414L8.586 8.586l-1.293 1.293a1 1 0 101.414 1.414L10 10l1.293 1.293a1 1 0 001.414-1.414L11.414 8.586l1.293-1.293z\"\n          clipRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n  if (type === \"disabled\") {\n    return (\n      <svg className=\"h-3 w-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M10 2a8 8 0 105.657 13.657L4.343 4.343A7.96 7.96 0 0010 2z\" />\n      </svg>\n    );\n  }\n  return (\n    <svg className=\"h-3 w-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path\n        fillRule=\"evenodd\"\n        d=\"M18 10A8 8 0 11 2 10a8 8 0 0116 0zM9 9a1 1 0 112 0v5a1 1 0 11-2 0V9zm1-4a1.25 1.25 0 100 2.5A1.25 1.25 0 0010 5z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n\nconst Spinner = () => (\n  <svg\n    className=\"h-3 w-3 animate-spin\"\n    viewBox=\"0 0 24 24\"\n    aria-label=\"Updating\"\n  >\n    <circle\n      className=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"4\"\n      fill=\"none\"\n    />\n    <path\n      className=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8v3a5 5 0 00-5 5H4z\"\n    />\n  </svg>\n);\n\nexport function AppStatusBadge({\n  status,\n  className\n}: {\n  status?: string | null;\n  className?: string;\n}) {\n  const normalized = typeof status === \"string\" ? status.trim() : \"\";\n  if (!normalized) return null;\n\n  const type = getStatusType(normalized);\n  const isUpdating = normalized.toLowerCase() === \"updating\";\n\n  return (\n    <span\n      className={cx(\n        \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium\",\n        getClassNameForType(type),\n        className\n      )}\n    >\n      {isUpdating ? <Spinner /> : <Icon type={type} />}\n      {toTitle(normalized)}\n    </span>\n  );\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 { AppStatusBadge } from \"./app-status-badge\";\nimport type { SecurityReleaseImage, GetSecurityInfoDiffResult } from \"../actions\";\nimport { DEFAULT_SECONDARY_COLOR } from \"../utils/constants\";\nimport { formatDateTimeLocal } from \"../utils/format\";\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 * 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 * 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 = DEFAULT_SECONDARY_COLOR,\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  // Prefer backend-provided appStatus (aligns with vendor portal customers page),\n  // otherwise fall back to derived resource-state rollup.\n  const statusForBadge = instance.appStatus || overallStatus;\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\n                className=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                style={{\n                  backgroundColor: `var(--portal-branding-primary-light, ${DEFAULT_SECONDARY_COLOR}20)`,\n                  color: `var(--portal-branding-primary, ${DEFAULT_SECONDARY_COLOR})`\n                }}\n              >\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.appStatus ||\n              (instance.resourceStates && instance.resourceStates.length > 0)) && (\n              <AppStatusBadge status={statusForBadge} />\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                {formatDateTimeLocal(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                {formatDateTimeLocal(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"]}