@replicated/portal-components 0.0.1 → 0.0.3

package/dist/esm/airgap-instances.js

@@ -0,0 +1,352 @@
+"use client";
+import { useState } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+/**
+ * Enterprise Portal Components
+ * This file is generated by tsup. Do not edit manually.
+ */
+
+
+// src/actions/instances.ts
+var ACTIVE_INSTANCE_THRESHOLD_MS = 24 * 60 * 60 * 1e3;
+function isInstanceActive(instance) {
+  if (!instance.lastCheckin) {
+    return false;
+  }
+  const lastCheckinTime = new Date(instance.lastCheckin).getTime();
+  const threshold = Date.now() - ACTIVE_INSTANCE_THRESHOLD_MS;
+  return lastCheckinTime > threshold;
+}
+function filterActiveInactiveInstances(instances) {
+  const activeInstances = instances.filter(isInstanceActive);
+  const inactiveInstances = instances.filter((instance) => !isInstanceActive(instance));
+  return { activeInstances, inactiveInstances };
+}
+function getInstallType(instance, installOptions) {
+  const instanceHasNoInstallTypes = !instance.kotsInstallId && !instance.kurlInstallId && !instance.embeddedClusterId;
+  const isManuallyCreatedAirgapInstance = instance.isAirgap && instanceHasNoInstallTypes;
+  if (instance.embeddedClusterId) {
+    return "embedded cluster";
+  }
+  if (instanceHasNoInstallTypes && instance.k8sDistribution) {
+    return "helm";
+  }
+  if (isManuallyCreatedAirgapInstance && !instance.k8sDistribution) {
+    if (installOptions) {
+      const matchingInstallOption = installOptions.find(
+        (option) => option.instance_id === instance.id
+      );
+      if (matchingInstallOption) {
+        if (matchingInstallOption.install_type === "helm") {
+          return "helm";
+        }
+        if (matchingInstallOption.install_type === "linux") {
+          return "embedded cluster";
+        }
+      }
+    }
+    return "embedded cluster";
+  }
+  return null;
+}
+function calculateUpdatesForInstance(instance, channelReleases) {
+  if (!channelReleases || !Array.isArray(channelReleases)) {
+    return 0;
+  }
+  const instanceChannelSequence = instance.channelSequence ?? 0;
+  const matchingReleases = channelReleases.filter(
+    (release) => release.channelId === instance.channelId
+  );
+  return matchingReleases.filter(
+    (release) => release.channelSequence > instanceChannelSequence
+  ).length;
+}
+function getInstanceName(instance) {
+  const nameTag = instance.tags?.find((tag) => tag.key === "name");
+  return nameTag?.value || instance.id.slice(0, 7);
+}
+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 });
+}
+function StatusBadge({ status }) {
+  const colorMap = {
+    ready: "bg-green-50 text-green-600",
+    updating: "bg-green-50 text-green-600",
+    unknown: "bg-blue-50 text-blue-500",
+    missing: "bg-pink-50 text-pink-600",
+    unavailable: "bg-pink-50 text-pink-600",
+    degraded: "bg-yellow-50 text-yellow-600"
+  };
+  const colorClass = colorMap[status] || "bg-gray-50 text-gray-600";
+  return /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium ${colorClass}`, children: [
+    status,
+    /* @__PURE__ */ jsx("svg", { className: "h-3 w-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })
+  ] });
+}
+function InstanceCard({
+  instance,
+  isActive,
+  channelReleases = [],
+  installOptions = [],
+  onUpdateClick,
+  primaryColor = "#6366f1"
+}) {
+  const [showInstanceId, setShowInstanceId] = useState(false);
+  const [showTooltip, setShowTooltip] = useState(false);
+  const instanceName = getInstanceName(instance);
+  const installType = getInstallType(instance, installOptions);
+  const availableUpdates = calculateUpdatesForInstance(instance, channelReleases);
+  const displayText = showInstanceId ? instance.id.slice(0, 7) : instanceName || instance.id.slice(0, 7);
+  const getTooltipText = () => {
+    if (instanceName) {
+      return showInstanceId ? "Click to show instance name" : "Click to show instance ID";
+    }
+    return "Instance ID";
+  };
+  const getOverallStatus = () => {
+    if (!instance.resourceStates || instance.resourceStates.length === 0) {
+      return "unknown";
+    }
+    const stateCounts = instance.resourceStates.reduce((acc, resource) => {
+      acc[resource.state] = (acc[resource.state] || 0) + 1;
+      return acc;
+    }, {});
+    let maxCount = 0;
+    let maxStatus = "unknown";
+    for (const [status, count] of Object.entries(stateCounts)) {
+      if (count > maxCount) {
+        maxCount = count;
+        maxStatus = status;
+      }
+    }
+    return maxStatus;
+  };
+  const overallStatus = getOverallStatus();
+  const handleUpdateClick = () => {
+    if (onUpdateClick) {
+      onUpdateClick(instance.id);
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-gray-200 bg-white p-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[auto_1fr_auto] gap-3", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `mt-1.5 h-2 w-2 rounded-full ${isActive ? "bg-green-400" : "bg-gray-300"}`
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex h-min flex-wrap items-center gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "text-sm font-medium text-gray-900 cursor-pointer hover:underline",
+              onClick: () => setShowInstanceId(!showInstanceId),
+              onMouseEnter: () => setShowTooltip(true),
+              onMouseLeave: () => setShowTooltip(false),
+              title: showInstanceId ? instance.id : instanceName || instance.id,
+              children: displayText
+            }
+          ),
+          showTooltip && /* @__PURE__ */ jsxs("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", children: [
+            getTooltipText(),
+            /* @__PURE__ */ jsx("div", { className: "absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-gray-800" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs text-gray-600", children: [
+          "Version: ",
+          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" }),
+        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.resourceStates && instance.resourceStates.length > 0 && /* @__PURE__ */ jsx(StatusBadge, { status: overallStatus })
+      ] }),
+      /* @__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__ */ 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) })
+        ] })
+      ] }),
+      instance.tags && instance.tags.filter((tag) => tag.key !== "name").length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: instance.tags.filter((tag) => tag.key !== "name").map((tag) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "rounded-md bg-gray-100 px-2 py-1 text-sm text-gray-600",
+          children: tag.value
+        },
+        tag.key
+      )) })
+    ] }),
+    availableUpdates > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: handleUpdateClick,
+        className: "rounded px-4 py-1.5 text-sm font-medium text-white transition-opacity hover:opacity-90",
+        style: { backgroundColor: primaryColor },
+        children: "Update available"
+      }
+    ) })
+  ] }) });
+}
+InstanceCard.displayName = "InstanceCard";
+var AirgapInstances = ({
+  instances = [],
+  channelReleases = [],
+  installOptions = [],
+  onUpdateClick,
+  onCreateFromBundleClick,
+  onCreateManuallyClick,
+  onCreateClick,
+  primaryColor = "#6366f1",
+  showCreateButton = true
+}) => {
+  const [showInactive, setShowInactive] = useState(true);
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const { activeInstances, inactiveInstances } = filterActiveInactiveInstances(instances);
+  const hasInactiveInstances = inactiveInstances.length > 0;
+  const handleFromBundleClick = () => {
+    setIsDropdownOpen(false);
+    if (onCreateFromBundleClick) {
+      onCreateFromBundleClick();
+    } else if (onCreateClick) {
+      onCreateClick();
+    }
+  };
+  const handleManuallyClick = () => {
+    setIsDropdownOpen(false);
+    if (onCreateManuallyClick) {
+      onCreateManuallyClick();
+    } else if (onCreateClick) {
+      onCreateClick();
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "mt-6 space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("h2", { className: "mb-0 flex items-center gap-4 text-xl font-semibold text-gray-900", children: [
+        "Air gap instances",
+        /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold text-emerald-500", children: [
+          activeInstances.length,
+          " active"
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold text-rose-400", children: [
+          inactiveInstances.length,
+          " inactive"
+        ] })
+      ] }),
+      hasInactiveInstances && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setShowInactive(!showInactive),
+          className: "mb-0 cursor-pointer text-sm font-medium text-blue-500 hover:underline",
+          children: showInactive ? "Hide inactive instances" : "Show inactive instances"
+        }
+      )
+    ] }),
+    instances.length === 0 && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-gray-200 bg-white p-6", children: /* @__PURE__ */ jsx("p", { className: "mb-6 text-gray-600", children: "Air gap updates require an air gap instance record to determine install type, version etc." }) }),
+    instances.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "space-y-4", children: activeInstances.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-gray-200 bg-white p-4 text-sm text-gray-500", children: "No active instances found" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs("h3", { className: "text-sm font-medium text-gray-800", children: [
+          "Active",
+          /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs font-medium text-gray-400", children: "last 24 hours" })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: activeInstances.map((instance) => /* @__PURE__ */ jsx(
+          InstanceCard,
+          {
+            instance,
+            isActive: true,
+            channelReleases,
+            installOptions,
+            onUpdateClick,
+            primaryColor
+          },
+          instance.id
+        )) })
+      ] }) }),
+      showInactive && inactiveInstances.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-gray-800", children: "Inactive" }) }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: inactiveInstances.map((instance) => /* @__PURE__ */ jsx(
+          InstanceCard,
+          {
+            instance,
+            isActive: false,
+            channelReleases,
+            installOptions,
+            onUpdateClick,
+            primaryColor
+          },
+          instance.id
+        )) })
+      ] })
+    ] }),
+    showCreateButton && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => setIsDropdownOpen(!isDropdownOpen),
+          className: "inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium text-white hover:opacity-90",
+          style: { backgroundColor: primaryColor },
+          children: [
+            "Create air gap instance record",
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: `h-4 w-4 transition-transform ${isDropdownOpen ? "rotate-180" : ""}`,
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+              }
+            )
+          ]
+        }
+      ),
+      isDropdownOpen && /* @__PURE__ */ jsxs("div", { className: "absolute left-0 z-10 mt-2 w-72 rounded-md border border-gray-200 bg-white shadow-lg", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: handleFromBundleClick,
+            className: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50",
+            children: [
+              /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-gray-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" }) }),
+              "From a support bundle"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: handleManuallyClick,
+            className: "flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50",
+            children: [
+              /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-gray-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) }),
+              "Enter information manually"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+AirgapInstances.displayName = "AirgapInstances";
+
+export { AirgapInstances };
+//# sourceMappingURL=airgap-instances.js.map
+//# sourceMappingURL=airgap-instances.js.map

package/dist/esm/airgap-instances.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/actions/instances.ts","../../src/components/instance-card.tsx","../../src/components/airgap-instances.tsx"],"names":["useState","jsxs","jsx"],"mappings":"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","file":"airgap-instances.js","sourcesContent":["/**\n * Instance-related server actions for the Update page.\n * \n * These actions handle fetching and managing instances including:\n * - Listing all instances (online and airgap)\n * - Fetching install options for instances\n * - Calculating update availability\n */\n\nimport { authenticatedFetch } from \"../utils/api-client\";\nimport { getApiOrigin, getCustomerIdFromToken } from \"./index\";\nimport type { PortalActionContext } from \"./index\";\nimport type { ChannelRelease, InstallOptions } from \"./install\";\nexport type { InstallOptions } from \"./install\";\n\n// =============================================================================\n// Types - Instance\n// =============================================================================\n\nexport type ResourceStatus = \"ready\" | \"updating\" | \"unknown\" | \"missing\" | \"unavailable\" | \"degraded\";\n\nexport interface ResourceState {\n  kind: string;\n  name: string;\n  namespace: string;\n  state: ResourceStatus;\n}\n\nexport interface InstanceTag {\n  key: string;\n  value: string;\n  origin?: string;\n}\n\nexport interface Instance {\n  id: string;\n  firstCheckin: string;\n  firstReadyAt?: string;\n  lastCheckin: string;\n  isAirgap: boolean;\n  appStatus?: string;\n  resourceStates?: ResourceState[];\n  versionLabel?: string;\n  channelId?: string;\n  channelSequence?: number;\n  serviceAccountId?: string;\n  embeddedClusterId?: string;\n  kotsInstallId?: string;\n  kurlInstallId?: string;\n  k8sVersion?: string;\n  k8sDistribution?: string;\n  tags?: InstanceTag[];\n}\n\nexport interface FetchInstancesInput {\n  token: string;\n}\n\nexport interface FetchInstancesResult {\n  instances: Instance[];\n  online: Instance[];\n  airgap: Instance[];\n}\n\n// =============================================================================\n// Types - Install Options by Instance\n// =============================================================================\n\nexport interface FetchInstallOptionsByInstanceIdsInput {\n  token: string;\n  instanceIds: string[];\n}\n\nexport interface FetchInstallOptionsByInstanceIdsResult {\n  installOptions: InstallOptions[];\n}\n\n// =============================================================================\n// Constants\n// =============================================================================\n\n/** 24 hours in milliseconds - threshold for active vs inactive instances */\nexport const ACTIVE_INSTANCE_THRESHOLD_MS = 24 * 60 * 60 * 1000;\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/**\n * Determines if an instance is active based on last check-in time.\n * Active = last check-in within the last 24 hours.\n */\nexport function isInstanceActive(instance: Instance): boolean {\n  if (!instance.lastCheckin) {\n    return false;\n  }\n  const lastCheckinTime = new Date(instance.lastCheckin).getTime();\n  const threshold = Date.now() - ACTIVE_INSTANCE_THRESHOLD_MS;\n  return lastCheckinTime > threshold;\n}\n\n/**\n * Filters instances into active and inactive lists.\n */\nexport function filterActiveInactiveInstances(instances: Instance[]): {\n  activeInstances: Instance[];\n  inactiveInstances: Instance[];\n} {\n  const activeInstances = instances.filter(isInstanceActive);\n  const inactiveInstances = instances.filter((instance) => !isInstanceActive(instance));\n  return { activeInstances, inactiveInstances };\n}\n\n/**\n * Gets the install type for an instance based on instance data and install options.\n */\nexport function getInstallType(\n  instance: Instance,\n  installOptions?: InstallOptions[]\n): \"helm\" | \"embedded cluster\" | null {\n  const instanceHasNoInstallTypes =\n    !instance.kotsInstallId &&\n    !instance.kurlInstallId &&\n    !instance.embeddedClusterId;\n  const isManuallyCreatedAirgapInstance =\n    instance.isAirgap && instanceHasNoInstallTypes;\n\n  // Check for embedded cluster first - explicitly set\n  if (instance.embeddedClusterId) {\n    return \"embedded cluster\";\n  }\n\n  // Check for helm install with k8s info\n  if (instanceHasNoInstallTypes && instance.k8sDistribution) {\n    return \"helm\";\n  }\n\n  // Default fallback for ambiguous cases (manually created airgap without k8s info):\n  // Check install options first, then assume embedded cluster\n  if (isManuallyCreatedAirgapInstance && !instance.k8sDistribution) {\n    if (installOptions) {\n      const matchingInstallOption = installOptions.find(\n        (option) => option.instance_id === instance.id\n      );\n      if (matchingInstallOption) {\n        if (matchingInstallOption.install_type === \"helm\") {\n          return \"helm\";\n        }\n        if (matchingInstallOption.install_type === \"linux\") {\n          return \"embedded cluster\";\n        }\n      }\n    }\n    // Final fallback: assume embedded cluster\n    return \"embedded cluster\";\n  }\n\n  return null;\n}\n\n/**\n * Calculates the number of available updates for an instance.\n */\nexport function calculateUpdatesForInstance(\n  instance: Instance,\n  channelReleases: ChannelRelease[]\n): number {\n  if (!channelReleases || !Array.isArray(channelReleases)) {\n    return 0;\n  }\n\n  const instanceChannelSequence = instance.channelSequence ?? 0;\n\n  // Filter to matching channel and count releases with higher sequence\n  const matchingReleases = channelReleases.filter(\n    (release) => release.channelId === instance.channelId\n  );\n\n  return matchingReleases.filter(\n    (release) => release.channelSequence > instanceChannelSequence\n  ).length;\n}\n\n/**\n * Gets the instance name from tags or returns truncated ID.\n */\nexport function getInstanceName(instance: Instance): string {\n  const nameTag = instance.tags?.find((tag) => tag.key === \"name\");\n  return nameTag?.value || instance.id.slice(0, 7);\n}\n\n// =============================================================================\n// Actions\n// =============================================================================\n\n/**\n * Fetches all instances for the customer.\n * Returns instances split into online and airgap categories.\n */\nexport async function fetchInstances(\n  input: FetchInstancesInput,\n  context?: PortalActionContext\n): Promise<FetchInstancesResult> {\n  const { token } = input;\n\n  if (!token || typeof token !== \"string\") {\n    throw new Error(\"fetchInstances requires a session token\");\n  }\n\n  const customerId = getCustomerIdFromToken(token);\n  const origin = getApiOrigin();\n\n  const url = new URL(`${origin}/v3/instances`);\n  url.searchParams.set(\"customer_id\", customerId);\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  const allInstances: Instance[] = payload.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 customerId = getCustomerIdFromToken(token);\n  const origin = getApiOrigin();\n\n  const url = new URL(`${origin}/v3/instance/airgap`);\n  url.searchParams.set(\"customer_id\", customerId);\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 customerId = getCustomerIdFromToken(token);\n  const origin = getApiOrigin();\n\n  const url = new URL(`${origin}/v3/instance/airgap/${instanceId.trim()}`);\n  url.searchParams.set(\"customer_id\", customerId);\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    const url = `${origin}/v3/customers/${customerId}/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 payload = await response.json();\n    const options: InstallOptions[] = payload?.install_options || [];\n    allInstallOptions.push(...options);\n  }\n\n  return { installOptions: allInstallOptions };\n}\n\n","\"use client\";\n\nimport { useState } from \"react\";\nimport { type Instance, type InstallOptions, getInstallType, getInstanceName, calculateUpdatesForInstance } from \"../actions/instances\";\nimport type { ChannelRelease } from \"../actions/install\";\n\ninterface InstanceCardProps {\n  instance: Instance;\n  isActive: boolean;\n  channelReleases?: ChannelRelease[];\n  installOptions?: InstallOptions[];\n  onUpdateClick?: (instanceId: string) => void;\n  primaryColor?: string;\n}\n\n/**\n * Formats a date string to a human-readable format.\n */\nfunction formatDateTime(dateString?: string): string {\n  if (!dateString) return \"N/A\";\n  const date = new Date(dateString);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"numeric\",\n    day: \"numeric\",\n    year: \"numeric\",\n    hour: \"numeric\",\n    minute: \"2-digit\",\n    hour12: true\n  });\n}\n\n/**\n * Badge component for showing update count.\n */\nfunction UpdateBadge({ count }: { count: number }) {\n  if (count <= 0) return null;\n  return (\n    <span className=\"ml-1.5 inline-flex h-5 w-5 items-center justify-center rounded-full bg-rose-500 text-xs font-medium text-white\">\n      {count}\n    </span>\n  );\n}\n\n/**\n * Badge for resource status.\n */\nfunction StatusBadge({ status }: { status: string }) {\n  const colorMap: Record<string, string> = {\n    ready: \"bg-green-50 text-green-600\",\n    updating: \"bg-green-50 text-green-600\",\n    unknown: \"bg-blue-50 text-blue-500\",\n    missing: \"bg-pink-50 text-pink-600\",\n    unavailable: \"bg-pink-50 text-pink-600\",\n    degraded: \"bg-yellow-50 text-yellow-600\"\n  };\n\n  const colorClass = colorMap[status] || \"bg-gray-50 text-gray-600\";\n\n  return (\n    <span className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium ${colorClass}`}>\n      {status}\n      <svg className=\"h-3 w-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n      </svg>\n    </span>\n  );\n}\n\n/**\n * Instance card component for displaying an instance in the Update page.\n */\nexport function InstanceCard({\n  instance,\n  isActive,\n  channelReleases = [],\n  installOptions = [],\n  onUpdateClick,\n  primaryColor = \"#6366f1\"\n}: InstanceCardProps) {\n  const [showInstanceId, setShowInstanceId] = useState(false);\n  const [showTooltip, setShowTooltip] = useState(false);\n  \n  const instanceName = getInstanceName(instance);\n  const installType = getInstallType(instance, installOptions);\n  const availableUpdates = calculateUpdatesForInstance(instance, channelReleases);\n\n  // Get the display text for the instance name/ID\n  const displayText = showInstanceId \n    ? instance.id.slice(0, 7)\n    : instanceName || instance.id.slice(0, 7);\n\n  // Get the tooltip text\n  const getTooltipText = () => {\n    if (instanceName) {\n      return showInstanceId \n        ? \"Click to show instance name\" \n        : \"Click to show instance ID\";\n    }\n    return \"Instance ID\";\n  };\n\n  // Get overall resource status\n  const getOverallStatus = () => {\n    if (!instance.resourceStates || instance.resourceStates.length === 0) {\n      return \"unknown\";\n    }\n    // Count states\n    const stateCounts = instance.resourceStates.reduce((acc, resource) => {\n      acc[resource.state] = (acc[resource.state] || 0) + 1;\n      return acc;\n    }, {} as Record<string, number>);\n    \n    // Return most common state\n    let maxCount = 0;\n    let maxStatus = \"unknown\";\n    for (const [status, count] of Object.entries(stateCounts)) {\n      if (count > maxCount) {\n        maxCount = count;\n        maxStatus = status;\n      }\n    }\n    return maxStatus;\n  };\n\n  const overallStatus = getOverallStatus();\n\n  const handleUpdateClick = () => {\n    if (onUpdateClick) {\n      onUpdateClick(instance.id);\n    }\n  };\n\n  return (\n    <div className=\"rounded-lg border border-gray-200 bg-white p-4\">\n      <div className=\"grid grid-cols-[auto_1fr_auto] gap-3\">\n        {/* Status indicator dot */}\n        <div\n          className={`mt-1.5 h-2 w-2 rounded-full ${\n            isActive ? \"bg-green-400\" : \"bg-gray-300\"\n          }`}\n        />\n\n        {/* Instance details */}\n        <div className=\"flex flex-col gap-3\">\n          {/* Instance name, version, badges, status */}\n          <div className=\"flex h-min flex-wrap items-center gap-3\">\n            <div className=\"relative\">\n              <span \n                className=\"text-sm font-medium text-gray-900 cursor-pointer hover:underline\"\n                onClick={() => setShowInstanceId(!showInstanceId)}\n                onMouseEnter={() => setShowTooltip(true)}\n                onMouseLeave={() => setShowTooltip(false)}\n                title={showInstanceId ? instance.id : instanceName || instance.id}\n              >\n                {displayText}\n              </span>\n              {showTooltip && (\n                <div className=\"absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 text-xs text-white bg-gray-800 rounded whitespace-nowrap z-10\">\n                  {getTooltipText()}\n                  <div className=\"absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-gray-800\" />\n                </div>\n              )}\n            </div>\n            <span className=\"flex items-center gap-1 text-xs text-gray-600\">\n              Version: {instance.versionLabel || \"Unknown\"}\n              <UpdateBadge count={availableUpdates} />\n            </span>\n            {instance.isAirgap && (\n              <span className=\"rounded-full bg-indigo-100 px-2 py-0.5 text-xs font-medium text-indigo-700\">\n                air gap\n              </span>\n            )}\n            {installType && (\n              <span className=\"rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600\">\n                {installType}\n              </span>\n            )}\n            {instance.resourceStates && instance.resourceStates.length > 0 && (\n              <StatusBadge status={overallStatus} />\n            )}\n          </div>\n\n          {/* Check-in times */}\n          <div className=\"flex flex-wrap gap-4\">\n            <div className=\"flex items-center gap-1\">\n              <span className=\"text-xs text-gray-500\">First check-in:</span>\n              <span className=\"text-xs text-gray-600\">\n                {formatDateTime(instance.firstCheckin)}\n              </span>\n            </div>\n            <div className=\"flex items-center gap-1\">\n              <span className=\"text-xs text-gray-500\">Last check-in:</span>\n              <span className=\"text-xs text-gray-600\">\n                {formatDateTime(instance.lastCheckin)}\n              </span>\n            </div>\n          </div>\n\n          {/* Tags (excluding name) */}\n          {instance.tags && instance.tags.filter(tag => tag.key !== \"name\").length > 0 && (\n            <div className=\"flex flex-wrap gap-2\">\n              {instance.tags\n                .filter(tag => tag.key !== \"name\")\n                .map((tag) => (\n                  <span\n                    key={tag.key}\n                    className=\"rounded-md bg-gray-100 px-2 py-1 text-sm text-gray-600\"\n                  >\n                    {tag.value}\n                  </span>\n                ))}\n            </div>\n          )}\n        </div>\n\n        {/* Update button */}\n        {availableUpdates > 0 && (\n          <div className=\"flex items-center\">\n            <button\n              onClick={handleUpdateClick}\n              className=\"rounded px-4 py-1.5 text-sm font-medium text-white transition-opacity hover:opacity-90\"\n              style={{ backgroundColor: primaryColor }}\n            >\n              Update available\n            </button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nInstanceCard.displayName = \"InstanceCard\";\n\n","\"use client\";\n\nimport { useState } from \"react\";\nimport { type Instance, type InstallOptions, filterActiveInactiveInstances } from \"../actions/instances\";\nimport type { ChannelRelease } from \"../actions/install\";\nimport { InstanceCard } from \"./instance-card\";\n\ninterface AirgapInstancesProps {\n  instances?: Instance[];\n  channelReleases?: ChannelRelease[];\n  installOptions?: InstallOptions[];\n  onUpdateClick?: (instanceId: string) => void;\n  /** Called when \"From a support bundle\" is clicked */\n  onCreateFromBundleClick?: () => void;\n  /** Called when \"Enter information manually\" is clicked */\n  onCreateManuallyClick?: () => void;\n  /** @deprecated Use onCreateFromBundleClick or onCreateManuallyClick instead */\n  onCreateClick?: () => void;\n  primaryColor?: string;\n  /** Whether to show the create button dropdown */\n  showCreateButton?: boolean;\n}\n\nexport const AirgapInstances = ({\n  instances = [],\n  channelReleases = [],\n  installOptions = [],\n  onUpdateClick,\n  onCreateFromBundleClick,\n  onCreateManuallyClick,\n  onCreateClick,\n  primaryColor = \"#6366f1\",\n  showCreateButton = true\n}: AirgapInstancesProps) => {\n  const [showInactive, setShowInactive] = useState(true);\n  const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\n  // Filter active and inactive instances\n  const { activeInstances, inactiveInstances } = filterActiveInactiveInstances(instances);\n\n  const hasInactiveInstances = inactiveInstances.length > 0;\n\n  const handleFromBundleClick = () => {\n    setIsDropdownOpen(false);\n    if (onCreateFromBundleClick) {\n      onCreateFromBundleClick();\n    } else if (onCreateClick) {\n      // Fallback for backwards compatibility\n      onCreateClick();\n    }\n  };\n\n  const handleManuallyClick = () => {\n    setIsDropdownOpen(false);\n    if (onCreateManuallyClick) {\n      onCreateManuallyClick();\n    } else if (onCreateClick) {\n      // Fallback for backwards compatibility\n      onCreateClick();\n    }\n  };\n\n  return (\n    <div className=\"mt-6 space-y-6\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <h2 className=\"mb-0 flex items-center gap-4 text-xl font-semibold text-gray-900\">\n          Air gap instances\n          <span className=\"text-sm font-semibold text-emerald-500\">\n            {activeInstances.length} active\n          </span>\n          <span className=\"text-sm font-semibold text-rose-400\">\n            {inactiveInstances.length} inactive\n          </span>\n        </h2>\n        {hasInactiveInstances && (\n          <button\n            onClick={() => setShowInactive(!showInactive)}\n            className=\"mb-0 cursor-pointer text-sm font-medium text-blue-500 hover:underline\"\n          >\n            {showInactive ? \"Hide inactive instances\" : \"Show inactive instances\"}\n          </button>\n        )}\n      </div>\n\n      {/* Empty state */}\n      {instances.length === 0 && (\n        <div className=\"rounded-lg border border-gray-200 bg-white p-6\">\n          <p className=\"mb-6 text-gray-600\">\n            Air gap updates require an air gap instance record to determine install type, version etc.\n          </p>\n        </div>\n      )}\n\n      {/* Instance lists when there are instances */}\n      {instances.length > 0 && (\n        <div className=\"space-y-6\">\n          {/* Active instances section */}\n          <div className=\"space-y-4\">\n            {activeInstances.length === 0 ? (\n              <div className=\"rounded-lg border border-gray-200 bg-white p-4 text-sm text-gray-500\">\n                No active instances found\n              </div>\n            ) : (\n              <>\n                <div className=\"flex items-center gap-2\">\n                  <h3 className=\"text-sm font-medium text-gray-800\">\n                    Active\n                    <span className=\"ml-2 text-xs font-medium text-gray-400\">\n                      last 24 hours\n                    </span>\n                  </h3>\n                </div>\n                <div className=\"space-y-4\">\n                  {activeInstances.map((instance) => (\n                    <InstanceCard\n                      key={instance.id}\n                      instance={instance}\n                      isActive={true}\n                      channelReleases={channelReleases}\n                      installOptions={installOptions}\n                      onUpdateClick={onUpdateClick}\n                      primaryColor={primaryColor}\n                    />\n                  ))}\n                </div>\n              </>\n            )}\n          </div>\n\n          {/* Inactive instances section */}\n          {showInactive && inactiveInstances.length > 0 && (\n            <div className=\"space-y-4\">\n              <div className=\"flex items-center gap-2\">\n                <h3 className=\"text-sm font-medium text-gray-800\">Inactive</h3>\n              </div>\n              <div className=\"space-y-4\">\n                {inactiveInstances.map((instance) => (\n                  <InstanceCard\n                    key={instance.id}\n                    instance={instance}\n                    isActive={false}\n                    channelReleases={channelReleases}\n                    installOptions={installOptions}\n                    onUpdateClick={onUpdateClick}\n                    primaryColor={primaryColor}\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Create instance button with dropdown */}\n      {showCreateButton && (\n        <div className=\"relative\">\n          <button\n            onClick={() => setIsDropdownOpen(!isDropdownOpen)}\n            className=\"inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium text-white hover:opacity-90\"\n            style={{ backgroundColor: primaryColor }}\n          >\n            Create air gap instance record\n            <svg\n              className={`h-4 w-4 transition-transform ${isDropdownOpen ? \"rotate-180\" : \"\"}`}\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n            </svg>\n          </button>\n\n          {isDropdownOpen && (\n            <div className=\"absolute left-0 z-10 mt-2 w-72 rounded-md border border-gray-200 bg-white shadow-lg\">\n              <button\n                onClick={handleFromBundleClick}\n                className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50\"\n              >\n                <svg className=\"h-4 w-4 text-gray-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\" />\n                </svg>\n                From a support bundle\n              </button>\n              <button\n                onClick={handleManuallyClick}\n                className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50\"\n              >\n                <svg className=\"h-4 w-4 text-gray-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\" />\n                </svg>\n                Enter information manually\n              </button>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nAirgapInstances.displayName = \"AirgapInstances\";\n\n"]}

