From 40bc2153cbca26808db810d1e61a2202b28e77c2 Mon Sep 17 00:00:00 2001
From: Jarvis <brayden.stanley.0127@gmail.com>
Date: Sat, 7 Mar 2026 03:07:35 +0800
Subject: [PATCH 1/2] Fix ModelsSection docs links for ide-extensions routes

---
 .../config/sections/ModelsSection.test.tsx    | 116 ++++++++++++++++++
 .../pages/config/sections/ModelsSection.tsx   |  28 ++++-
 2 files changed, 138 insertions(+), 6 deletions(-)
 create mode 100644 gui/src/pages/config/sections/ModelsSection.test.tsx

diff --git a/gui/src/pages/config/sections/ModelsSection.test.tsx b/gui/src/pages/config/sections/ModelsSection.test.tsx
new file mode 100644
index 00000000000..10f3aec1e7d
--- /dev/null
+++ b/gui/src/pages/config/sections/ModelsSection.test.tsx
@@ -0,0 +1,116 @@
+import { render, screen } from "@testing-library/react";
+import { Provider } from "react-redux";
+import type { ReactNode } from "react";
+import { describe, expect, it, vi } from "vitest";
+import { createMockStore } from "../../../util/test/mockStore";
+import { ModelsSection } from "./ModelsSection";
+
+vi.mock("../../../context/Auth", () => ({
+  useAuth: () => ({
+    selectedProfile: {
+      profileType: "local",
+    },
+  }),
+}));
+
+vi.mock("../../../components/mainInput/Lump/useEditBlock", () => ({
+  useEditModel: () => vi.fn(),
+}));
+
+vi.mock("../../../components/gui/Shortcut", () => ({
+  default: ({ children }: { children: ReactNode }) => <>{children}</>,
+}));
+
+vi.mock("../../../components/ui", () => ({
+  Card: ({ children }: { children: ReactNode }) => <div>{children}</div>,
+  Divider: () => <hr />,
+  Toggle: ({
+    children,
+    title,
+    subtitle,
+  }: {
+    children: ReactNode;
+    title: string;
+    subtitle?: string;
+  }) => (
+    <section>
+      <div>{title}</div>
+      {subtitle ? <div>{subtitle}</div> : null}
+      {children}
+    </section>
+  ),
+}));
+
+vi.mock("../components/ConfigHeader", () => ({
+  ConfigHeader: ({ title }: { title: string }) => <div>{title}</div>,
+}));
+
+vi.mock("../components/ModelRoleRow", () => ({
+  ModelRoleRow: ({
+    role,
+    description,
+    setupURL,
+  }: {
+    role: string;
+    description: ReactNode;
+    setupURL: string;
+  }) => (
+    <div data-testid={`model-role-${role}`}>
+      <div>{description}</div>
+      <a href={setupURL}>{`${role} setup`}</a>
+    </div>
+  ),
+}));
+
+vi.mock("../../../util", async () => {
+  const actual =
+    await vi.importActual<typeof import("../../../util")>("../../../util");
+
+  return {
+    ...actual,
+    getMetaKeyLabel: () => "cmd",
+    isJetBrains: () => false,
+  };
+});
+
+describe("ModelsSection docs links", () => {
+  function renderComponent() {
+    const { mockIdeMessenger, ...store } = createMockStore();
+
+    render(
+      <Provider store={store}>
+        <ModelsSection />
+      </Provider>,
+    );
+
+    return { store, mockIdeMessenger };
+  }
+
+  it("uses current ide-extensions docs routes for learn more and setup links", () => {
+    renderComponent();
+
+    const learnMoreLinks = screen.getAllByRole("link", { name: "Learn more" });
+    const setupLinks = [
+      screen.getByRole("link", { name: "chat setup" }),
+      screen.getByRole("link", { name: "autocomplete setup" }),
+      screen.getByRole("link", { name: "edit setup" }),
+    ];
+
+    const hrefs = [...learnMoreLinks, ...setupLinks].map((link) =>
+      link.getAttribute("href"),
+    );
+
+    expect(hrefs).toEqual([
+      "https://docs.continue.dev/ide-extensions/chat/quick-start",
+      "https://docs.continue.dev/ide-extensions/autocomplete/quick-start",
+      "https://docs.continue.dev/ide-extensions/edit/quick-start",
+      "https://docs.continue.dev/ide-extensions/chat/model-setup",
+      "https://docs.continue.dev/ide-extensions/autocomplete/model-setup",
+      "https://docs.continue.dev/ide-extensions/edit/model-setup",
+    ]);
+
+    hrefs.forEach((href) => {
+      expect(href).not.toContain("/docs/");
+    });
+  });
+});
diff --git a/gui/src/pages/config/sections/ModelsSection.tsx b/gui/src/pages/config/sections/ModelsSection.tsx
index 316f463a88a..1ab9b5758a3 100644
--- a/gui/src/pages/config/sections/ModelsSection.tsx
+++ b/gui/src/pages/config/sections/ModelsSection.tsx
@@ -14,6 +14,22 @@ import { getMetaKeyLabel, isJetBrains } from "../../../util";
 import { ConfigHeader } from "../components/ConfigHeader";
 import { ModelRoleRow } from "../components/ModelRoleRow";
 
