@replicated/portal-components 0.0.19 → 0.0.21

package/dist/esm/error-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/error.tsx","../../src/components/error-page.tsx"],"names":["jsx"],"mappings":"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","file":"error-page.js","sourcesContent":["\"use client\";\n\nimport type { SVGProps } from \"react\";\nimport Link from \"next/link\";\n\nconst AlertTriangleIcon = (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    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\" />\n    <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n    <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n  </svg>\n);\n\nconst ServerIcon = (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    aria-hidden=\"true\"\n    {...props}\n  >\n    <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\" />\n    <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\" />\n    <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\" />\n    <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\" />\n  </svg>\n);\n\nexport interface ErrorProps {\n  code?: number;\n  message?: string;\n  homeUrl?: string;\n  sourceUrl?: string;\n  onRetry?: () => void;\n}\n\nconst getErrorContent = (code?: number) => {\n  switch (code) {\n    case 502:\n      return {\n        title: \"Service Unavailable\",\n        description: \"The service is temporarily unavailable. Please try again in a few moments.\",\n        icon: ServerIcon,\n      };\n    case 503:\n      return {\n        title: \"Service Unavailable\",\n        description: \"The service is currently undergoing maintenance. Please try again later.\",\n        icon: ServerIcon,\n      };\n    case 504:\n      return {\n        title: \"Gateway Timeout\",\n        description: \"The request took too long to process. Please try again.\",\n        icon: ServerIcon,\n      };\n    case 500:\n      return {\n        title: \"Internal Server Error\",\n        description: \"Something went wrong on our end. Please try again later.\",\n        icon: AlertTriangleIcon,\n      };\n    case 404:\n      return {\n        title: \"Page Not Found\",\n        description: \"The page you're looking for doesn't exist or has been moved.\",\n        icon: AlertTriangleIcon,\n      };\n    case 403:\n      return {\n        title: \"Access Denied\",\n        description: \"You don't have permission to access this resource.\",\n        icon: AlertTriangleIcon,\n      };\n    default:\n      return {\n        title: \"Something Went Wrong\",\n        description: \"An unexpected error occurred. Please try again later.\",\n        icon: AlertTriangleIcon,\n      };\n  }\n};\n\nexport const Error = ({ \n  code, \n  message,\n  homeUrl = \"/\",\n  sourceUrl,\n  onRetry\n}: ErrorProps) => {\n  const errorContent = getErrorContent(code);\n  const Icon = errorContent.icon;\n\n  const handleRetry = () => {\n    if (onRetry) {\n      onRetry();\n    } else if (sourceUrl) {\n      window.location.href = sourceUrl;\n    } else {\n      window.location.reload();\n    }\n  };\n\n  return (\n    <div className=\"w-full max-w-md\">\n      <div className=\"rounded-3xl border border-gray-200 bg-white p-8 shadow-[0_12px_30px_rgba(17,24,39,0.12)] text-center\">\n        <div className=\"mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-red-100\">\n          <Icon className=\"h-8 w-8 text-red-600\" />\n        </div>\n        \n        {code && (\n          <div className=\"mt-6 text-sm font-semibold text-gray-500\">\n            Error {code}\n          </div>\n        )}\n        \n        <h1 className=\"mt-2 text-2xl font-bold text-gray-900\">\n          {errorContent.title}\n        </h1>\n        \n        <p className=\"mt-4 text-sm text-gray-600\">\n          {message || errorContent.description}\n        </p>\n        \n        <div className=\"mt-8 flex flex-col gap-3 sm:flex-row sm:justify-center\">\n          <Link\n            href={homeUrl}\n            className=\"inline-flex items-center justify-center rounded-lg bg-indigo-600 px-6 py-3 text-sm font-semibold text-white shadow-sm transition hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600\"\n          >\n            Go to Home\n          </Link>\n          <button\n            type=\"button\"\n            onClick={handleRetry}\n            className=\"inline-flex items-center justify-center rounded-lg border border-gray-300 bg-white px-6 py-3 text-sm font-semibold text-gray-700 shadow-sm transition hover:bg-gray-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600\"\n          >\n            Try Again\n          </button>\n        </div>\n        \n        {code && code >= 500 && (\n          <p className=\"mt-6 text-xs text-gray-500\">\n            If this problem persists, please contact support.\n          </p>\n        )}\n      </div>\n    </div>\n  );\n};\n\nError.displayName = \"Error\";\n","\"use client\";\n\nimport { Error } from \"./error\";\n\ninterface ErrorPageProps {\n  statusCode?: number;\n  message?: string;\n  homeUrl?: string;\n  sourceUrl?: string;\n}\n\nexport const ErrorPage = ({ \n  statusCode, \n  message,\n  homeUrl = \"/\",\n  sourceUrl\n}: ErrorPageProps) => {\n  return (\n    <div className=\"flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12\">\n      <Error code={statusCode} message={message} homeUrl={homeUrl} sourceUrl={sourceUrl} />\n    </div>\n  );\n};\n\nErrorPage.displayName = \"ErrorPage\";\n"]}
+{"version":3,"sources":["../../src/utils/constants.ts","../../src/components/error.tsx","../../src/components/error-page.tsx"],"names":["jsx"],"mappings":"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","file":"error-page.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 type { SVGProps } from \"react\";\nimport Link from \"next/link\";\nimport { DEFAULT_SECONDARY_COLOR } from \"../utils/constants\";\n\nconst AlertTriangleIcon = (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    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\" />\n    <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n    <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n  </svg>\n);\n\nconst ServerIcon = (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    aria-hidden=\"true\"\n    {...props}\n  >\n    <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\" />\n    <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\" />\n    <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\" />\n    <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\" />\n  </svg>\n);\n\nexport interface ErrorProps {\n  code?: number;\n  message?: string;\n  homeUrl?: string;\n  sourceUrl?: string;\n  onRetry?: () => void;\n}\n\nconst getErrorContent = (code?: number) => {\n  switch (code) {\n    case 502:\n      return {\n        title: \"Service Unavailable\",\n        description: \"The service is temporarily unavailable. Please try again in a few moments.\",\n        icon: ServerIcon,\n      };\n    case 503:\n      return {\n        title: \"Service Unavailable\",\n        description: \"The service is currently undergoing maintenance. Please try again later.\",\n        icon: ServerIcon,\n      };\n    case 504:\n      return {\n        title: \"Gateway Timeout\",\n        description: \"The request took too long to process. Please try again.\",\n        icon: ServerIcon,\n      };\n    case 500:\n      return {\n        title: \"Internal Server Error\",\n        description: \"Something went wrong on our end. Please try again later.\",\n        icon: AlertTriangleIcon,\n      };\n    case 404:\n      return {\n        title: \"Page Not Found\",\n        description: \"The page you're looking for doesn't exist or has been moved.\",\n        icon: AlertTriangleIcon,\n      };\n    case 403:\n      return {\n        title: \"Access Denied\",\n        description: \"You don't have permission to access this resource.\",\n        icon: AlertTriangleIcon,\n      };\n    default:\n      return {\n        title: \"Something Went Wrong\",\n        description: \"An unexpected error occurred. Please try again later.\",\n        icon: AlertTriangleIcon,\n      };\n  }\n};\n\nexport const Error = ({ \n  code, \n  message,\n  homeUrl = \"/\",\n  sourceUrl,\n  onRetry\n}: ErrorProps) => {\n  const errorContent = getErrorContent(code);\n  const Icon = errorContent.icon;\n\n  const handleRetry = () => {\n    if (onRetry) {\n      onRetry();\n    } else if (sourceUrl) {\n      // Preserve source URL in a cookie so server-side can read it on retry\n      // Cookie expires in 5 minutes (enough time for retry)\n      try {\n        document.cookie = `portal_error_source=${encodeURIComponent(sourceUrl)}; path=/; max-age=300; samesite=lax`;\n      } catch (e) {\n        // Ignore cookie errors\n      }\n      window.location.href = sourceUrl;\n    } else {\n      window.location.reload();\n    }\n  };\n\n  return (\n    <div className=\"w-full max-w-md\">\n      <div className=\"rounded-3xl border border-gray-200 bg-white p-8 shadow-[0_12px_30px_rgba(17,24,39,0.12)] text-center\">\n        <div className=\"mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-red-100\">\n          <Icon className=\"h-8 w-8 text-red-600\" />\n        </div>\n        \n        {code && (\n          <div className=\"mt-6 text-sm font-semibold text-gray-500\">\n            Error {code}\n          </div>\n        )}\n        \n        <h1 className=\"mt-2 text-2xl font-bold text-gray-900\">\n          {errorContent.title}\n        </h1>\n        \n        <p className=\"mt-4 text-sm text-gray-600\">\n          {message || errorContent.description}\n        </p>\n        \n        <div className=\"mt-8 flex flex-col gap-3 sm:flex-row sm:justify-center\">\n          <Link\n            href={homeUrl}\n            className=\"inline-flex items-center justify-center rounded-lg px-6 py-3 text-sm font-semibold text-white shadow-sm transition-opacity duration-200 hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2\"\n            style={{ backgroundColor: `var(--portal-branding-primary, ${DEFAULT_SECONDARY_COLOR})` }}\n          >\n            Go to Home\n          </Link>\n          {(sourceUrl || onRetry) && (\n            <button\n              type=\"button\"\n              onClick={handleRetry}\n              className=\"inline-flex items-center justify-center rounded-lg border border-gray-300 bg-white px-6 py-3 text-sm font-semibold text-gray-700 shadow-sm transition hover:bg-gray-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600\"\n            >\n              Try Again\n            </button>\n          )}\n        </div>\n        \n        {code && code >= 500 && (\n          <p className=\"mt-6 text-xs text-gray-500\">\n            If this problem persists, please contact support.\n          </p>\n        )}\n      </div>\n    </div>\n  );\n};\n\nError.displayName = \"Error\";\n","\"use client\";\n\nimport { Error } from \"./error\";\n\ninterface ErrorPageProps {\n  statusCode?: number;\n  message?: string;\n  homeUrl?: string;\n  sourceUrl?: string;\n}\n\nexport const ErrorPage = ({ \n  statusCode, \n  message,\n  homeUrl = \"/\",\n  sourceUrl\n}: ErrorPageProps) => {\n  return (\n    <div className=\"flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12\">\n      <Error code={statusCode} message={message} homeUrl={homeUrl} sourceUrl={sourceUrl} />\n    </div>\n  );\n};\n\nErrorPage.displayName = \"ErrorPage\";\n"]}

