@replicated/portal-components 0.0.2 → 0.0.3

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

@@ -0,0 +1,1083 @@
+import { cache, useState, useRef, useMemo, useEffect, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+/**
+ * Enterprise Portal Components
+ * This file is generated by tsup. Do not edit manually.
+ */
+
+var LINUX_INSTALL_SERVICE_ACCOUNT_KEY = "linux_install_service_account";
+var LINUX_INSTALL_OPTIONS_KEY = "linux_install_options";
+var navigateTo = (href) => {
+  try {
+    if (typeof window === "undefined") {
+      return;
+    }
+    window.location.assign(href);
+  } catch (error) {
+    console.error("[linux-install-wizard] navigation failed", error);
+  }
+};
+var copyToClipboard = async (text) => {
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
+};
+var StepIndicator = ({ step }) => /* @__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"}`,
+      children: step > 1 ? /* @__PURE__ */ jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 16 16",
+          className: "h-3.5 w-3.5",
+          fill: "none",
+          stroke: "currentColor",
+          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("div", { className: `h-0.5 w-12 ${step > 1 ? "bg-gray-900" : "bg-gray-200"}` }),
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `flex h-10 w-10 items-center justify-center rounded-full border-2 ${step === 2 ? "border-gray-900" : "border-gray-200"}`,
+      children: step === 2 ? /* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-gray-900" }) : null
+    }
+  )
+] });
+var CodeBlock = ({
+  command,
+  onCopy
+}) => {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = async () => {
+    const success = await copyToClipboard(command);
+    if (success) {
+      setCopied(true);
+      onCopy?.();
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "group relative ml-8 mt-2 min-w-0", children: [
+    /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto whitespace-pre rounded-lg bg-gray-900 p-4 text-sm text-gray-100", children: /* @__PURE__ */ jsx("code", { className: "block", children: command }) }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopy,
+        className: "absolute right-2 top-2 rounded bg-gray-700 p-1.5 text-gray-300 opacity-0 transition hover:bg-gray-600 hover:text-white group-hover:opacity-100",
+        "aria-label": "Copy to clipboard",
+        children: copied ? /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) : /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" }) })
+      }
+    )
+  ] });
+};
+var VersionDropdown = ({
+  releases,
+  selectedRelease,
+  onSelect,
+  isLoading,
+  error
+}) => {
+  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" }),
+      "Loading versions..."
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "ml-8 text-sm text-rose-600", children: [
+      "Failed to load versions: ",
+      error
+    ] });
+  }
+  if (releases.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "ml-8 text-sm text-gray-500", children: "There is no Embedded Cluster installer in this release." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "ml-8 space-y-2", children: [
+    /* @__PURE__ */ jsx("label", { className: "block text-sm text-gray-600", children: "App Version" }),
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        value: selectedRelease?.channelSequence ?? "",
+        onChange: (e) => {
+          const sequence = parseInt(e.target.value, 10);
+          const release = releases.find((r) => r.channelSequence === sequence);
+          if (release) {
+            onSelect(release);
+          }
+        },
+        className: "portal-select w-full",
+        children: releases.map((release) => /* @__PURE__ */ jsxs("option", { value: release.channelSequence, children: [
+          release.versionLabel || `Sequence ${release.channelSequence}`,
+          release.channelName ? ` (${release.channelName})` : ""
+        ] }, release.channelSequence))
+      }
+    )
+  ] });
+};
+var CheckIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) });
+var InstallationInstructions = ({
+  instructions,
+  isLoading,
+  completedSteps = {}
+}) => {
+  if (isLoading && !instructions?.steps?.length) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Installation Instructions" }),
+      /* @__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" }),
+        "Loading instructions..."
+      ] })
+    ] });
+  }
+  if (!instructions?.steps?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `min-w-0 space-y-4 transition-opacity duration-150 ${isLoading ? "opacity-60" : ""}`, children: [
+    /* @__PURE__ */ jsxs("h3", { className: "text-lg font-semibold text-gray-900", children: [
+      "Installation Instructions",
+      isLoading && /* @__PURE__ */ jsx("span", { className: "ml-2 inline-block h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-indigo-500" })
+    ] }),
+    /* @__PURE__ */ jsx("ol", { className: "min-w-0 space-y-6 text-sm text-gray-700", children: instructions.steps.map((step, index) => {
+      const completableStepNames = ["download_assets", "install"];
+      const canComplete = completableStepNames.includes(step.step_name);
+      const isCompleted = canComplete && completedSteps[step.step_name];
+      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 + 2 }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-900", children: step.title }),
+          canComplete && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `flex h-5 w-5 items-center justify-center rounded-full ${isCompleted ? "bg-green-500 text-white" : "bg-gray-200 text-gray-400"}`,
+              children: /* @__PURE__ */ jsx(CheckIcon, {})
+            }
+          ),
+          isCompleted && /* @__PURE__ */ jsx("span", { className: "text-xs text-green-600", children: "Completed" })
+        ] }),
+        step.description && /* @__PURE__ */ jsx("p", { className: "ml-8 text-gray-500", children: step.description }),
+        step.commands.map((command, cmdIndex) => /* @__PURE__ */ jsx(CodeBlock, { command }, cmdIndex))
+      ] }, step.step_number);
+    }) })
+  ] });
+};
+var LinuxInstallWizard = ({
+  token,
+  createServiceAccountAction,
+  fetchChannelReleasesAction,
+  createInstallOptionsAction,
+  getInstallOptionsAction,
+  updateInstallOptionsAction,
+  onStepChange,
+  onNetworkChange,
+  onInstallOptionsIdChange,
+  initialStep,
+  initialNetwork,
+  initialInstallOptionsId,
+  initialInstallOptionsData,
+  initialChannelReleases
+}) => {
+  const [step, setStep] = useState(initialStep ?? 1);
+  const [instanceName, setInstanceName] = useState(initialInstallOptionsData?.instance_name ?? "");
+  const [networkAvailability, setNetworkAvailability] = useState(initialNetwork ?? "online");
+  const [adminConsoleUrl, setAdminConsoleUrl] = useState(initialInstallOptionsData?.admin_console_url ?? "https://localhost:30000");
+  const [proxyUrl, setProxyUrl] = useState("");
+  const [showErrors, setShowErrors] = useState(false);
+  const [isCreatingServiceAccount, setIsCreatingServiceAccount] = useState(false);
+  const [apiError, setApiError] = useState(null);
+  const [installOptionsId, setInstallOptionsId] = useState(initialInstallOptionsId ?? null);
+  const [serviceAccountId, setServiceAccountId] = useState(initialInstallOptionsData?.service_account_id ?? null);
+  const [originalInstanceName, setOriginalInstanceName] = useState(initialInstallOptionsData?.instance_name ?? null);
+  const [releases, setReleases] = useState(initialChannelReleases ?? []);
+  const [selectedRelease, setSelectedRelease] = useState(() => {
+    if (initialInstallOptionsData?.channel_id && initialInstallOptionsData?.channel_release_sequence && initialChannelReleases) {
+      return initialChannelReleases.find(
+        (r) => r.channelId === initialInstallOptionsData.channel_id && r.channelSequence === initialInstallOptionsData.channel_release_sequence
+      ) ?? null;
+    }
+    return null;
+  });
+  const [isLoadingReleases, setIsLoadingReleases] = useState(false);
+  const [releasesError, setReleasesError] = useState(null);
+  const [instructions, setInstructions] = useState(initialInstallOptionsData?.instructions ?? null);
+  const [isLoadingInstructions, setIsLoadingInstructions] = useState(false);
+  const [completedSteps, setCompletedSteps] = useState({});
+  const hasLoadedReleases = useRef(!!initialChannelReleases?.length);
+  const hasResumedInstallation = useRef(!!initialInstallOptionsData);
+  const lastUpdateRef = useRef(
+    initialInstallOptionsData?.channel_id && initialInstallOptionsData?.channel_release_sequence ? { channelId: initialInstallOptionsData.channel_id, sequence: initialInstallOptionsData.channel_release_sequence } : {}
+  );
+  const embeddedClusterReleases = useMemo(() => {
+    return releases.filter((r) => r.installationTypes?.embeddedCluster?.version);
+  }, [releases]);
+  const prevInitialStepRef = useRef(initialStep);
+  useEffect(() => {
+    if (initialStep !== void 0 && initialStep !== prevInitialStepRef.current) {
+      setStep(initialStep);
+    }
+    prevInitialStepRef.current = initialStep;
+  }, [initialStep]);
+  useEffect(() => {
+    if (initialNetwork !== void 0 && initialNetwork !== networkAvailability) {
+      setNetworkAvailability(initialNetwork);
+    }
+  }, [initialNetwork, networkAvailability]);
+  useEffect(() => {
+    onStepChange?.(step);
+  }, [step, onStepChange]);
+  useEffect(() => {
+    onNetworkChange?.(networkAvailability);
+  }, [networkAvailability, onNetworkChange]);
+  useEffect(() => {
+    onInstallOptionsIdChange?.(installOptionsId);
+  }, [installOptionsId, onInstallOptionsIdChange]);
+  useEffect(() => {
+    if (step !== 2 || !fetchChannelReleasesAction || hasLoadedReleases.current) {
+      return;
+    }
+    const loadReleases = async () => {
+      setIsLoadingReleases(true);
+      setReleasesError(null);
+      try {
+        const result = await fetchChannelReleasesAction(token);
+        setReleases(result.channelReleases || []);
+        hasLoadedReleases.current = true;
+        const ecReleases = (result.channelReleases || []).filter(
+          (r) => r.installationTypes?.embeddedCluster?.version
+        );
+        const firstRelease = ecReleases[0];
+        if (firstRelease && !selectedRelease) {
+          setSelectedRelease(firstRelease);
+        }
+      } catch (error) {
+        console.error("[linux-install-wizard] Failed to load releases", error);
+        setReleasesError(error instanceof Error ? error.message : "Failed to load releases");
+      } finally {
+        setIsLoadingReleases(false);
+      }
+    };
+    loadReleases();
+  }, [step, token, fetchChannelReleasesAction, selectedRelease]);
+  const hasAutoSelectedRelease = useRef(false);
+  useEffect(() => {
+    if (hasAutoSelectedRelease.current || selectedRelease) {
+      return;
+    }
+    const firstRelease = embeddedClusterReleases[0];
+    if (step === 2 && firstRelease) {
+      setSelectedRelease(firstRelease);
+      hasAutoSelectedRelease.current = true;
+    }
+  }, [step, embeddedClusterReleases, selectedRelease]);
+  useEffect(() => {
+    if (!selectedRelease || !installOptionsId || !updateInstallOptionsAction) {
+      return;
+    }
+    const channelId = selectedRelease.channelId;
+    const sequence = selectedRelease.channelSequence;
+    if (lastUpdateRef.current.channelId === channelId && lastUpdateRef.current.sequence === sequence) {
+      return;
+    }
+    const updateOptions = async () => {
+      setIsLoadingInstructions(true);
+      try {
+        const result = await updateInstallOptionsAction({
+          token,
+          installOptionsId,
+          channelId,
+          channelReleaseSequence: sequence,
+          includeInstructions: true,
+          proxyUrl: networkAvailability === "proxy" ? proxyUrl : void 0
+        });
+        lastUpdateRef.current = { channelId, sequence };
+        if (result.instructions) {
+          setInstructions(result.instructions);
+        }
+      } catch (error) {
+        console.error("[linux-install-wizard] Failed to update install options", error);
+        setApiError(error instanceof Error ? error.message : "Failed to update install options");
+      } finally {
+        setIsLoadingInstructions(false);
+      }
+    };
+    updateOptions();
+  }, [selectedRelease, installOptionsId, token, updateInstallOptionsAction, networkAvailability, proxyUrl]);
+  useEffect(() => {
+    if (hasResumedInstallation.current) {
+      return;
+    }
+    if (!initialInstallOptionsId || !getInstallOptionsAction || step !== 2) {
+      return;
+    }
+    hasResumedInstallation.current = true;
+    const resumeInstallation = async () => {
+      setIsLoadingInstructions(true);
+      try {
+        const result = await getInstallOptionsAction({
+          token,
+          installOptionsId: initialInstallOptionsId,
+          includeInstructions: true,
+          proxyUrl: networkAvailability === "proxy" ? proxyUrl : void 0
+        });
+        if (result.instance_name) {
+          setInstanceName(result.instance_name);
+        }
+        if (result.service_account_id) {
+          setServiceAccountId(result.service_account_id);
+        }
+        if (result.instructions) {
+          setInstructions(result.instructions);
+        }
+        if (result.admin_console_url) {
+          setAdminConsoleUrl(result.admin_console_url);
+        }
+        if (result.channel_id && result.channel_release_sequence) {
+          const matchingRelease = releases.find(
+            (r) => r.channelId === result.channel_id && r.channelSequence === result.channel_release_sequence
+          );
+          if (matchingRelease) {
+            setSelectedRelease(matchingRelease);
+            lastUpdateRef.current = {
+              channelId: result.channel_id,
+              sequence: result.channel_release_sequence
+            };
+          }
+        }
+      } catch (error) {
+        console.error("[linux-install-wizard] Failed to resume installation", error);
+        setApiError(error instanceof Error ? error.message : "Failed to resume installation");
+      } finally {
+        setIsLoadingInstructions(false);
+      }
+    };
+    resumeInstallation();
+  }, [initialInstallOptionsId, getInstallOptionsAction, token, step, releases, networkAvailability, proxyUrl]);
+  useEffect(() => {
+    if (step !== 2 || !installOptionsId || !getInstallOptionsAction) {
+      return;
+    }
+    if (completedSteps["download_assets"] && completedSteps["install"]) {
+      return;
+    }
+    const pollInterval = setInterval(async () => {
+      try {
+        const result = await getInstallOptionsAction({
+          token,
+          installOptionsId,
+          includeInstructions: false
+          // We don't need instructions for status polling
+        });
+        const newCompletedSteps = {};
+        if (result.assets_downloaded_at) {
+          newCompletedSteps["download_assets"] = true;
+        }
+        if (result.installation_completed_at) {
+          newCompletedSteps["install"] = true;
+        }
+        if (newCompletedSteps["download_assets"] !== completedSteps["download_assets"] || newCompletedSteps["install"] !== completedSteps["install"]) {
+          setCompletedSteps((prev) => ({ ...prev, ...newCompletedSteps }));
+        }
+        if (newCompletedSteps["download_assets"] && newCompletedSteps["install"]) {
+          clearInterval(pollInterval);
+        }
+      } catch {
+      }
+    }, 2e3);
+    return () => clearInterval(pollInterval);
+  }, [step, installOptionsId, getInstallOptionsAction, token, completedSteps]);
+  const handleContinue = async () => {
+    console.debug("[linux-install-wizard] handleContinue called, instanceName:", JSON.stringify(instanceName));
+    if (!instanceName.trim()) {
+      console.debug("[linux-install-wizard] Validation failed: instanceName is empty");
+      setShowErrors(true);
+      return;
+    }
+    if (!token) {
+      setApiError("Configuration error: authentication token is required");
+      console.error("[linux-install-wizard] token prop is required but was not provided");
+      return;
+    }
+    setShowErrors(false);
+    setApiError(null);
+    setIsCreatingServiceAccount(true);
+    try {
+      const trimmedInstanceName = instanceName.trim();
+      if (serviceAccountId && originalInstanceName === trimmedInstanceName && installOptionsId && updateInstallOptionsAction) {
+        console.debug("[linux-install-wizard] Reusing existing service account, updating install options...");
+        const firstRelease = embeddedClusterReleases[0];
+        const result = await updateInstallOptionsAction({
+          token,
+          installOptionsId,
+          channelId: firstRelease?.channelId,
+          channelReleaseSequence: firstRelease?.channelSequence,
+          includeInstructions: true
+        });
+        if (firstRelease) {
+          setSelectedRelease(firstRelease);
+          lastUpdateRef.current = {
+            channelId: firstRelease.channelId,
+            sequence: firstRelease.channelSequence
+          };
+        }
+        if (result.instructions) {
+          setInstructions(result.instructions);
+        }
+        console.debug("[linux-install-wizard] Transitioning to step 2 (reused service account)");
+        setStep(2);
+        return;
+      }
+      if (typeof window !== "undefined" && window.sessionStorage) {
+        window.sessionStorage.removeItem(LINUX_INSTALL_SERVICE_ACCOUNT_KEY);
+        window.sessionStorage.removeItem(LINUX_INSTALL_OPTIONS_KEY);
+      }
+      const saData = await createServiceAccountAction(trimmedInstanceName, token);
+      if (typeof window !== "undefined" && window.sessionStorage) {
+        window.sessionStorage.setItem(LINUX_INSTALL_SERVICE_ACCOUNT_KEY, JSON.stringify(saData));
+      }
+      setServiceAccountId(saData.service_account.id);
+      setOriginalInstanceName(trimmedInstanceName);
+      if (createInstallOptionsAction) {
+        console.debug("[linux-install-wizard] Creating install options...");
+        const firstRelease = embeddedClusterReleases[0];
+        const installOptionsResult = await createInstallOptionsAction({
+          token,
+          installType: "linux",
+          instanceName: trimmedInstanceName,
+          serviceAccountId: saData.service_account.id,
+          networkAvailability,
+          isMultiNode: false,
+          channelId: firstRelease?.channelId,
+          channelReleaseSequence: firstRelease?.channelSequence
+        });
+        console.debug("[linux-install-wizard] Install options result:", installOptionsResult);
+        if (firstRelease) {
+          setSelectedRelease(firstRelease);
+          lastUpdateRef.current = {
+            channelId: firstRelease.channelId,
+            sequence: firstRelease.channelSequence
+          };
+        }
+        const optionsId = installOptionsResult.install_options?.id ?? installOptionsResult.id;
+        if (!optionsId) {
+          throw new Error("Install options response did not contain an ID");
+        }
+        setInstallOptionsId(optionsId);
+        if (typeof window !== "undefined" && window.sessionStorage) {
+          window.sessionStorage.setItem(LINUX_INSTALL_OPTIONS_KEY, JSON.stringify(installOptionsResult));
+        }
+        if (installOptionsResult.instructions) {
+          setInstructions(installOptionsResult.instructions);
+        }
+        onInstallOptionsIdChange?.(optionsId);
+      }
+      console.debug("[linux-install-wizard] Transitioning to step 2");
+      setStep(2);
+    } catch (error) {
+      console.error("[linux-install-wizard] Failed to continue", error);
+      const errorMessage = error instanceof Error ? error.message : "Failed to continue";
+      if (errorMessage.toLowerCase().includes("already exists")) {
+        setApiError("Instance name must be unique. Please choose a different name.");
+      } else {
+        setApiError(errorMessage);
+      }
+    } finally {
+      setIsCreatingServiceAccount(false);
+    }
+  };
+  const handleBack = () => {
+    setApiError(null);
+    setShowErrors(false);
+    setStep(1);
+  };
+  const handleFinish = useCallback(async () => {
+    if (installOptionsId && updateInstallOptionsAction && adminConsoleUrl) {
+      try {
+        await updateInstallOptionsAction({
+          token,
+          installOptionsId,
+          adminConsoleUrl
+        });
+      } catch (error) {
+        console.error("[linux-install-wizard] Failed to save admin console URL", error);
+      }
+    }
+    navigateTo("/update");
+  }, [installOptionsId, updateInstallOptionsAction, adminConsoleUrl, token]);
+  const handleReleaseSelect = useCallback((release) => {
+    setSelectedRelease(release);
+  }, []);
+  const isProxy = networkAvailability === "proxy";
+  if (step === 2) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(StepIndicator, { step: 2 }),
+      /* @__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: isProxy ? "Linux Single Node Proxy Install" : "Linux Single Node 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__ */ jsx("span", { className: "font-medium text-gray-900", children: "Select a version" })
+              ] }),
+              /* @__PURE__ */ jsx(
+                VersionDropdown,
+                {
+                  releases: embeddedClusterReleases,
+                  selectedRelease,
+                  onSelect: handleReleaseSelect,
+                  isLoading: isLoadingReleases,
+                  error: releasesError
+                }
+              )
+            ] }),
+            isProxy && /* @__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__ */ jsx("span", { className: "font-medium text-gray-900", children: "Configure proxy URL" })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  value: proxyUrl,
+                  onChange: (event) => setProxyUrl(event.target.value),
+                  placeholder: "Enter proxy URL",
+                  className: "portal-input ml-8 w-full"
+                }
+              )
+            ] }),
+            selectedRelease && /* @__PURE__ */ jsx(
+              InstallationInstructions,
+              {
+                instructions,
+                isLoading: isLoadingInstructions,
+                completedSteps
+              }
+            ),
+            /* @__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: (instructions?.steps?.length ?? 0) + (isProxy ? 3 : 2) }),
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-900", children: "(Optional) Add the Admin Console URL" })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  value: adminConsoleUrl,
+                  onChange: (event) => setAdminConsoleUrl(event.target.value),
+                  placeholder: "https://admin-console.example.com",
+                  className: "portal-input ml-8 w-full"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        apiError && /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-rose-200 bg-rose-50 p-3 text-sm text-rose-600", children: apiError }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm text-gray-500", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleBack,
+              className: "rounded-xl px-4 py-2 font-medium text-gray-500 transition hover:bg-gray-100",
+              children: "Back"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: "Step 2 of 2" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleFinish,
+              className: "rounded-xl bg-indigo-500 px-4 py-2 font-medium text-white transition hover:bg-indigo-600",
+              children: "Finish"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-center text-xs text-gray-400", children: [
+          "Having trouble? ",
+          /* @__PURE__ */ jsx("a", { className: "text-indigo-500", href: "#", children: "Open an issue." })
+        ] })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx(StepIndicator, { step: 1 }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-gray-100 bg-gray-50 p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-gray-700", children: [
+          "Instance Name",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: instanceName,
+              onChange: (event) => setInstanceName(event.target.value),
+              placeholder: "Instance nickname",
+              "aria-invalid": showErrors && !instanceName.trim(),
+              className: `portal-input mt-1 w-full ${showErrors && !instanceName.trim() ? "border-rose-400 focus:border-rose-400 focus:ring-rose-200" : ""}`
+            }
+          ),
+          showErrors && !instanceName.trim() ? /* @__PURE__ */ jsx("span", { className: "mt-1 block text-xs text-rose-500", children: "Instance name is required." }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("fieldset", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("legend", { className: "text-sm font-medium text-gray-700", children: "Network Availability" }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-3 text-sm text-gray-600", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "radio",
+                name: "network-availability",
+                checked: networkAvailability === "online",
+                onChange: () => setNetworkAvailability("online"),
+                className: "portal-radio"
+              }
+            ),
+            "Outbound requests allowed"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-3 text-sm text-gray-600", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "radio",
+                name: "network-availability",
+                checked: networkAvailability === "proxy",
+                onChange: () => setNetworkAvailability("proxy"),
+                className: "portal-radio"
+              }
+            ),
+            "Outbound requests require HTTPS Proxy"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-3 text-sm text-gray-600", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "radio",
+                name: "network-availability",
+                checked: networkAvailability === "airgap",
+                onChange: () => setNetworkAvailability("airgap"),
+                className: "portal-radio"
+              }
+            ),
+            "No outbound requests allowed (air gap)"
+          ] })
+        ] }),
+        apiError ? /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-rose-200 bg-rose-50 p-3 text-sm text-rose-600", children: apiError }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center justify-between text-sm text-gray-500", children: [
+        /* @__PURE__ */ jsx("span", { children: "Step 1 of 2" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            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",
+            children: isCreatingServiceAccount ? "Creating..." : "Continue"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+LinuxInstallWizard.displayName = "LinuxInstallWizard";
+
+// src/utils/api-client.ts
+async function authenticatedFetch(url, options = {}) {
+  const { token, ...fetchOptions } = options;
+  const headers = new Headers(fetchOptions.headers);
+  if (token) {
+    headers.set("authorization", `Bearer ${token}`);
+  }
+  const response = await fetch(url, {
+    ...fetchOptions,
+    headers
+  });
+  if (response.status === 401) {
+    await handle401();
+  }
+  if (response.status === 502 || response.status === 503 || response.status === 504) {
+    await handleServerError(response.status);
+  }
+  return response;
+}
+async function handle401() {
+  const { redirect } = await import('next/navigation');
+  return redirect("/?expired=1");
+}
+async function handleServerError(statusCode) {
+  const { redirect } = await import('next/navigation');
+  let sourceUrl;
+  try {
+    const { headers } = await import('next/headers');
+    const headersList = await headers();
+    const referer = headersList.get("referer");
+    const host = headersList.get("host");
+    const pathname = headersList.get("x-invoke-path") || headersList.get("x-forwarded-path");
+    if (referer) {
+      sourceUrl = referer;
+    } else if (host && pathname) {
+      const protocol = headersList.get("x-forwarded-proto") || "https";
+      sourceUrl = `${protocol}://${host}${pathname}`;
+    }
+  } catch (error) {
+    console.debug("[portal-components] Could not determine source URL", error);
+  }
+  const params = new URLSearchParams({ code: String(statusCode) });
+  if (sourceUrl) {
+    params.set("source", sourceUrl);
+  }
+  return redirect(`/error?${params.toString()}`);
+}
+
+// src/actions/index.ts
+var getApiOrigin = () => {
+  return (process.env.REPLICATED_APP_ORIGIN || "https://replicated.app").replace(/\/+$/, "");
+};
+var defineServerAction = (definition) => definition;
+var createServiceAccount = defineServerAction({
+  id: "service-account/create",
+  description: "Creates a service account for installing applications",
+  visibility: "customer",
+  tags: ["service-account", "install"],
+  async run({ token, name }) {
+    if (!token || typeof token !== "string") {
+      throw new Error("Service account creation requires a session token");
+    }
+    if (!name || typeof name !== "string" || !name.trim()) {
+      throw new Error("Service account name is required");
+    }
+    const endpoint = `${getApiOrigin()}/v3/service-account`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug(
+        "[portal-components] creating service account via %s",
+        endpoint
+      );
+    }
+    const response = await authenticatedFetch(endpoint, {
+      method: "POST",
+      token,
+      headers: {
+        "content-type": "application/json"
+      },
+      body: JSON.stringify({ account_name: name.trim() })
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(
+        `Service account creation failed (${response.status} ${response.statusText}): ${errorText}`
+      );
+    }
+    const data = await response.json();
+    return data;
+  }
+});
+var fetchCustomBrandingImpl = async () => {
+  const appSlug = process.env.PORTAL_APP_SLUG;
+  if (!appSlug) {
+    throw new Error("PORTAL_APP_SLUG is not configured");
+  }
+  const url = `${getApiOrigin()}/v3/custom-branding?app_slug=${encodeURIComponent(
+    appSlug
+  )}`;
+  if (process.env.NODE_ENV !== "production") {
+    console.debug(
+      "[portal-components] fetching custom branding via %s",
+      url
+    );
+  }
+  const response = await fetch(url, {
+    headers: {
+      accept: "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(
+      `Custom branding request failed (${response.status} ${response.statusText})`
+    );
+  }
+  const payload = await response.json();
+  const brandingData = payload?.branding_data;
+  if (typeof brandingData !== "string") {
+    throw new Error("Custom branding response missing branding_data string");
+  }
+  return {
+    brandingData,
+    documentation: payload?.documentation ?? null
+  };
+};
+cache(fetchCustomBrandingImpl);
+var decodeJwtPayload = (token) => {
+  const parts = token.split(".");
+  if (parts.length !== 3) {
+    throw new Error("Invalid JWT received");
+  }
+  const payloadSegment = parts[1];
+  if (!payloadSegment) {
+    throw new Error("JWT payload segment missing");
+  }
+  const padded = payloadSegment.padEnd(
+    payloadSegment.length + (4 - payloadSegment.length % 4) % 4,
+    "="
+  );
+  const decoded = Buffer.from(padded, "base64").toString("utf-8");
+  return JSON.parse(decoded);
+};
+var getCustomerIdFromToken = (token) => {
+  const payload = decodeJwtPayload(token);
+  const customerId = payload?.customer_id || payload?.customerId;
+  if (typeof customerId !== "string" || !customerId.trim()) {
+    throw new Error("Unable to determine customer_id from session token");
+  }
+  return customerId.trim();
+};
+
+// src/actions/install.ts
+async function fetchChannelReleases(input, context) {
+  const { token, channelId } = input;
+  if (!token || typeof token !== "string") {
+    throw new Error("fetchChannelReleases requires a session token");
+  }
+  const customerId = getCustomerIdFromToken(token);
+  const origin = getApiOrigin();
+  const url = new URL(`${origin}/v3/channel-releases`);
+  url.searchParams.set("customer_id", customerId);
+  if (channelId) {
+    url.searchParams.set("channel_id", channelId);
+  }
+  if (process.env.NODE_ENV !== "production") {
+    console.debug("[portal-components] fetching channel releases via %s", url.toString());
+  }
+  const response = await authenticatedFetch(url.toString(), {
+    method: "GET",
+    token,
+    headers: {
+      accept: "application/json"
+    },
+    signal: context?.signal
+  });
+  if (!response.ok) {
+    const errorText = await response.text();
+    throw new Error(
+      `Channel releases request failed (${response.status} ${response.statusText}): ${errorText}`
+    );
+  }
+  const payload = await response.json();
+  return {
+    channelReleases: payload.channelReleases || []
+  };
+}
+async function createInstallOptions(input, context) {
+  const {
+    token,
+    installType,
+    instanceName,
+    serviceAccountId,
+    networkAvailability,
+    isMultiNode = false,
+    channelId,
+    channelReleaseSequence,
+    registryAvailability,
+    kubernetesDistribution
+  } = input;
+  if (!token || typeof token !== "string") {
+    throw new Error("createInstallOptions requires a session token");
+  }
+  if (!instanceName?.trim()) {
+    throw new Error("Instance name is required");
+  }
+  if (!serviceAccountId?.trim()) {
+    throw new Error("Service account ID is required");
+  }
+  const customerId = getCustomerIdFromToken(token);
+  const origin = getApiOrigin();
+  const endpoint = `${origin}/v3/customers/${customerId}/install-options?includeInstructions=true`;
+  const body = {
+    install_type: installType,
+    instance_name: instanceName.trim(),
+    service_account_id: serviceAccountId.trim(),
+    network_availability: networkAvailability,
+    is_multi_node: isMultiNode
+  };
+  if (channelId) {
+    body.channel_id = channelId;
+  }
+  if (channelReleaseSequence !== void 0) {
+    body.channel_release_sequence = channelReleaseSequence;
+  }
+  if (registryAvailability) {
+    body.registry_availability = registryAvailability;
+  }
+  if (kubernetesDistribution) {
+    body.kubernetes_distribution = kubernetesDistribution;
+  }
+  if (process.env.NODE_ENV !== "production") {
+    console.debug("[portal-components] creating install options via %s", endpoint);
+  }
+  const response = await authenticatedFetch(endpoint, {
+    method: "POST",
+    token,
+    headers: {
+      "content-type": "application/json",
+      accept: "application/json"
+    },
+    body: JSON.stringify(body),
+    signal: context?.signal
+  });
+  if (!response.ok) {
+    const errorText = await response.text();
+    throw new Error(
+      `Create install options failed (${response.status} ${response.statusText}): ${errorText}`
+    );
+  }
+  return await response.json();
+}
+async function getInstallOptions(input, context) {
+  const {
+    token,
+    installOptionsId,
+    includeInstructions = true,
+    privateRegistryHostname,
+    proxyUrl
+  } = input;
+  if (!token || typeof token !== "string") {
+    throw new Error("getInstallOptions requires a session token");
+  }
+  if (!installOptionsId?.trim()) {
+    throw new Error("Install options ID is required");
+  }
+  const customerId = getCustomerIdFromToken(token);
+  const origin = getApiOrigin();
+  const url = new URL(`${origin}/v3/customers/${customerId}/install-options/${installOptionsId.trim()}`);
+  if (includeInstructions) {
+    url.searchParams.set("includeInstructions", "true");
+  }
+  if (privateRegistryHostname) {
+    url.searchParams.set("privateRegistryHostname", privateRegistryHostname);
+  }
+  if (proxyUrl) {
+    url.searchParams.set("proxyUrl", proxyUrl);
+  }
+  if (process.env.NODE_ENV !== "production") {
+    console.debug("[portal-components] fetching install options via %s", url.toString());
+  }
+  const response = await authenticatedFetch(url.toString(), {
+    method: "GET",
+    token,
+    headers: {
+      accept: "application/json"
+    },
+    signal: context?.signal
+  });
+  if (!response.ok) {
+    const errorText = await response.text();
+    throw new Error(
+      `Get install options failed (${response.status} ${response.statusText}): ${errorText}`
+    );
+  }
+  return await response.json();
+}
+async function updateInstallOptions(input, context) {
+  const {
+    token,
+    installOptionsId,
+    installType,
+    channelId,
+    channelReleaseSequence,
+    networkAvailability,
+    registryAvailability,
+    kubernetesDistribution,
+    isMultiNode,
+    serviceAccountId,
+    adminConsoleUrl,
+    status,
+    includeInstructions = true,
+    privateRegistryHostname,
+    proxyUrl
+  } = input;
+  if (!token || typeof token !== "string") {
+    throw new Error("updateInstallOptions requires a session token");
+  }
+  if (!installOptionsId?.trim()) {
+    throw new Error("Install options ID is required");
+  }
+  const customerId = getCustomerIdFromToken(token);
+  const origin = getApiOrigin();
+  const url = new URL(`${origin}/v3/customers/${customerId}/install-options/${installOptionsId.trim()}`);
+  if (includeInstructions) {
+    url.searchParams.set("includeInstructions", "true");
+  }
+  if (privateRegistryHostname) {
+    url.searchParams.set("privateRegistryHostname", privateRegistryHostname);
+  }
+  if (proxyUrl) {
+    url.searchParams.set("proxyUrl", proxyUrl);
+  }
+  const body = {};
+  if (installType !== void 0) {
+    body.install_type = installType;
+  }
+  if (channelId !== void 0) {
+    body.channel_id = channelId;
+  }
+  if (channelReleaseSequence !== void 0) {
+    body.channel_release_sequence = channelReleaseSequence;
+  }
+  if (networkAvailability !== void 0) {
+    body.network_availability = networkAvailability;
+  }
+  if (registryAvailability !== void 0) {
+    body.registry_availability = registryAvailability;
+  }
+  if (kubernetesDistribution !== void 0) {
+    body.kubernetes_distribution = kubernetesDistribution;
+  }
+  if (isMultiNode !== void 0) {
+    body.is_multi_node = isMultiNode;
+  }
+  if (serviceAccountId !== void 0) {
+    body.service_account_id = serviceAccountId;
+  }
+  if (adminConsoleUrl !== void 0) {
+    body.admin_console_url = adminConsoleUrl;
+  }
+  if (status !== void 0) {
+    body.status = status;
+  }
+  if (process.env.NODE_ENV !== "production") {
+    console.debug("[portal-components] updating install options via %s", url.toString());
+  }
+  const response = await authenticatedFetch(url.toString(), {
+    method: "PATCH",
+    token,
+    headers: {
+      "content-type": "application/json",
+      accept: "application/json"
+    },
+    body: JSON.stringify(body),
+    signal: context?.signal
+  });
+  if (!response.ok) {
+    const errorText = await response.text();
+    throw new Error(
+      `Update install options failed (${response.status} ${response.statusText}): ${errorText}`
+    );
+  }
+  return await response.json();
+}
+function filterEmbeddedClusterReleases(releases) {
+  return releases.filter(
+    (release) => release.installationTypes?.embeddedCluster?.version
+  );
+}
+
+export { LINUX_INSTALL_OPTIONS_KEY, LINUX_INSTALL_SERVICE_ACCOUNT_KEY, LinuxInstallWizard, createInstallOptions, createServiceAccount, fetchChannelReleases, filterEmbeddedClusterReleases, getInstallOptions, updateInstallOptions };
+//# sourceMappingURL=linux-install-wizard.js.map
+//# sourceMappingURL=linux-install-wizard.js.map