package/dist/esm/error-page.js

@@ -0,0 +1,151 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+/**
+ * Enterprise Portal Components
+ * This file is generated by tsup. Do not edit manually.
+ */
+
+var AlertTriangleIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("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" }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+    ]
+  }
+);
+var ServerIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", ry: "2" }),
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", ry: "2" }),
+      /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "6.01", y2: "6" }),
+      /* @__PURE__ */ jsx("line", { x1: "6", y1: "18", x2: "6.01", y2: "18" })
+    ]
+  }
+);
+var getErrorContent = (code) => {
+  switch (code) {
+    case 502:
+      return {
+        title: "Service Unavailable",
+        description: "The service is temporarily unavailable. Please try again in a few moments.",
+        icon: ServerIcon
+      };
+    case 503:
+      return {
+        title: "Service Unavailable",
+        description: "The service is currently undergoing maintenance. Please try again later.",
+        icon: ServerIcon
+      };
+    case 504:
+      return {
+        title: "Gateway Timeout",
+        description: "The request took too long to process. Please try again.",
+        icon: ServerIcon
+      };
+    case 500:
+      return {
+        title: "Internal Server Error",
+        description: "Something went wrong on our end. Please try again later.",
+        icon: AlertTriangleIcon
+      };
+    case 404:
+      return {
+        title: "Page Not Found",
+        description: "The page you're looking for doesn't exist or has been moved.",
+        icon: AlertTriangleIcon
+      };
+    case 403:
+      return {
+        title: "Access Denied",
+        description: "You don't have permission to access this resource.",
+        icon: AlertTriangleIcon
+      };
+    default:
+      return {
+        title: "Something Went Wrong",
+        description: "An unexpected error occurred. Please try again later.",
+        icon: AlertTriangleIcon
+      };
+  }
+};
+var Error = ({
+  code,
+  message,
+  homeUrl = "/",
+  sourceUrl,
+  onRetry
+}) => {
+  const errorContent = getErrorContent(code);
+  const Icon = errorContent.icon;
+  const handleRetry = () => {
+    if (onRetry) {
+      onRetry();
+    } else if (sourceUrl) {
+      window.location.href = sourceUrl;
+    } else {
+      window.location.reload();
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsxs("div", { className: "rounded-3xl border border-gray-200 bg-white p-8 shadow-[0_12px_30px_rgba(17,24,39,0.12)] text-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-red-100", children: /* @__PURE__ */ jsx(Icon, { className: "h-8 w-8 text-red-600" }) }),
+    code && /* @__PURE__ */ jsxs("div", { className: "mt-6 text-sm font-semibold text-gray-500", children: [
+      "Error ",
+      code
+    ] }),
+    /* @__PURE__ */ jsx("h1", { className: "mt-2 text-2xl font-bold text-gray-900", children: errorContent.title }),
+    /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm text-gray-600", children: message || errorContent.description }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-col gap-3 sm:flex-row sm:justify-center", children: [
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          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",
+          children: "Go to Home"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleRetry,
+          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",
+          children: "Try Again"
+        }
+      )
+    ] }),
+    code && code >= 500 && /* @__PURE__ */ jsx("p", { className: "mt-6 text-xs text-gray-500", children: "If this problem persists, please contact support." })
+  ] }) });
+};
+Error.displayName = "Error";
+var ErrorPage = ({
+  statusCode,
+  message,
+  homeUrl = "/",
+  sourceUrl
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12", children: /* @__PURE__ */ jsx(Error, { code: statusCode, message, homeUrl, sourceUrl }) });
+};
+ErrorPage.displayName = "ErrorPage";
+
+export { ErrorPage };
+//# sourceMappingURL=error-page.js.map
+//# sourceMappingURL=error-page.js.map

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

@@ -0,0 +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\";\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          <a\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          </a>\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"]}