+const MODEL_DOCS_URLS = {
+  chat: {
+    learnMore: "https://docs.continue.dev/ide-extensions/chat/quick-start",
+    setup: "https://docs.continue.dev/ide-extensions/chat/model-setup",
+  },
+  autocomplete: {
+    learnMore:
+      "https://docs.continue.dev/ide-extensions/autocomplete/quick-start",
+    setup: "https://docs.continue.dev/ide-extensions/autocomplete/model-setup",
+  },
+  edit: {
+    learnMore: "https://docs.continue.dev/ide-extensions/edit/quick-start",
+    setup: "https://docs.continue.dev/ide-extensions/edit/model-setup",
+  },
+} as const;
+
 export function ModelsSection() {
   const { selectedProfile } = useAuth();
   const dispatch = useAppDispatch();
@@ -83,7 +99,7 @@ export function ModelsSection() {
             <span>
               Used in Chat, Plan, Agent mode (
               <a
-                href="https://docs.continue.dev/features/chat/quick-start"
+                href={MODEL_DOCS_URLS.chat.learnMore}
                 target="_blank"
                 rel="noopener noreferrer"
                 className="text-inherit underline hover:brightness-125"
@@ -97,7 +113,7 @@ export function ModelsSection() {
           selectedModel={config.selectedModelByRole.chat ?? undefined}
           onSelect={(model) => handleRoleUpdate("chat", model)}
           onConfigure={handleConfigureModel}
-          setupURL="https://docs.continue.dev/chat/model-setup"
+          setupURL={MODEL_DOCS_URLS.chat.setup}
         />
 
         <Divider />
@@ -109,7 +125,7 @@ export function ModelsSection() {
             <span>
               Used in inline code completions as you type (
               <a
-                href="https://docs.continue.dev/features/autocomplete/quick-start"
+                href={MODEL_DOCS_URLS.autocomplete.learnMore}
                 target="_blank"
                 rel="noopener noreferrer"
                 className="text-inherit underline hover:brightness-125"
@@ -123,7 +139,7 @@ export function ModelsSection() {
           selectedModel={config.selectedModelByRole.autocomplete ?? undefined}
           onSelect={(model) => handleRoleUpdate("autocomplete", model)}
           onConfigure={handleConfigureModel}
-          setupURL="https://docs.continue.dev/autocomplete/model-setup"
+          setupURL={MODEL_DOCS_URLS.autocomplete.setup}
         />
 
         {/* Jetbrains has a model selector inline */}
@@ -142,7 +158,7 @@ export function ModelsSection() {
                 <span>
                   Used to transform a selected section of code (
                   <a
-                    href="https://docs.continue.dev/features/edit/quick-start"
+                    href={MODEL_DOCS_URLS.edit.learnMore}
                     target="_blank"
                     rel="noopener noreferrer"
                     className="text-inherit underline hover:brightness-125"
@@ -156,7 +172,7 @@ export function ModelsSection() {
               selectedModel={config.selectedModelByRole.edit ?? undefined}
               onSelect={(model) => handleRoleUpdate("edit", model)}
               onConfigure={handleConfigureModel}
-              setupURL="https://docs.continue.dev/edit/model-setup"
+              setupURL={MODEL_DOCS_URLS.edit.setup}
             />
           </>
         )}

From 3e4434695338cd9fe6c7547e76fef669d5b997b0 Mon Sep 17 00:00:00 2001
From: Siew's Capital Jarvis <brayden.stanley.0127@gmail.com>
Date: Sat, 14 Mar 2026 22:58:47 +0800
Subject: [PATCH 2/2] test: remove ModelsSection test to avoid duplicate truth

---
 .../config/sections/ModelsSection.test.tsx    | 116 ------------------
 1 file changed, 116 deletions(-)
 delete mode 100644 gui/src/pages/config/sections/ModelsSection.test.tsx

diff --git a/gui/src/pages/config/sections/ModelsSection.test.tsx b/gui/src/pages/config/sections/ModelsSection.test.tsx
deleted file mode 100644
index 10f3aec1e7d..00000000000
--- a/gui/src/pages/config/sections/ModelsSection.test.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { Provider } from "react-redux";
-import type { ReactNode } from "react";
-import { describe, expect, it, vi } from "vitest";
-import { createMockStore } from "../../../util/test/mockStore";
-import { ModelsSection } from "./ModelsSection";
-
-vi.mock("../../../context/Auth", () => ({
-  useAuth: () => ({
-    selectedProfile: {
-      profileType: "local",
-    },
-  }),
-}));
-
-vi.mock("../../../components/mainInput/Lump/useEditBlock", () => ({
-  useEditModel: () => vi.fn(),
-}));
-
-vi.mock("../../../components/gui/Shortcut", () => ({
-  default: ({ children }: { children: ReactNode }) => <>{children}</>,
-}));
-
-vi.mock("../../../components/ui", () => ({
-  Card: ({ children }: { children: ReactNode }) => <div>{children}</div>,
-  Divider: () => <hr />,
-  Toggle: ({
-    children,
-    title,
-    subtitle,
-  }: {
-    children: ReactNode;
-    title: string;
-    subtitle?: string;
-  }) => (
-    <section>
-      <div>{title}</div>
-      {subtitle ? <div>{subtitle}</div> : null}
-      {children}
-    </section>
-  ),
-}));
-
-vi.mock("../components/ConfigHeader", () => ({
-  ConfigHeader: ({ title }: { title: string }) => <div>{title}</div>,
-}));
-
-vi.mock("../components/ModelRoleRow", () => ({
-  ModelRoleRow: ({
-    role,
-    description,
-    setupURL,
-  }: {
-    role: string;
-    description: ReactNode;
-    setupURL: string;
-  }) => (
-    <div data-testid={`model-role-${role}`}>
-      <div>{description}</div>
-      <a href={setupURL}>{`${role} setup`}</a>
-    </div>
-  ),
-}));
-
-vi.mock("../../../util", async () => {
-  const actual =
-    await vi.importActual<typeof import("../../../util")>("../../../util");
-
-  return {
-    ...actual,
-    getMetaKeyLabel: () => "cmd",
-    isJetBrains: () => false,
-  };
-});
-
-describe("ModelsSection docs links", () => {
-  function renderComponent() {
-    const { mockIdeMessenger, ...store } = createMockStore();
-
-    render(
-      <Provider store={store}>
-        <ModelsSection />
-      </Provider>,
-    );
-
-    return { store, mockIdeMessenger };
-  }
-
-  it("uses current ide-extensions docs routes for learn more and setup links", () => {
-    renderComponent();
-
-    const learnMoreLinks = screen.getAllByRole("link", { name: "Learn more" });
-    const setupLinks = [
-      screen.getByRole("link", { name: "chat setup" }),
-      screen.getByRole("link", { name: "autocomplete setup" }),
-      screen.getByRole("link", { name: "edit setup" }),
-    ];
-
-    const hrefs = [...learnMoreLinks, ...setupLinks].map((link) =>
-      link.getAttribute("href"),
-    );
-
-    expect(hrefs).toEqual([
-      "https://docs.continue.dev/ide-extensions/chat/quick-start",
-      "https://docs.continue.dev/ide-extensions/autocomplete/quick-start",
-      "https://docs.continue.dev/ide-extensions/edit/quick-start",
-      "https://docs.continue.dev/ide-extensions/chat/model-setup",
-      "https://docs.continue.dev/ide-extensions/autocomplete/model-setup",
-      "https://docs.continue.dev/ide-extensions/edit/model-setup",
-    ]);
-
-    hrefs.forEach((href) => {
-      expect(href).not.toContain("/docs/");
-    });
-  });
-});