package/dist/esm/error.js

@@ -7,6 +7,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 AlertTriangleIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -101,6 +104,10 @@ var Error = ({
     if (onRetry) {
       onRetry();
     } else if (sourceUrl) {
+      try {
+        document.cookie = `portal_error_source=${encodeURIComponent(sourceUrl)}; path=/; max-age=300; samesite=lax`;
+      } catch (e) {
+      }
       window.location.href = sourceUrl;
     } else {
       window.location.reload();
@@ -119,11 +126,12 @@ var Error = ({
         Link,
         {
           href: homeUrl,
-          className: "inline-flex items-center justify-center rounded-lg bg-indigo-600 px-6 py-3 text-sm font-semibold text-white shadow-sm transition hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600",
+          className: "inline-flex items-center justify-center rounded-lg px-6 py-3 text-sm font-semibold text-white shadow-sm transition-opacity duration-200 hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
+          style: { backgroundColor: `var(--portal-branding-primary, ${DEFAULT_SECONDARY_COLOR})` },
           children: "Go to Home"
         }
       ),
-      /* @__PURE__ */ jsx(
+      (sourceUrl || onRetry) && /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",

package/dist/esm/error.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/error.tsx"],"names":[],"mappings":"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","file":"error.js","sourcesContent":["\"use client\";\n\nimport type { SVGProps } from \"react\";\nimport Link from \"next/link\";\n\nconst AlertTriangleIcon = (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    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\" />\n    <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n    <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n  </svg>\n);\n\nconst ServerIcon = (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    aria-hidden=\"true\"\n    {...props}\n  >\n    <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\" />\n    <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\" />\n    <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\" />\n    <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\" />\n  </svg>\n);\n\nexport interface ErrorProps {\n  code?: number;\n  message?: string;\n  homeUrl?: string;\n  sourceUrl?: string;\n  onRetry?: () => void;\n}\n\nconst getErrorContent = (code?: number) => {\n  switch (code) {\n    case 502:\n      return {\n        title: \"Service Unavailable\",\n        description: \"The service is temporarily unavailable. Please try again in a few moments.\",\n        icon: ServerIcon,\n      };\n    case 503:\n      return {\n        title: \"Service Unavailable\",\n        description: \"The service is currently undergoing maintenance. Please try again later.\",\n        icon: ServerIcon,\n      };\n    case 504:\n      return {\n        title: \"Gateway Timeout\",\n        description: \"The request took too long to process. Please try again.\",\n        icon: ServerIcon,\n      };\n    case 500:\n      return {\n        title: \"Internal Server Error\",\n        description: \"Something went wrong on our end. Please try again later.\",\n        icon: AlertTriangleIcon,\n      };\n    case 404:\n      return {\n        title: \"Page Not Found\",\n        description: \"The page you're looking for doesn't exist or has been moved.\",\n        icon: AlertTriangleIcon,\n      };\n    case 403:\n      return {\n        title: \"Access Denied\",\n        description: \"You don't have permission to access this resource.\",\n        icon: AlertTriangleIcon,\n      };\n    default:\n      return {\n        title: \"Something Went Wrong\",\n        description: \"An unexpected error occurred. Please try again later.\",\n        icon: AlertTriangleIcon,\n      };\n  }\n};\n\nexport const Error = ({ \n  code, \n  message,\n  homeUrl = \"/\",\n  sourceUrl,\n  onRetry\n}: ErrorProps) => {\n  const errorContent = getErrorContent(code);\n  const Icon = errorContent.icon;\n\n  const handleRetry = () => {\n    if (onRetry) {\n      onRetry();\n    } else if (sourceUrl) {\n      window.location.href = sourceUrl;\n    } else {\n      window.location.reload();\n    }\n  };\n\n  return (\n    <div className=\"w-full max-w-md\">\n      <div className=\"rounded-3xl border border-gray-200 bg-white p-8 shadow-[0_12px_30px_rgba(17,24,39,0.12)] text-center\">\n        <div className=\"mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-red-100\">\n          <Icon className=\"h-8 w-8 text-red-600\" />\n        </div>\n        \n        {code && (\n          <div className=\"mt-6 text-sm font-semibold text-gray-500\">\n            Error {code}\n          </div>\n        )}\n        \n        <h1 className=\"mt-2 text-2xl font-bold text-gray-900\">\n          {errorContent.title}\n        </h1>\n        \n        <p className=\"mt-4 text-sm text-gray-600\">\n          {message || errorContent.description}\n        </p>\n        \n        <div className=\"mt-8 flex flex-col gap-3 sm:flex-row sm:justify-center\">\n          <Link\n            href={homeUrl}\n            className=\"inline-flex items-center justify-center rounded-lg bg-indigo-600 px-6 py-3 text-sm font-semibold text-white shadow-sm transition hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600\"\n          >\n            Go to Home\n          </Link>\n          <button\n            type=\"button\"\n            onClick={handleRetry}\n            className=\"inline-flex items-center justify-center rounded-lg border border-gray-300 bg-white px-6 py-3 text-sm font-semibold text-gray-700 shadow-sm transition hover:bg-gray-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600\"\n          >\n            Try Again\n          </button>\n        </div>\n        \n        {code && code >= 500 && (\n          <p className=\"mt-6 text-xs text-gray-500\">\n            If this problem persists, please contact support.\n          </p>\n        )}\n      </div>\n    </div>\n  );\n};\n\nError.displayName = \"Error\";\n"]}
+{"version":3,"sources":["../../src/utils/constants.ts","../../src/components/error.tsx"],"names":[],"mappings":"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","file":"error.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 type { SVGProps } from \"react\";\nimport Link from \"next/link\";\nimport { DEFAULT_SECONDARY_COLOR } from \"../utils/constants\";\n\nconst AlertTriangleIcon = (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    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\" />\n    <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n    <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n  </svg>\n);\n\nconst ServerIcon = (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    aria-hidden=\"true\"\n    {...props}\n  >\n    <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\" />\n    <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\" />\n    <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\" />\n    <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\" />\n  </svg>\n);\n\nexport interface ErrorProps {\n  code?: number;\n  message?: string;\n  homeUrl?: string;\n  sourceUrl?: string;\n  onRetry?: () => void;\n}\n\nconst getErrorContent = (code?: number) => {\n  switch (code) {\n    case 502:\n      return {\n        title: \"Service Unavailable\",\n        description: \"The service is temporarily unavailable. Please try again in a few moments.\",\n        icon: ServerIcon,\n      };\n    case 503:\n      return {\n        title: \"Service Unavailable\",\n        description: \"The service is currently undergoing maintenance. Please try again later.\",\n        icon: ServerIcon,\n      };\n    case 504:\n      return {\n        title: \"Gateway Timeout\",\n        description: \"The request took too long to process. Please try again.\",\n        icon: ServerIcon,\n      };\n    case 500:\n      return {\n        title: \"Internal Server Error\",\n        description: \"Something went wrong on our end. Please try again later.\",\n        icon: AlertTriangleIcon,\n      };\n    case 404:\n      return {\n        title: \"Page Not Found\",\n        description: \"The page you're looking for doesn't exist or has been moved.\",\n        icon: AlertTriangleIcon,\n      };\n    case 403:\n      return {\n        title: \"Access Denied\",\n        description: \"You don't have permission to access this resource.\",\n        icon: AlertTriangleIcon,\n      };\n    default:\n      return {\n        title: \"Something Went Wrong\",\n        description: \"An unexpected error occurred. Please try again later.\",\n        icon: AlertTriangleIcon,\n      };\n  }\n};\n\nexport const Error = ({ \n  code, \n  message,\n  homeUrl = \"/\",\n  sourceUrl,\n  onRetry\n}: ErrorProps) => {\n  const errorContent = getErrorContent(code);\n  const Icon = errorContent.icon;\n\n  const handleRetry = () => {\n    if (onRetry) {\n      onRetry();\n    } else if (sourceUrl) {\n      // Preserve source URL in a cookie so server-side can read it on retry\n      // Cookie expires in 5 minutes (enough time for retry)\n      try {\n        document.cookie = `portal_error_source=${encodeURIComponent(sourceUrl)}; path=/; max-age=300; samesite=lax`;\n      } catch (e) {\n        // Ignore cookie errors\n      }\n      window.location.href = sourceUrl;\n    } else {\n      window.location.reload();\n    }\n  };\n\n  return (\n    <div className=\"w-full max-w-md\">\n      <div className=\"rounded-3xl border border-gray-200 bg-white p-8 shadow-[0_12px_30px_rgba(17,24,39,0.12)] text-center\">\n        <div className=\"mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-red-100\">\n          <Icon className=\"h-8 w-8 text-red-600\" />\n        </div>\n        \n        {code && (\n          <div className=\"mt-6 text-sm font-semibold text-gray-500\">\n            Error {code}\n          </div>\n        )}\n        \n        <h1 className=\"mt-2 text-2xl font-bold text-gray-900\">\n          {errorContent.title}\n        </h1>\n        \n        <p className=\"mt-4 text-sm text-gray-600\">\n          {message || errorContent.description}\n        </p>\n        \n        <div className=\"mt-8 flex flex-col gap-3 sm:flex-row sm:justify-center\">\n          <Link\n            href={homeUrl}\n            className=\"inline-flex items-center justify-center rounded-lg px-6 py-3 text-sm font-semibold text-white shadow-sm transition-opacity duration-200 hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2\"\n            style={{ backgroundColor: `var(--portal-branding-primary, ${DEFAULT_SECONDARY_COLOR})` }}\n          >\n            Go to Home\n          </Link>\n          {(sourceUrl || onRetry) && (\n            <button\n              type=\"button\"\n              onClick={handleRetry}\n              className=\"inline-flex items-center justify-center rounded-lg border border-gray-300 bg-white px-6 py-3 text-sm font-semibold text-gray-700 shadow-sm transition hover:bg-gray-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600\"\n            >\n              Try Again\n            </button>\n          )}\n        </div>\n        \n        {code && code >= 500 && (\n          <p className=\"mt-6 text-xs text-gray-500\">\n            If this problem persists, please contact support.\n          </p>\n        )}\n      </div>\n    </div>\n  );\n};\n\nError.displayName = \"Error\";\n"]}

package/dist/esm/helm-install-wizard.js

@@ -6,7 +6,40 @@ import { Buffer } from 'buffer';
  * Enterprise Portal Components
  * This file is generated by tsup. Do not edit manually.
  */
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// datadog/tracer.ts
+var tracer_exports = {};
+__export(tracer_exports, {
+  default: () => tracer_default
+});
+var tracer_default;
 
+// src/utils/constants.ts
+var DEFAULT_SECONDARY_COLOR = "#6366f1";
+function useCopyToClipboard(resetDelay = 2e3) {
+  const [copied, setCopied] = useState(false);
+  const copy = useCallback(async (text) => {
+    if (!navigator.clipboard) {
+      console.warn("[useCopyToClipboard] Clipboard API not available");
+      return false;
+    }
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), resetDelay);
+      return true;
+    } catch (error) {
+      console.error("[useCopyToClipboard] Failed to copy:", error);
+      return false;
+    }
+  }, [resetDelay]);
+  return { copy, copied };
+}
 var navigateTo = (href) => {
   if (typeof window !== "undefined") {
     window.location.assign(href);
@@ -22,26 +55,12 @@ var K8S_DISTRIBUTIONS = [
   { value: "eks", label: "Amazon EKS" },
   { value: "gke", label: "Google GKE" }
 ];
-var copyToClipboard = async (text) => {
-  try {
-    await navigator.clipboard.writeText(text);
-    return true;
-  } catch {
-    return false;
-  }
-};
 var CodeBlock = ({
   command,
   className = ""
 }) => {
-  const [copied, setCopied] = useState(false);
-  const handleCopy = async () => {
-    const success = await copyToClipboard(command);
-    if (success) {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    }
-  };
+  const { copy, copied } = useCopyToClipboard();
+  const handleCopy = () => copy(command);
   return /* @__PURE__ */ jsxs("div", { className: `group relative min-w-0 ${className}`, children: [
     /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-lg bg-gray-900 p-4 text-sm text-gray-100", children: /* @__PURE__ */ jsx("code", { className: "block", children: command }) }),
     /* @__PURE__ */ jsx(
@@ -56,11 +75,12 @@ var CodeBlock = ({
     )
   ] });
 };
-var StepIndicator = ({ step }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-3", children: [
+var StepIndicator = ({ step, primaryColor = DEFAULT_SECONDARY_COLOR }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-3", children: [
   /* @__PURE__ */ jsx(
     "div",
     {
-      className: `flex h-10 w-10 items-center justify-center rounded-full border-2 ${step > 1 ? "border-gray-900 bg-gray-900 text-white" : "border-indigo-500"}`,
+      className: `flex h-10 w-10 items-center justify-center rounded-full border-2 ${step > 1 ? "border-gray-900 bg-gray-900 text-white" : ""}`,
+      style: step === 1 ? { borderColor: primaryColor } : void 0,
       children: step > 1 ? /* @__PURE__ */ jsx(
         "svg",
         {
@@ -72,7 +92,7 @@ var StepIndicator = ({ step }) => /* @__PURE__ */ jsxs("div", { className: "flex
           strokeWidth: "2",
           children: /* @__PURE__ */ jsx("path", { d: "m3.5 8 3 3 6-6" })
         }
-      ) : /* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-indigo-500" })
+      ) : /* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full", style: { backgroundColor: primaryColor } })
     }
   ),
   /* @__PURE__ */ jsx("div", { className: `h-0.5 w-12 ${step > 1 ? "bg-gray-900" : "bg-gray-200"}` }),
@@ -90,11 +110,12 @@ var VersionDropdown = ({
   onSelect,
   isLoading,
   isLoadingInstructions,
-  error
+  error,
+  primaryColor = DEFAULT_SECONDARY_COLOR
 }) => {
   if (isLoading) {
     return /* @__PURE__ */ jsxs("div", { className: "ml-8 flex items-center gap-2 text-sm text-gray-500", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-indigo-500" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-gray-300", style: { borderTopColor: primaryColor } }),
       "Loading versions..."
     ] });
   }
@@ -110,7 +131,7 @@ var VersionDropdown = ({
   return /* @__PURE__ */ jsxs("div", { className: "ml-8 space-y-2", children: [
     /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-600", children: [
       "App Version",
-      isLoadingInstructions && /* @__PURE__ */ jsx("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-indigo-500" })
+      isLoadingInstructions && /* @__PURE__ */ jsx("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-gray-300", style: { borderTopColor: primaryColor } })
     ] }),
     /* @__PURE__ */ jsx(
       "select",
@@ -163,11 +184,12 @@ var InstallationInstructions = ({
   isLoading,
   completedSteps = {},
   registryAccess = "online",
-  networkAvailability = "online"
+  networkAvailability = "online",
+  primaryColor = DEFAULT_SECONDARY_COLOR
 }) => {
   if (isLoading && !instructions?.steps?.length) {
     return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-500", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-indigo-500" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-gray-300", style: { borderTopColor: primaryColor } }),
       "Loading instructions..."
     ] }) });
   }
@@ -176,13 +198,13 @@ var InstallationInstructions = ({
   }
   const completableStepNames = ["export_credentials", "install_chart"];
   const stepOffset = networkAvailability === "airgap" ? 3 : 2;
-  return /* @__PURE__ */ jsx("div", { className: `min-w-0 space-y-4 transition-opacity duration-150 ${isLoading ? "opacity-60" : ""}`, children: /* @__PURE__ */ jsx("ol", { className: "min-w-0 space-y-6 text-sm text-gray-700", children: instructions.steps.map((step, index) => {
+  return /* @__PURE__ */ jsx("div", { className: `min-w-0 space-y-4 transition-opacity duration-200 ${isLoading ? "opacity-60" : ""}`, children: /* @__PURE__ */ jsx("ol", { className: "min-w-0 space-y-6 text-sm text-gray-700", children: instructions.steps.map((step, index) => {
     const canComplete = step.maybe_completed || completableStepNames.includes(step.step_name);
     const isCompleted = canComplete && completedSteps[step.step_name];
     const isPartialInstallChart = registryAccess === "partial" && step.step_name === "install_chart";
     return /* @__PURE__ */ jsxs("li", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-indigo-100 font-semibold text-indigo-500", children: index + stepOffset }),
+        /* @__PURE__ */ jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full font-semibold", style: { backgroundColor: `${primaryColor}20`, color: primaryColor }, children: index + stepOffset }),
         /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-900", children: step.title }),
         canComplete && /* @__PURE__ */ jsx(
           "span",
@@ -216,6 +238,8 @@ var InstallationInstructions = ({
 };
 var HelmInstallWizard = ({
   token,
+  primaryColor = DEFAULT_SECONDARY_COLOR,
+  secondaryColor = DEFAULT_SECONDARY_COLOR,
   createServiceAccountAction,
   fetchChannelReleasesAction,
   createInstallOptionsAction,
@@ -227,7 +251,8 @@ var HelmInstallWizard = ({
   initialInstallOptionsId,
   initialInstallOptionsData,
   initialChannelReleases,
-  supportPortalLink
+  supportPortalLink,
+  isHelmAirgapEnabled = false
 }) => {
   const [step, setStep] = useState(initialStep ?? 1);
   const [instanceName, setInstanceName] = useState(initialInstallOptionsData?.instance_name ?? "");
@@ -261,7 +286,6 @@ var HelmInstallWizard = ({
   const [isLoadingInstructions, setIsLoadingInstructions] = useState(false);
   const [inputRegistryHostname, setInputRegistryHostname] = useState("");
   const [privateRegistryHostname, setPrivateRegistryHostname] = useState("");
-  const registryDebounceRef = useRef(null);
   const [completedSteps, setCompletedSteps] = useState({});
   const hasInitializedFromProps = useRef(!!initialInstallOptionsData);
   useEffect(() => {
@@ -291,6 +315,7 @@ var HelmInstallWizard = ({
   }, [initialInstallOptionsData]);
   const hasLoadedReleases = useRef(!!initialChannelReleases?.length);
   const hasResumedInstallation = useRef(!!initialInstallOptionsData);
+  const selectedReleaseRef = useRef(selectedRelease);
   const helmReleases = useMemo(() => {
     return releases.filter((r) => r.helmCharts && r.helmCharts.length > 0);
   }, [releases]);
@@ -316,6 +341,9 @@ var HelmInstallWizard = ({
       prevInstallOptionsIdRef.current = installOptionsId;
     }
   }, [installOptionsId, onInstallOptionsIdChange]);
+  useEffect(() => {
+    selectedReleaseRef.current = selectedRelease;
+  }, [selectedRelease]);
   useEffect(() => {
     if (step !== 2 || !fetchChannelReleasesAction || hasLoadedReleases.current) {
       return;
@@ -392,37 +420,35 @@ var HelmInstallWizard = ({
       }
     };
     updateOptions();
-  }, [selectedRelease, installOptionsId, token, updateInstallOptionsAction, networkAvailability, registryAccess, privateRegistryHostname]);
-  const lastPrivateRegistryRef = useRef("");
+  }, [selectedRelease, installOptionsId, token, updateInstallOptionsAction, networkAvailability, registryAccess]);
   useEffect(() => {
-    if (networkAvailability !== "airgap" || !installOptionsId || !getInstallOptionsAction) {
-      return;
-    }
-    const currentValue = privateRegistryHostname || "";
-    if (lastPrivateRegistryRef.current === currentValue) {
+    if (networkAvailability !== "airgap" || !installOptionsId || !updateInstallOptionsAction || !selectedRelease) {
       return;
     }
-    lastPrivateRegistryRef.current = currentValue;
-    const refreshInstructions = async () => {
-      setIsLoadingInstructions(true);
+    const timeoutId = setTimeout(async () => {
+      const currentRelease = selectedReleaseRef.current;
+      if (!currentRelease) {
+        return;
+      }
       try {
-        const result = await getInstallOptionsAction({
+        const result = await updateInstallOptionsAction({
           token,
           installOptionsId,
+          channelId: currentRelease.channelId,
+          channelReleaseSequence: currentRelease.channelSequence,
+          registryAvailability: registryAccess,
           includeInstructions: true,
-          privateRegistryHostname: currentValue || void 0
+          privateRegistryHostname: privateRegistryHostname || void 0
         });
         if (result.instructions) {
           setInstructions(result.instructions);
         }
       } catch (error) {
-        console.error("[helm-install-wizard] Failed to refresh instructions", error);
-      } finally {
-        setIsLoadingInstructions(false);
+        console.error("[helm-install-wizard] Failed to update private registry hostname", error);
       }
-    };
-    refreshInstructions();
-  }, [privateRegistryHostname, networkAvailability, installOptionsId, token, getInstallOptionsAction]);
+    }, 500);
+    return () => clearTimeout(timeoutId);
+  }, [privateRegistryHostname, networkAvailability, installOptionsId, updateInstallOptionsAction, token, registryAccess]);
   useEffect(() => {
     if (hasResumedInstallation.current) {
       return;
@@ -525,7 +551,6 @@ var HelmInstallWizard = ({
         if (networkAvailability !== "airgap") {
           setInputRegistryHostname("");
           setPrivateRegistryHostname("");
-          lastPrivateRegistryRef.current = "";
         }
         setInstructions(null);
         await updateInstallOptionsAction({
@@ -633,7 +658,7 @@ var HelmInstallWizard = ({
     onStepChange?.(1);
   };
   const handleFinish = useCallback(async () => {
-    navigateTo("/update");
+    navigateTo("/updates/checking");
   }, []);
   const handleReleaseSelect = useCallback((release) => {
     setSelectedRelease(release);
@@ -641,30 +666,18 @@ var HelmInstallWizard = ({
   const handlePrivateRegistryHostnameChange = useCallback((e) => {
     const value = e.target.value;
     setInputRegistryHostname(value);
-    if (registryDebounceRef.current) {
-      clearTimeout(registryDebounceRef.current);
-    }
-    registryDebounceRef.current = setTimeout(() => {
-      setPrivateRegistryHostname(value);
-    }, 1e3);
-  }, []);
-  useEffect(() => {
-    return () => {
-      if (registryDebounceRef.current) {
-        clearTimeout(registryDebounceRef.current);
-      }
-    };
+    setPrivateRegistryHostname(value);
   }, []);
   if (step === 2) {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsx(StepIndicator, { step: 2 }),
+      /* @__PURE__ */ jsx(StepIndicator, { step: 2, primaryColor }),
       /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-2xl border border-gray-100 bg-gray-50 p-6", children: /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-6", children: [
         /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-gray-900", children: networkAvailability === "proxy" ? "Helm Proxy Install" : networkAvailability === "airgap" ? "Helm Air Gap Install" : "Helm Online Install" }),
           /* @__PURE__ */ jsxs("div", { className: "mt-6 space-y-6", children: [
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-indigo-500", children: [
-                /* @__PURE__ */ jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-indigo-100 font-semibold", children: "1" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", style: { color: primaryColor }, children: [
+                /* @__PURE__ */ jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full font-semibold", style: { backgroundColor: `${primaryColor}20`, color: primaryColor }, children: "1" }),
                 /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-900", children: "Select a version" })
               ] }),
               /* @__PURE__ */ jsx(
@@ -675,13 +688,14 @@ var HelmInstallWizard = ({
                   onSelect: handleReleaseSelect,
                   isLoading: isLoadingReleases,
                   isLoadingInstructions,
-                  error: releasesError
+                  error: releasesError,
+                  primaryColor
                 }
               )
             ] }),
             networkAvailability === "airgap" && selectedRelease && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-indigo-500", children: [
-                /* @__PURE__ */ jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-indigo-100 font-semibold", children: "2" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", style: { color: primaryColor }, children: [
+                /* @__PURE__ */ jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full font-semibold", style: { backgroundColor: `${primaryColor}20`, color: primaryColor }, children: "2" }),
                 /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-900", children: "(Optional) Specify registry URI" })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "ml-8", children: [
@@ -709,7 +723,8 @@ var HelmInstallWizard = ({
                 isLoading: isLoadingInstructions,
                 completedSteps,
                 registryAccess,
-                networkAvailability
+                networkAvailability,
+                primaryColor
               }
             )
           ] })
@@ -730,7 +745,8 @@ var HelmInstallWizard = ({
             {
               type: "button",
               onClick: handleFinish,
-              className: "rounded-xl bg-indigo-500 px-4 py-2 font-medium text-white transition hover:bg-indigo-600",
+              className: "rounded-xl px-4 py-2 font-medium text-white transition-opacity duration-200 hover:opacity-90",
+              style: { backgroundColor: primaryColor },
               children: "Finish"
             }
           )
@@ -741,7 +757,8 @@ var HelmInstallWizard = ({
           /* @__PURE__ */ jsx(
             "a",
             {
-              className: "text-indigo-500 hover:text-indigo-600",
+              className: "hover:opacity-80",
+              style: { color: secondaryColor },
               href: supportPortalLink,
               target: "_blank",
               rel: "noopener noreferrer",
@@ -753,7 +770,7 @@ var HelmInstallWizard = ({
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx(StepIndicator, { step }),
+    /* @__PURE__ */ jsx(StepIndicator, { step, primaryColor }),
     /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-gray-100 bg-gray-50 p-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
         /* @__PURE__ */ jsxs("div", { children: [
@@ -821,7 +838,7 @@ var HelmInstallWizard = ({
             ),
             "Outbound requests require HTTPS Proxy"
           ] }),
-          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-3 text-sm text-gray-600", hidden: true, children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-3 text-sm text-gray-600", hidden: !isHelmAirgapEnabled, children: [
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -863,7 +880,7 @@ var HelmInstallWizard = ({
             ),
             "My workstation can only access the internet AND the registry (NOT the cluster)"
           ] }),
-          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-3 text-sm text-gray-600", hidden: true, children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-3 text-sm text-gray-600", hidden: !isHelmAirgapEnabled, children: [
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -886,7 +903,8 @@ var HelmInstallWizard = ({
             type: "button",
             onClick: handleContinue,
             disabled: isCreatingServiceAccount,
-            className: "rounded-xl bg-indigo-500 px-4 py-2 font-medium text-white transition hover:bg-indigo-600 disabled:cursor-not-allowed disabled:opacity-50",
+            className: "rounded-xl px-4 py-2 font-medium text-white transition-opacity duration-200 hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50",
+            style: { backgroundColor: primaryColor },
             children: isCreatingServiceAccount ? "Creating..." : "Continue"
           }
         )
@@ -919,8 +937,17 @@ async function handle401() {
   const { redirect } = await import('next/navigation');
   return redirect("/?expired=1");
 }
+function isErrorPage(url) {
+  try {
+    const urlObj = new URL(url);
+    return urlObj.pathname === "/error";
+  } catch {
+    return url === "/error" || url.startsWith("/error?");
+  }
+}
 async function handleServerError(statusCode) {
   const { redirect } = await import('next/navigation');
+  const { cookies } = await import('next/headers');
   let sourceUrl;
   try {
     const { headers } = await import('next/headers');
@@ -928,12 +955,20 @@ async function handleServerError(statusCode) {
     const referer = headersList.get("referer");
     const host = headersList.get("host");
     const pathname = headersList.get("x-invoke-path") || headersList.get("x-forwarded-path");
-    if (referer) {
+    if (referer && !isErrorPage(referer)) {
       sourceUrl = referer;
     } else if (host && pathname) {
       const protocol = headersList.get("x-forwarded-proto") || "https";
       sourceUrl = `${protocol}://${host}${pathname}`;
     }
+    if (!sourceUrl || isErrorPage(sourceUrl)) {
+      const cookieStore = await cookies();
+      const preservedSource = cookieStore.get("portal_error_source");
+      if (preservedSource?.value) {
+        sourceUrl = decodeURIComponent(preservedSource.value);
+        cookieStore.delete("portal_error_source");
+      }
+    }
   } catch (error) {
     console.debug("[portal-components] Could not determine source URL", error);
   }
@@ -1013,11 +1048,15 @@ var fetchCustomBrandingImpl = async () => {
   const payload = await response.json();
   const brandingObject = {
     logo: payload.logoUrl,
-    title: payload.appName,
-    customColor1: payload.primaryColor,
-    customColor2: payload.secondaryColor,
+    title: payload.title,
+    primaryColor: payload.primaryColor,
+    secondaryColor: payload.secondaryColor,
     favicon: payload.faviconUrl,
-    supportPortalLink: payload.supportPortalLink || ""
+    supportPortalLink: payload.supportPortalLink || "",
+    background: payload.background,
+    backgroundImage: payload.backgroundImage,
+    customColor1: payload.customColor1,
+    customColor2: payload.customColor2
   };
   const brandingData = Buffer.from(JSON.stringify(brandingObject)).toString("base64");
   return {