diff --git a/web/src/App.tsx b/web/src/App.tsx
index 338734f741..a0dde72316 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -1,6 +1,4 @@
 import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
-import { LinuxConfigProvider } from "./providers/LinuxConfigProvider";
-import { KubernetesConfigProvider } from "./providers/KubernetesConfigProvider";
 import { SettingsProvider } from "./providers/SettingsProvider";
 import { WizardProvider } from "./providers/WizardProvider";
 import { InitialStateProvider } from "./providers/InitialStateProvider";
@@ -19,25 +17,21 @@ function App() {
         <AuthProvider>
           <SettingsProvider>
             <InstallationProgressProvider>
-              <LinuxConfigProvider>
-                <KubernetesConfigProvider>
-                  <div className="min-h-screen bg-gray-50 text-gray-900 font-sans">
-                    <BrowserRouter>
-                      <Routes>
-                        <Route
-                          path="/"
-                          element={
-                            <WizardProvider>
-                              <InstallWizard />
-                            </WizardProvider>
-                          }
-                        />
-                        <Route path="*" element={<Navigate to="/" replace />} />
-                      </Routes>
-                    </BrowserRouter>
-                  </div>
-                </KubernetesConfigProvider>
-              </LinuxConfigProvider>
+              <div className="min-h-screen bg-gray-50 text-gray-900 font-sans">
+                <BrowserRouter>
+                  <Routes>
+                    <Route
+                      path="/"
+                      element={
+                        <WizardProvider>
+                          <InstallWizard />
+                        </WizardProvider>
+                      }
+                    />
+                    <Route path="*" element={<Navigate to="/" replace />} />
+                  </Routes>
+                </BrowserRouter>
+              </div>
             </InstallationProgressProvider>
           </SettingsProvider>
         </AuthProvider>
diff --git a/web/src/components/wizard/completion/KubernetesCompletionStep.tsx b/web/src/components/wizard/completion/KubernetesCompletionStep.tsx
index 5542ba3cad..a6ef73b62c 100644
--- a/web/src/components/wizard/completion/KubernetesCompletionStep.tsx
+++ b/web/src/components/wizard/completion/KubernetesCompletionStep.tsx
@@ -1,27 +1,82 @@
 import React, { useState } from "react";
 import Card from "../../common/Card";
 import Button from "../../common/Button";
-import { useKubernetesConfig } from "../../../contexts/KubernetesConfigContext";
+import { useQuery } from "@tanstack/react-query";
 import { useInitialState } from "../../../contexts/InitialStateContext";
 import { useSettings } from "../../../contexts/SettingsContext";
-import { CheckCircle, ClipboardCheck, Copy, Terminal } from "lucide-react";
+import { useAuth } from "../../../contexts/AuthContext";
+import { CheckCircle, ClipboardCheck, Copy, Terminal, Loader2, XCircle } from "lucide-react";
+import { KubernetesConfigResponse } from "../../../types";
+import { getApiBase } from '../../../utils/api-base';
+import { ApiError } from '../../../utils/api-error';
 
 const KubernetesCompletionStep: React.FC = () => {
   const [copied, setCopied] = useState(false);
-  const { config } = useKubernetesConfig();
-  const { title } = useInitialState();
-  const { settings } = useSettings();
-  const themeColor = settings.themeColor;
+  const { title, installTarget, mode } = useInitialState();
+  const { settings: { themeColor } } = useSettings();
+  const { token } = useAuth();
+
+  const apiBase = getApiBase(installTarget, mode);
+  // Query for fetching install configuration
+  const { isLoading, error, data: config } = useQuery<KubernetesConfigResponse, Error>({
+    queryKey: ["installConfig"],
+    queryFn: async () => {
+      const response = await fetch(`${apiBase}/installation/config`, {
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+      });
+      if (!response.ok) {
+        throw await ApiError.fromResponse(response, "Failed to fetch install configuration")
+      }
+      const configResponse = await response.json() as KubernetesConfigResponse;
+      return configResponse;
+    },
+  });
 
   const copyInstallCommand = () => {
-    if (config.installCommand) {
-      navigator.clipboard.writeText(config.installCommand).then(() => {
+    if (config?.resolved.installCommand) {
+      navigator.clipboard.writeText(config?.resolved.installCommand).then(() => {
         setCopied(true);
         setTimeout(() => setCopied(false), 2000);
       });
     }
   };
 
+  // Loading state
+  if (isLoading) {
+    return (
+      <div className="space-y-6" data-testid="kubernetes-completion-loading">
+        <Card>
+          <div className="flex flex-col items-center justify-center py-12">
+            <Loader2 className="w-8 h-8 animate-spin mb-4" style={{ color: themeColor }} />
+            <p className="text-gray-600">Loading installation configuration...</p>
+          </div>
+        </Card>
+      </div>
+    );
+  }
+
+  // Error state
+  if (error) {
+    return (
+      <div className="space-y-6" data-testid="kubernetes-completion-error">
+        <Card>
+          <div className="flex flex-col items-center justify-center py-12">
+            <div className="w-12 h-12 rounded-full bg-red-100 flex items-center justify-center mb-4">
+              <XCircle className="w-6 h-6 text-red-600" />
+            </div>
+            <p className="text-lg font-medium text-gray-900">Failed to load installation configuration</p>
+            <p className="text-sm text-red-600 mt-2">
+              {error instanceof ApiError ? error.details || error.message : error.message}
+            </p>
+          </div>
+        </Card>
+      </div>
+    );
+  }
+
+  // Success state
   return (
     <div className="space-y-6">
       <Card>
@@ -50,7 +105,7 @@ const KubernetesCompletionStep: React.FC = () => {
                 <div className="flex items-start space-x-2 p-2 bg-white rounded border border-gray-300">
                   <Terminal className="w-4 h-4 text-gray-400 mt-0.5 shrink-0" />
                   <code className="font-mono text-sm text-left">
-                    {config.installCommand}
+                    {config?.resolved.installCommand}
                   </code>
                 </div>
               </div>
diff --git a/web/src/components/wizard/completion/LinuxCompletionStep.tsx b/web/src/components/wizard/completion/LinuxCompletionStep.tsx
index a097433d3c..27bc517d7e 100644
--- a/web/src/components/wizard/completion/LinuxCompletionStep.tsx
+++ b/web/src/components/wizard/completion/LinuxCompletionStep.tsx
@@ -1,17 +1,73 @@
 import React from "react";
 import Card from "../../common/Card";
 import Button from "../../common/Button";
-import { useLinuxConfig } from "../../../contexts/LinuxConfigContext";
 import { useInitialState } from "../../../contexts/InitialStateContext";
 import { useSettings } from "../../../contexts/SettingsContext";
-import { CheckCircle, ExternalLink } from "lucide-react";
+import { useQuery } from "@tanstack/react-query";
+import { useAuth } from "../../../contexts/AuthContext";
+import { CheckCircle, ExternalLink, Loader2, XCircle } from "lucide-react";
+import { getApiBase } from '../../../utils/api-base';
+import { LinuxConfigResponse } from "../../../types";
+import { ApiError } from '../../../utils/api-error';
 
 const LinuxCompletionStep: React.FC = () => {
-  const { config } = useLinuxConfig();
-  const { title } = useInitialState();
+  const { title, installTarget, mode } = useInitialState();
   const { settings } = useSettings();
   const themeColor = settings.themeColor;
 
+  const { token } = useAuth();
+  const apiBase = getApiBase(installTarget, mode);
+  // Query for fetching install configuration
+  const { isLoading, error, data: config } = useQuery<LinuxConfigResponse, Error>({
+    queryKey: ["installConfig"],
+    queryFn: async () => {
+      const response = await fetch(`${apiBase}/installation/config`, {
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+      });
+      if (!response.ok) {
+        throw await ApiError.fromResponse(response, "Failed to fetch install configuration")
+      }
+      const configResponse = await response.json() as LinuxConfigResponse;
+      return configResponse;
+    },
+  });
+
+  // Loading state
+  if (isLoading) {
+    return (
+      <div className="space-y-6" data-testid="linux-completion-loading">
+        <Card>
+          <div className="flex flex-col items-center justify-center py-12">
+            <Loader2 className="w-8 h-8 animate-spin mb-4" style={{ color: themeColor }} />
+            <p className="text-gray-600">Loading installation configuration...</p>
+          </div>
+        </Card>
+      </div>
+    );
+  }
+
+  // Error state
+  if (error) {
+    return (
+      <div className="space-y-6" data-testid="linux-completion-error">
+        <Card>
+          <div className="flex flex-col items-center justify-center py-12">
+            <div className="w-12 h-12 rounded-full bg-red-100 flex items-center justify-center mb-4">
+              <XCircle className="w-6 h-6 text-red-600" />
+            </div>
+            <p className="text-lg font-medium text-gray-900">Failed to load installation configuration</p>
+            <p className="text-sm text-red-600 mt-2">
+              {error instanceof ApiError ? error.details || error.message : error.message}
+            </p>
+          </div>
+        </Card>
+      </div>
+    );
+  }
+
+  // Success state
   return (
     <div className="space-y-6">
       <Card>
@@ -26,7 +82,7 @@ const LinuxCompletionStep: React.FC = () => {
             <Button
               className="mt-4"
               dataTestId="admin-console-button"
-              onClick={() => window.open(`http://${window.location.hostname}:${config.adminConsolePort}`, "_blank")}
+              onClick={() => window.open(`http://${window.location.hostname}:${config?.resolved.adminConsolePort}`, "_blank")}
               icon={<ExternalLink className="ml-2 mr-1 h-5 w-5" />}
             >
               Visit Admin Console
diff --git a/web/src/components/wizard/setup/KubernetesSetupStep.tsx b/web/src/components/wizard/setup/KubernetesSetupStep.tsx
index 995a9181cc..37c4712424 100644
--- a/web/src/components/wizard/setup/KubernetesSetupStep.tsx
+++ b/web/src/components/wizard/setup/KubernetesSetupStep.tsx
@@ -2,13 +2,12 @@ import React, { useState } from "react";
 import Input from "../../common/Input";
 import Button from "../../common/Button";
 import Card from "../../common/Card";
-import { useKubernetesConfig } from "../../../contexts/KubernetesConfigContext";
 import { useWizard } from "../../../contexts/WizardModeContext";
 import { useQuery, useMutation } from "@tanstack/react-query";
 import { useAuth } from "../../../contexts/AuthContext";
 import { formatErrorMessage } from "../../../utils/errorMessage";
 import { ChevronRight, ChevronLeft } from "lucide-react";
-import { KubernetesConfig } from "../../../types";
+import { KubernetesConfig, KubernetesConfigResponse } from "../../../types";
 import { getApiBase } from '../../../utils/api-base';
 import { ApiError } from '../../../utils/api-error';
 
@@ -36,14 +35,7 @@ interface Status {
   description?: string;
 }
 
-interface KubernetesConfigResponse {
-  values: KubernetesConfig;
-  defaults: KubernetesConfig;
-  resolved: KubernetesConfig;
-}
-
 const KubernetesSetupStep: React.FC<KubernetesSetupStepProps> = ({ onNext, onBack }) => {
-  const { updateConfig } = useKubernetesConfig(); // We need to make sure to update the global config
   const { text, target, mode } = useWizard();
   const [error, setError] = useState<string | null>(null);
   const [defaults, setDefaults] = useState<KubernetesConfig>({});
@@ -64,8 +56,6 @@ const KubernetesSetupStep: React.FC<KubernetesSetupStepProps> = ({ onNext, onBac
         throw await ApiError.fromResponse(response, "Failed to fetch install configuration")
       }
       const configResponse = await response.json();
-      // Update the global config with resolved config which includes user values and defaults.
-      updateConfig(configResponse.resolved);
       // Store defaults for display in help text
       setDefaults(configResponse.defaults);
       // Store the config values for display in the form inputs
@@ -92,8 +82,6 @@ const KubernetesSetupStep: React.FC<KubernetesSetupStepProps> = ({ onNext, onBac
       return response.json();
     },
     onSuccess: () => {
-      // Update the global (context) config we use accross the project
-      updateConfig(configValues);
       // Clear any previous errors
       setError(null);
       startInstallation();
diff --git a/web/src/components/wizard/setup/LinuxSetupStep.tsx b/web/src/components/wizard/setup/LinuxSetupStep.tsx
index aa89d6890c..06a5590e1a 100644
--- a/web/src/components/wizard/setup/LinuxSetupStep.tsx
+++ b/web/src/components/wizard/setup/LinuxSetupStep.tsx
@@ -4,13 +4,12 @@ import Select from "../../common/Select";
 import Button from "../../common/Button";
 import Card from "../../common/Card";
 import { useInitialState } from "../../../contexts/InitialStateContext";
-import { useLinuxConfig } from "../../../contexts/LinuxConfigContext";
 import { useWizard } from "../../../contexts/WizardModeContext";
 import { useQuery, useMutation } from "@tanstack/react-query";
 import { useAuth } from "../../../contexts/AuthContext";
 import { formatErrorMessage } from "../../../utils/errorMessage";
 import { ChevronDown, ChevronLeft, ChevronRight } from "lucide-react";
-import { LinuxConfig, State } from "../../../types";
+import { LinuxConfigResponse, LinuxConfig, State } from "../../../types";
 import { getApiBase } from '../../../utils/api-base';
 import { ApiError } from '../../../utils/api-error';
 
@@ -45,12 +44,6 @@ interface Status {
   description?: string;
 }
 
-interface LinuxConfigResponse {
-  values: LinuxConfig;
-  defaults: LinuxConfig;
-  resolved: LinuxConfig;
-}
-
 interface InstallationStatusResponse {
   description: string;
   lastUpdated: string;
@@ -62,7 +55,6 @@ interface NetworkInterfacesResponse {
 }
 
 const LinuxSetupStep: React.FC<LinuxSetupStepProps> = ({ onNext, onBack }) => {
-  const { updateConfig } = useLinuxConfig(); // We need to make sure to update the global config
   const { text, target, mode } = useWizard();
   const { title } = useInitialState();
   const [isInstallationStatusPolling, setIsInstallationStatusPolling] = useState(false);
@@ -86,8 +78,6 @@ const LinuxSetupStep: React.FC<LinuxSetupStepProps> = ({ onNext, onBack }) => {
         throw await ApiError.fromResponse(response, "Failed to fetch install configuration")
       }
       const configResponse = await response.json();
-      // Update the global config with resolved config which includes user values and defaults.
-      updateConfig(configResponse.resolved);
       // Store defaults for display in help text
       setDefaults(configResponse.defaults);
       // Store the config values for display in the form inputs
@@ -150,8 +140,6 @@ const LinuxSetupStep: React.FC<LinuxSetupStepProps> = ({ onNext, onBack }) => {
       return response.json();
     },
     onSuccess: () => {
-      // Update the global (context) config we use accross the project
-      updateConfig(configValues);
       // Clear any previous errors
       setError(null);
       // Start polling installation status
diff --git a/web/src/components/wizard/tests/KubernetesCompletionStep.test.tsx b/web/src/components/wizard/tests/KubernetesCompletionStep.test.tsx
index 50c8e1093b..a6545f16f7 100644
--- a/web/src/components/wizard/tests/KubernetesCompletionStep.test.tsx
+++ b/web/src/components/wizard/tests/KubernetesCompletionStep.test.tsx
@@ -1,26 +1,77 @@
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import { screen, fireEvent } from "@testing-library/react";
+import { describe, it, expect, vi, beforeAll, afterEach, afterAll } from "vitest";
+import { screen, fireEvent, waitFor } from "@testing-library/react";
+import { http, HttpResponse } from "msw";
+import { setupServer } from "msw/node";
 import { renderWithProviders } from "../../../test/setup.tsx";
 import KubernetesCompletionStep from "../completion/KubernetesCompletionStep.tsx";
+import { KubernetesConfigResponse } from "../../../types";
+
+const MOCK_CONFIG: KubernetesConfigResponse = {
+  values: {
+    installCommand: 'kubectl -n kotsadm port-forward svc/kotsadm 8800:3000',
+  },
+  defaults: {
+    installCommand: 'kubectl -n kotsadm port-forward svc/kotsadm 8800:3000',
+  },
+  resolved: {
+    installCommand: 'kubectl -n kotsadm port-forward svc/kotsadm 8800:3000',
+  },
+};
+
+const createServer = () => setupServer(
+  http.get(`*/api/kubernetes/install/installation/config`, () => {
+    return HttpResponse.json(MOCK_CONFIG);
+  })
+);
 
 describe("KubernetesCompletionStep", () => {
-  beforeEach(() => {
-    // Mock window.location.hostname
-    Object.defineProperty(window, 'location', {
-      value: { hostname: 'localhost' },
-      writable: true,
+  let server: ReturnType<typeof createServer>;
+
+  beforeAll(() => {
+    server = createServer();
+    server.listen();
+  });
+
+  afterEach(() => {
+    server.resetHandlers();
+    vi.clearAllMocks();
+  });
+
+  afterAll(() => {
+    server.close();
+  });
+
+  it("shows loading state initially", () => {
+    renderWithProviders(<KubernetesCompletionStep />, {
+      wrapperProps: {
+        authenticated: true,
+        target: "kubernetes",
+        mode: "install",
+      },
     });
+
+    expect(screen.getByTestId("kubernetes-completion-loading")).toBeInTheDocument();
+    expect(screen.getByText("Loading installation configuration...")).toBeInTheDocument();
   });
 
-  it("renders completion message and copy command button", () => {
+  it("renders completion message and copy command button after loading", async () => {
     renderWithProviders(<KubernetesCompletionStep />, {
       wrapperProps: {
         authenticated: true,
+        target: "kubernetes",
+        mode: "install",
       },
     });
 
+    // Wait for loading to complete
+    await waitFor(() => {
+      expect(screen.queryByTestId("kubernetes-completion-loading")).not.toBeInTheDocument();
+    });
+
+    // Check success state
     expect(screen.getByTestId("completion-message")).toBeInTheDocument();
     expect(screen.getByText("Copy Command")).toBeInTheDocument();
+    expect(screen.getByText(MOCK_CONFIG.resolved.installCommand!)).toBeInTheDocument();
   });
 
   it("copies install command when button is clicked", async () => {
@@ -34,12 +85,123 @@ describe("KubernetesCompletionStep", () => {
     renderWithProviders(<KubernetesCompletionStep />, {
       wrapperProps: {
         authenticated: true,
+        target: "kubernetes",
+        mode: "install",
       },
     });
 
+    // Wait for loading to complete
+    await waitFor(() => {
+      expect(screen.queryByTestId("kubernetes-completion-loading")).not.toBeInTheDocument();
+    });
+
     const button = screen.getByText("Copy Command");
     fireEvent.click(button);
 
-    expect(mockWriteText).toHaveBeenCalled();
+    expect(mockWriteText).toHaveBeenCalledWith(MOCK_CONFIG.resolved.installCommand);
+
+    // Check that button text changes to "Copied!"
+    await waitFor(() => {
+      expect(screen.getByText("Copied!")).toBeInTheDocument();
+    });
+  });
+
+  it("displays error state when API returns ApiError with details", async () => {
+    // Override the server handler to return an ApiError with details
+    server.use(
+      http.get("*/api/kubernetes/install/installation/config", () => {
+        return HttpResponse.json(
+          { message: "Network error occurred" },
+          { status: 500 }
+        );
+      })
+    );
+
+    renderWithProviders(<KubernetesCompletionStep />, {
+      wrapperProps: {
+        authenticated: true,
+        target: "kubernetes",
+        mode: "install",
+      },
+    });
+
+    // Wait for error state to appear
+    await waitFor(() => {
+      expect(screen.getByTestId("kubernetes-completion-error")).toBeInTheDocument();
+    });
+
+    expect(screen.getByText("Failed to load installation configuration")).toBeInTheDocument();
+    expect(screen.getByText("Network error occurred")).toBeInTheDocument();
+  });
+
+  it("displays error state with generic error message when no details provided", async () => {
+    // Override the server handler to return an error without details
+    server.use(
+      http.get("*/api/kubernetes/install/installation/config", () => {
+        return HttpResponse.json(
+          { error: "Failed to fetch configuration" },
+          { status: 500 }
+        );
+      })
+    );
+
+    renderWithProviders(<KubernetesCompletionStep />, {
+      wrapperProps: {
+        authenticated: true,
+        target: "kubernetes",
+        mode: "install",
+      },
+    });
+
+    // Wait for error state to appear
+    await waitFor(() => {
+      expect(screen.getByTestId("kubernetes-completion-error")).toBeInTheDocument();
+    });
+
+    expect(screen.getByText("Failed to load installation configuration")).toBeInTheDocument();
+    expect(screen.getByText("Failed to fetch install configuration")).toBeInTheDocument();
+  });
+
+  it("displays error state when API returns 404", async () => {
+    server.use(
+      http.get("*/api/kubernetes/install/installation/config", () => {
+        return HttpResponse.json(
+          { error: "Not found" },
+          { status: 404 }
+        );
+      })
+    );
+
+    renderWithProviders(<KubernetesCompletionStep />, {
+      wrapperProps: {
+        authenticated: true,
+        target: "kubernetes",
+        mode: "install",
+      },
+    });
+
+    await waitFor(() => {
+      expect(screen.getByTestId("kubernetes-completion-error")).toBeInTheDocument();
+    });
+  });
+
+  it("displays error state with network error message", async () => {
+    server.use(
+      http.get("*/api/kubernetes/install/installation/config", () => {
+        return HttpResponse.error();
+      })
+    );
+
+    renderWithProviders(<KubernetesCompletionStep />, {
+      wrapperProps: {
+        authenticated: true,
+        target: "kubernetes",
+        mode: "install",
+      },
+    });
+
+    await waitFor(() => {
+      expect(screen.getByTestId("kubernetes-completion-error")).toBeInTheDocument();
+    });
   });
 });
diff --git a/web/src/components/wizard/tests/KubernetesSetupStep.test.tsx b/web/src/components/wizard/tests/KubernetesSetupStep.test.tsx
index 11e383ad20..0f9d0a68d7 100644
--- a/web/src/components/wizard/tests/KubernetesSetupStep.test.tsx
+++ b/web/src/components/wizard/tests/KubernetesSetupStep.test.tsx
@@ -29,7 +29,6 @@ describe.each([
 ])("KubernetesSetupStep - $modeDisplayName", ({ mode }) => {
   const mockOnNext = vi.fn();
   const mockOnBack = vi.fn();
-  const mockUpdateConfig = vi.fn();
   let server: ReturnType<typeof createServer>;
 
   beforeAll(() => {
@@ -57,13 +56,6 @@ describe.each([
           authenticated: true,
           target: "kubernetes",
           mode,
-          contextValues: {
-            kubernetesConfigContext: {
-              config: {},
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -102,13 +94,6 @@ describe.each([
           authenticated: true,
           target: "kubernetes",
           mode,
-          contextValues: {
-            kubernetesConfigContext: {
-              config: {},
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -131,8 +116,6 @@ describe.each([
 
       // Verify onNext was not called
       expect(mockOnNext).not.toHaveBeenCalled();
-      // Verify updateConfig was called only during initial load (once)
-      expect(mockUpdateConfig).toHaveBeenCalledTimes(1);
     });
 
     it("handles field-specific errors gracefully", async () => {
@@ -154,13 +137,6 @@ describe.each([
           authenticated: true,
           target: "kubernetes",
           mode,
-          contextValues: {
-            kubernetesConfigContext: {
-              config: {},
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -187,8 +163,6 @@ describe.each([
 
       // Verify onNext was not called
       expect(mockOnNext).not.toHaveBeenCalled();
-      // Verify updateConfig was called only during initial load (once)
-      expect(mockUpdateConfig).toHaveBeenCalledTimes(1);
     });
 
     it("clears errors when re-submitting after previous failure", async () => {
@@ -204,13 +178,6 @@ describe.each([
           authenticated: true,
           target: "kubernetes",
           mode,
-          contextValues: {
-            kubernetesConfigContext: {
-              config: {},
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -260,13 +227,6 @@ describe.each([
           authenticated: true,
           target: "kubernetes",
           mode,
-          contextValues: {
-            kubernetesConfigContext: {
-              config: {},
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -278,7 +238,7 @@ describe.each([
 
       // Check that port input is empty (not displaying "0")
       const adminPortInput = screen.getByTestId("admin-console-port-input") as HTMLInputElement;
-      
+
       expect(adminPortInput.value).toBe("");
     });
 
@@ -294,13 +254,6 @@ describe.each([
           authenticated: true,
           target: "kubernetes",
           mode,
-          contextValues: {
-            kubernetesConfigContext: {
-              config: {},
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -313,7 +266,7 @@ describe.each([
       // Check that inputs show empty values appropriately
       const adminPortInput = screen.getByTestId("admin-console-port-input") as HTMLInputElement;
       const httpProxyInput = screen.getByTestId("http-proxy-input") as HTMLInputElement;
-      
+
       expect(adminPortInput.value).toBe("");
       expect(httpProxyInput.value).toBe("");
     });
@@ -324,13 +277,6 @@ describe.each([
           authenticated: true,
           target: "kubernetes",
           mode,
-          contextValues: {
-            kubernetesConfigContext: {
-              config: {},
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -341,18 +287,18 @@ describe.each([
       });
 
       const adminPortInput = screen.getByTestId("admin-console-port-input") as HTMLInputElement;
-      
+
       // Clear the existing value first
       fireEvent.change(adminPortInput, { target: { value: "" } });
-      
+
       // Test that decimal values are rejected
       fireEvent.change(adminPortInput, { target: { value: "30000.5" } });
       expect(adminPortInput.value).toBe("");
-      
+
       // Test that non-numeric values are rejected
       fireEvent.change(adminPortInput, { target: { value: "abc" } });
       expect(adminPortInput.value).toBe("");
-      
+
       // Test that valid integer is accepted
       fireEvent.change(adminPortInput, { target: { value: "30000" } });
       expect(adminPortInput.value).toBe("30000");
@@ -364,13 +310,6 @@ describe.each([
           authenticated: true,
           target: "kubernetes",
           mode,
-          contextValues: {
-            kubernetesConfigContext: {
-              config: {},
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -382,11 +321,11 @@ describe.each([
 
       const httpProxyInput = screen.getByTestId("http-proxy-input") as HTMLInputElement;
       const httpsProxyInput = screen.getByTestId("https-proxy-input") as HTMLInputElement;
-      
+
       // Test that valid HTTP URLs are accepted
       fireEvent.change(httpProxyInput, { target: { value: "http://proxy.example.com:3128" } });
       expect(httpProxyInput.value).toBe("http://proxy.example.com:3128");
-      
+
       // Test that valid HTTPS URLs are accepted
       fireEvent.change(httpsProxyInput, { target: { value: "https://proxy.example.com:3128" } });
       expect(httpsProxyInput.value).toBe("https://proxy.example.com:3128");
@@ -400,13 +339,6 @@ describe.each([
           authenticated: true,
           target: "kubernetes",
           mode,
-          contextValues: {
-            kubernetesConfigContext: {
-              config: {},
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -416,9 +348,6 @@ describe.each([
         expect(screen.queryByText("Loading configuration...")).not.toBeInTheDocument();
       });
 
-      // Verify that updateConfig was called with the resolved from the API response
-      expect(mockUpdateConfig).toHaveBeenCalledWith(MOCK_KUBERNETES_INSTALL_CONFIG_RESPONSE.resolved);
-
       // Check that form shows the correct values
       const adminPortInput = screen.getByTestId("admin-console-port-input") as HTMLInputElement;
       expect(adminPortInput.value).toBe("8800");
@@ -464,13 +393,6 @@ describe.each([
           authenticated: true,
           target: "kubernetes",
           mode,
-          contextValues: {
-            kubernetesConfigContext: {
-              config: {},
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -500,11 +422,6 @@ describe.each([
         },
         { timeout: 3000 }
       );
-
-      // Verify updateConfig was called with the correct values
-      expect(mockUpdateConfig).toHaveBeenCalledWith({
-        adminConsolePort: 30000,
-      });
     });
 
     it("submits form with proxy configuration", async () => {
@@ -538,13 +455,6 @@ describe.each([
           authenticated: true,
           target: "kubernetes",
           mode,
-          contextValues: {
-            kubernetesConfigContext: {
-              config: {},
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -573,14 +483,6 @@ describe.each([
       await waitFor(() => {
         expect(mockOnNext).toHaveBeenCalled();
       });
-
-      // Verify updateConfig was called with all proxy values
-      expect(mockUpdateConfig).toHaveBeenCalledWith({
-        adminConsolePort: 30000,
-        httpProxy: "http://proxy.example.com:3128",
-        httpsProxy: "https://proxy.example.com:3128",
-        noProxy: "localhost,127.0.0.1,.internal",
-      });
     });
   });
-}); // end of mode describe
\ No newline at end of file
+}); // end of mode describe
diff --git a/web/src/components/wizard/tests/LinuxCompletionStep.test.tsx b/web/src/components/wizard/tests/LinuxCompletionStep.test.tsx
index 324ce384d8..47b2f8127d 100644
--- a/web/src/components/wizard/tests/LinuxCompletionStep.test.tsx
+++ b/web/src/components/wizard/tests/LinuxCompletionStep.test.tsx
@@ -1,7 +1,31 @@
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import { screen, fireEvent } from "@testing-library/react";
+import { describe, it, expect, vi, beforeAll, afterEach, afterAll, beforeEach } from "vitest";
+import { screen, fireEvent, waitFor } from "@testing-library/react";
+import { http, HttpResponse } from "msw";
+import { setupServer } from "msw/node";
 import { renderWithProviders } from "../../../test/setup.tsx";
 import LinuxCompletionStep from "../completion/LinuxCompletionStep.tsx";
+import { LinuxConfigResponse } from "../../../types";
+
+const MOCK_CONFIG: LinuxConfigResponse = {
+  values: {
+    adminConsolePort: 8800,
+    dataDirectory: "/var/lib/embedded-cluster",
+  },
+  defaults: {
+    adminConsolePort: 8800,
+    dataDirectory: "/var/lib/embedded-cluster",
+  },
+  resolved: {
+    adminConsolePort: 8800,
+    dataDirectory: "/var/lib/embedded-cluster",
+  },
+};
+
+const createServer = () => setupServer(
+  http.get(`*/api/linux/install/installation/config`, () => {
+    return HttpResponse.json(MOCK_CONFIG);
+  })
+);
 
 // Mock window.open
 const mockOpen = vi.fn();
@@ -11,36 +35,175 @@ Object.defineProperty(window, 'open', {
 });
 
 describe("LinuxCompletionStep", () => {
+  let server: ReturnType<typeof createServer>;
+
+  beforeAll(() => {
+    server = createServer();
+    server.listen();
+  });
+
   beforeEach(() => {
     mockOpen.mockClear();
-    // Mock window.location.hostname
-    Object.defineProperty(window, 'location', {
-      value: { hostname: 'localhost' },
-      writable: true,
+  });
+
+  afterEach(() => {
+    server.resetHandlers();
+    vi.clearAllMocks();
+  });
+
+  afterAll(() => {
+    server.close();
+  });
+
+  it("shows loading state initially", () => {
+    renderWithProviders(<LinuxCompletionStep />, {
+      wrapperProps: {
+        authenticated: true,
+        target: "linux",
+        mode: "install",
+      },
     });
+
+    expect(screen.getByTestId("linux-completion-loading")).toBeInTheDocument();
+    expect(screen.getByText("Loading installation configuration...")).toBeInTheDocument();
   });
 
-  it("renders completion message and button", () => {
+  it("renders completion message and button after loading", async () => {
     renderWithProviders(<LinuxCompletionStep />, {
       wrapperProps: {
         authenticated: true,
+        target: "linux",
+        mode: "install",
       },
     });
 
+    // Wait for loading to complete
+    await waitFor(() => {
+      expect(screen.queryByTestId("linux-completion-loading")).not.toBeInTheDocument();
+    });
+
     expect(screen.getByTestId("completion-message")).toBeInTheDocument();
     expect(screen.getByTestId("admin-console-button")).toBeInTheDocument();
   });
 
-  it("opens admin console when button is clicked", () => {
+  it("opens admin console when button is clicked", async () => {
     renderWithProviders(<LinuxCompletionStep />, {
       wrapperProps: {
         authenticated: true,
+        target: "linux",
+        mode: "install",
       },
     });
 
+    // Wait for loading to complete
+    await waitFor(() => {
+      expect(screen.queryByTestId("linux-completion-loading")).not.toBeInTheDocument();
+    });
+
     const button = screen.getByTestId("admin-console-button");
     fireEvent.click(button);
 
-    expect(mockOpen).toHaveBeenCalledWith("http://localhost:8800", "_blank");
+    // Verify window.open was called with the correct port (hostname will vary in tests)
+    expect(mockOpen).toHaveBeenCalledTimes(1);
+    const [url, target] = mockOpen.mock.calls[0];
+    expect(url).toContain(`:${MOCK_CONFIG.resolved.adminConsolePort}`);
+    expect(target).toBe("_blank");
+  });
+
+  it("displays error state when API returns ApiError with details", async () => {
+    server.use(
+      http.get("*/api/linux/install/installation/config", () => {
+        return HttpResponse.json(
+          { message: "Internal server error" },
+          { status: 500 }
+        );
+      })
+    );
+
+    renderWithProviders(<LinuxCompletionStep />, {
+      wrapperProps: {
+        authenticated: true,
+        target: "linux",
+        mode: "install",
+      },
+    });
+
+    // Wait for error state to appear
+    await waitFor(() => {
+      expect(screen.getByTestId("linux-completion-error")).toBeInTheDocument();
+    });
+
+    expect(screen.getByText("Failed to load installation configuration")).toBeInTheDocument();
+    expect(screen.getByText("Internal server error")).toBeInTheDocument();
   });
-}); 
\ No newline at end of file
+
+  it("displays error state with generic error message when no details provided", async () => {
+    server.use(
+      http.get("*/api/linux/install/installation/config", () => {
+        return HttpResponse.json(
+          { error: "Failed to fetch configuration" },
+          { status: 500 }
+        );
+      })
+    );
+
+    renderWithProviders(<LinuxCompletionStep />, {
+      wrapperProps: {
+        authenticated: true,
+        target: "linux",
+        mode: "install",
+      },
+    });
+
+    // Wait for error state to appear
+    await waitFor(() => {
+      expect(screen.getByTestId("linux-completion-error")).toBeInTheDocument();
+    });
+
+    expect(screen.getByText("Failed to load installation configuration")).toBeInTheDocument();
+    expect(screen.getByText("Failed to fetch install configuration")).toBeInTheDocument();
+  });
+
+  it("displays error state when API returns 401 unauthorized", async () => {
+    server.use(
+      http.get("*/api/linux/install/installation/config", () => {
+        return HttpResponse.json(
+          { error: "Unauthorized" },
+          { status: 401 }
+        );
+      })
+    );
+
+    renderWithProviders(<LinuxCompletionStep />, {
+      wrapperProps: {
+        authenticated: true,
+        target: "linux",
+        mode: "install",
+      },
+    });
+
+    await waitFor(() => {
+      expect(screen.getByTestId("linux-completion-error")).toBeInTheDocument();
+    });
+  });
+
+  it("displays error state with network error message", async () => {
+    server.use(
+      http.get("*/api/linux/install/installation/config", () => {
+        return HttpResponse.error();
+      })
+    );
+
+    renderWithProviders(<LinuxCompletionStep />, {
+      wrapperProps: {
+        authenticated: true,
+        target: "linux",
+        mode: "install",
+      },
+    });
+
+    await waitFor(() => {
+      expect(screen.getByTestId("linux-completion-error")).toBeInTheDocument();
+    });
+  });
+});
diff --git a/web/src/components/wizard/tests/LinuxSetupStep.test.tsx b/web/src/components/wizard/tests/LinuxSetupStep.test.tsx
index 17941e0271..c6f21797e5 100644
--- a/web/src/components/wizard/tests/LinuxSetupStep.test.tsx
+++ b/web/src/components/wizard/tests/LinuxSetupStep.test.tsx
@@ -40,7 +40,6 @@ const server = setupServer(
 describe("LinuxSetupStep", () => {
   const mockOnNext = vi.fn();
   const mockOnBack = vi.fn();
-  const mockUpdateConfig = vi.fn();
 
   beforeAll(() => {
     server.listen();
@@ -64,19 +63,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: {
-                dataDirectory: "/var/lib/embedded-cluster",
-                adminConsolePort: 8080,
-                localArtifactMirrorPort: 8081,
-                networkInterface: "eth0",
-                globalCidr: "10.244.0.0/16",
-              },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -128,15 +114,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: {
-                dataDirectory: "",
-              },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -165,8 +142,6 @@ describe("LinuxSetupStep", () => {
 
       // Verify onNext was not called
       expect(mockOnNext).not.toHaveBeenCalled();
-      // Verify updateConfig was called only during initial load (once)
-      expect(mockUpdateConfig).toHaveBeenCalledTimes(1);
     });
 
     it("handles field-specific errors gracefully", async () => {
@@ -189,15 +164,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: {
-                dataDirectory: "",
-              },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -230,8 +196,6 @@ describe("LinuxSetupStep", () => {
 
       // Verify onNext was not called
       expect(mockOnNext).not.toHaveBeenCalled();
-      // Verify updateConfig was called only during initial load (once)
-      expect(mockUpdateConfig).toHaveBeenCalledTimes(1);
     });
 
     it("clears errors when re-submitting after previous failure", async () => {
@@ -245,15 +209,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: {
-                dataDirectory: "",
-              },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -303,13 +258,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: { dataDirectory: '' },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -337,13 +285,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: { dataDirectory: '' },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -365,13 +306,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: { dataDirectory: '' },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -403,13 +337,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: { dataDirectory: '' },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -438,13 +365,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: { dataDirectory: '' },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -454,9 +374,6 @@ describe("LinuxSetupStep", () => {
         expect(screen.queryByText("Loading configuration...")).not.toBeInTheDocument();
       });
 
-      // Verify that updateConfig was called with the resolved from the API response
-      expect(mockUpdateConfig).toHaveBeenCalledWith(MOCK_LINUX_INSTALL_CONFIG_RESPONSE.resolved);
-
       // Check that form shows the correct values
       const adminPortInput = screen.getByTestId("admin-console-port-input") as HTMLInputElement;
       expect(adminPortInput.value).toBe("8800");
@@ -507,15 +424,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: {
-                dataDirectory: "",
-              },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -558,15 +466,6 @@ describe("LinuxSetupStep", () => {
         },
         { timeout: 3000 }
       );
-
-      // Verify updateConfig was called with the correct values
-      expect(mockUpdateConfig).toHaveBeenCalledWith({
-        adminConsolePort: 8080,
-        localArtifactMirrorPort: 8081,
-        dataDirectory: "/var/lib/embedded-cluster",
-        networkInterface: "eth0",
-        globalCidr: "10.244.0.0/16",
-      });
     });
   });
 
@@ -585,13 +484,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: { dataDirectory: '' },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -628,13 +520,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: { dataDirectory: '' },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -662,13 +547,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: { dataDirectory: '' },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -701,13 +579,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: { dataDirectory: '' },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -740,13 +611,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: { dataDirectory: '' },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
@@ -790,13 +654,6 @@ describe("LinuxSetupStep", () => {
       renderWithProviders(<LinuxSetupStep onNext={mockOnNext} onBack={mockOnBack} />, {
         wrapperProps: {
           authenticated: true,
-          contextValues: {
-            linuxConfigContext: {
-              config: { dataDirectory: '' },
-              updateConfig: mockUpdateConfig,
-              resetConfig: vi.fn(),
-            },
-          },
         },
       });
 
diff --git a/web/src/contexts/KubernetesConfigContext.tsx b/web/src/contexts/KubernetesConfigContext.tsx
deleted file mode 100644
index 36c85ef435..0000000000
--- a/web/src/contexts/KubernetesConfigContext.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createContext, useContext } from 'react';
-import { KubernetesConfig } from '../types';
-
-interface KubernetesConfigContextType {
-  config: KubernetesConfig;
-  updateConfig: (newConfig: Partial<KubernetesConfig>) => void;
-  resetConfig: () => void;
-}
-
-export const KubernetesConfigContext = createContext<KubernetesConfigContextType | undefined>(undefined);
-
-export const useKubernetesConfig = (): KubernetesConfigContextType => {
-  const context = useContext(KubernetesConfigContext);
-  if (context === undefined) {
-    throw new Error('useKubernetesConfig must be used within a KubernetesConfigProvider');
-  }
-  return context;
-};
diff --git a/web/src/contexts/LinuxConfigContext.tsx b/web/src/contexts/LinuxConfigContext.tsx
deleted file mode 100644
index fd15c2bd44..0000000000
--- a/web/src/contexts/LinuxConfigContext.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { createContext, useContext } from 'react';
-import { LinuxConfig } from '../types';
-
-
-interface LinuxConfigContextType {
-  config: LinuxConfig;
-  updateConfig: (newConfig: Partial<LinuxConfig>) => void;
-  resetConfig: () => void;
-}
-
-export const LinuxConfigContext = createContext<LinuxConfigContextType | undefined>(undefined);
-
-export const useLinuxConfig = (): LinuxConfigContextType => {
-  const context = useContext(LinuxConfigContext);
-  if (context === undefined) {
-    throw new Error('useLinuxConfig must be used within a LinuxConfigProvider');
-  }
-  return context;
-};
diff --git a/web/src/providers/KubernetesConfigProvider.tsx b/web/src/providers/KubernetesConfigProvider.tsx
deleted file mode 100644
index 9c6dae7c1c..0000000000
--- a/web/src/providers/KubernetesConfigProvider.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React, { useState } from 'react';
-import { KubernetesConfigContext } from '../contexts/KubernetesConfigContext';
-import { KubernetesConfig } from '../types';
-
-const defaultKubernetesConfig: KubernetesConfig = {
-  installCommand: 'kubectl -n kotsadm port-forward svc/kotsadm 8800:3000'
-};
-
-export const KubernetesConfigProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
-  const [config, setConfig] = useState<KubernetesConfig>(defaultKubernetesConfig);
-
-  const updateConfig = (newConfig: Partial<KubernetesConfig>) => {
-    setConfig((prev) => ({ ...prev, ...newConfig }));
-  };
-
-  const resetConfig = () => {
-    setConfig(defaultKubernetesConfig);
-  };
-
-  return (
-    <KubernetesConfigContext.Provider value={{ config, updateConfig, resetConfig }}>
-      {children}
-    </KubernetesConfigContext.Provider>
-  );
-};
diff --git a/web/src/providers/LinuxConfigProvider.tsx b/web/src/providers/LinuxConfigProvider.tsx
deleted file mode 100644
index 572b70359a..0000000000
--- a/web/src/providers/LinuxConfigProvider.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React, { useState } from 'react';
-import { LinuxConfigContext } from '../contexts/LinuxConfigContext';
-import { LinuxConfig } from '../types';
-
-const defaultLinuxConfig: LinuxConfig = {
-  dataDirectory: '/var/lib/embedded-cluster',
-};
-
-export const LinuxConfigProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
-  const [config, setConfig] = useState<LinuxConfig>(defaultLinuxConfig);
-
-  const updateConfig = (newConfig: Partial<LinuxConfig>) => {
-    setConfig((prev) => ({ ...prev, ...newConfig }));
-  };
-
-  const resetConfig = () => {
-    setConfig(defaultLinuxConfig);
-  };
-
-  return (
-    <LinuxConfigContext.Provider value={{ config, updateConfig, resetConfig }}>
-      {children}
-    </LinuxConfigContext.Provider>
-  );
-};
diff --git a/web/src/test/setup.tsx b/web/src/test/setup.tsx
index 2dbc0ac6c8..7c0b70731d 100644
--- a/web/src/test/setup.tsx
+++ b/web/src/test/setup.tsx
@@ -5,12 +5,10 @@ import { createMemoryRouter, RouterProvider, RouteObject } from "react-router-do
 import { vi } from "vitest";
 import { JSX } from "react/jsx-runtime";
 
-import { InitialState, LinuxConfig, KubernetesConfig, WizardText } from "../types";
+import { InitialState, WizardText } from "../types";
 import { InstallationTarget } from "../types/installation-target";
 import { WizardMode } from "../types/wizard-mode";
 import { createQueryClient } from "../query-client";
-import { LinuxConfigContext } from "../contexts/LinuxConfigContext";
-import { KubernetesConfigContext } from "../contexts/KubernetesConfigContext";
 import { SettingsContext, Settings } from "../contexts/SettingsContext";
 import { WizardContext } from "../contexts/WizardModeContext";
 import { InitialStateContext } from "../contexts/InitialStateContext";
@@ -84,16 +82,6 @@ interface MockProviderProps {
   queryClient: ReturnType<typeof createQueryClient>;
   contexts: {
     initialStateContext: InitialState
-    linuxConfigContext: {
-      config: LinuxConfig;
-      updateConfig: (newConfig: Partial<LinuxConfig>) => void;
-      resetConfig: () => void;
-    };
-    kubernetesConfigContext: {
-      config: KubernetesConfig;
-      updateConfig: (newConfig: Partial<KubernetesConfig>) => void;
-      resetConfig: () => void;
-    };
     settingsContext: {
       settings: Settings;
       updateSettings: (newSettings: Partial<Settings>) => void;
@@ -129,15 +117,11 @@ const MockProvider = ({ children, queryClient, contexts }: MockProviderProps) =>
       <QueryClientProvider client={queryClient}>
         <AuthContext.Provider value={{ ...contexts.authContext, isLoading: false }}>
           <InstallationProgressProvider>
-            <LinuxConfigContext.Provider value={contexts.linuxConfigContext}>
-              <KubernetesConfigContext.Provider value={contexts.kubernetesConfigContext}>
-                <SettingsContext.Provider value={contexts.settingsContext}>
-                  <WizardContext.Provider value={contexts.wizardModeContext}>
-                    {children}
-                  </WizardContext.Provider>
-                </SettingsContext.Provider>
-              </KubernetesConfigContext.Provider>
-            </LinuxConfigContext.Provider>
+            <SettingsContext.Provider value={contexts.settingsContext}>
+              <WizardContext.Provider value={contexts.wizardModeContext}>
+                {children}
+              </WizardContext.Provider>
+            </SettingsContext.Provider>
           </InstallationProgressProvider>
         </AuthContext.Provider>
       </QueryClientProvider>
@@ -171,22 +155,6 @@ export const renderWithProviders = (
       isAirgap: false,
       requiresInfraUpgrade: false
     },
-    linuxConfigContext: {
-      config: {
-        adminConsolePort: 8800,
-        dataDirectory: "/var/lib/embedded-cluster",
-      },
-      updateConfig: vi.fn(),
-      resetConfig: vi.fn(),
-    },
-    kubernetesConfigContext: {
-      config: {
-        adminConsolePort: 8080,
-        installCommand: 'kubectl -n kotsadm port-forward svc/kotsadm 8800:3000',
-      },
-      updateConfig: vi.fn(),
-      resetConfig: vi.fn(),
-    },
     settingsContext: {
       settings: {
         themeColor: "#316DE6",
@@ -237,8 +205,6 @@ export const renderWithProviders = (
 
   const mergedContextValues: MockProviderProps["contexts"] = {
     initialStateContext: { ...defaultContextValues.initialStateContext, ...options.wrapperProps?.contextValues?.initialStateContext },
-    linuxConfigContext: { ...defaultContextValues.linuxConfigContext, ...options.wrapperProps?.contextValues?.linuxConfigContext },
-    kubernetesConfigContext: { ...defaultContextValues.kubernetesConfigContext, ...options.wrapperProps?.contextValues?.kubernetesConfigContext },
     settingsContext: { ...defaultContextValues.settingsContext, ...options.wrapperProps?.contextValues?.settingsContext },
     wizardModeContext: { ...defaultContextValues.wizardModeContext, ...options.wrapperProps?.contextValues?.wizardModeContext },
     authContext: { ...defaultContextValues.authContext, ...options.wrapperProps?.contextValues?.authContext },
diff --git a/web/src/types/index.ts b/web/src/types/index.ts
index 792cc3e88f..c6a829100f 100644
--- a/web/src/types/index.ts
+++ b/web/src/types/index.ts
@@ -46,6 +46,14 @@ export interface LinuxConfig {
   globalCidr?: string;
 }
 
+// Linux Configuration Response Type returned by the API
+export interface LinuxConfigResponse {
+  values: LinuxConfig;
+  defaults: LinuxConfig;
+  resolved: LinuxConfig;
+}
+
+
 // Kubernetes Configuration Type used during the setup step
 export interface KubernetesConfig {
   adminConsolePort?: number;
@@ -55,6 +63,13 @@ export interface KubernetesConfig {
   installCommand?: string;
 }
 
+// Kubernetes Configuration Response Type returned by the API
+export interface KubernetesConfigResponse {
+  values: KubernetesConfig;
+  defaults: KubernetesConfig;
+  resolved: KubernetesConfig;
+}
+
 // WizardText type holds the text fields for the multiple wizard step text fields
 export interface WizardText {
   title: string;