-
{language.t("settings.providers.title")}
-
{language.t("settings.providers.description")}
+
)
diff --git a/packages/app/src/i18n/en.ts b/packages/app/src/i18n/en.ts
index b32f0348551..a34c8ef2184 100644
--- a/packages/app/src/i18n/en.ts
+++ b/packages/app/src/i18n/en.ts
@@ -137,6 +137,9 @@ export const dict = {
"provider.connect.toast.connected.title": "{{provider}} connected",
"provider.connect.toast.connected.description": "{{provider}} models are now available to use.",
+ "provider.disconnect.toast.disconnected.title": "{{provider}} disconnected",
+ "provider.disconnect.toast.disconnected.description": "{{provider}} models are no longer available.",
+
"model.tag.free": "Free",
"model.tag.latest": "Latest",
"model.provider.anthropic": "Anthropic",
@@ -159,6 +162,8 @@ export const dict = {
"common.loading": "Loading",
"common.loading.ellipsis": "...",
"common.cancel": "Cancel",
+ "common.connect": "Connect",
+ "common.disconnect": "Disconnect",
"common.submit": "Submit",
"common.save": "Save",
"common.saving": "Saving...",
@@ -491,6 +496,7 @@ export const dict = {
"sidebar.project.viewAllSessions": "View all sessions",
"settings.section.desktop": "Desktop",
+ "settings.section.server": "Server",
"settings.tab.general": "General",
"settings.tab.shortcuts": "Shortcuts",
@@ -599,6 +605,10 @@ export const dict = {
"settings.providers.title": "Providers",
"settings.providers.description": "Provider settings will be configurable here.",
+ "settings.providers.section.connected": "Connected providers",
+ "settings.providers.connected.empty": "No connected providers",
+ "settings.providers.section.popular": "Popular providers",
+ "settings.providers.tag.environment": "Environment",
"settings.models.title": "Models",
"settings.models.description": "Model settings will be configurable here.",
"settings.agents.title": "Agents",
diff --git a/packages/opencode/src/server/server.ts b/packages/opencode/src/server/server.ts
index fa646f21ea8..302c5376d29 100644
--- a/packages/opencode/src/server/server.ts
+++ b/packages/opencode/src/server/server.ts
@@ -441,6 +441,36 @@ export namespace Server {
return c.json(true)
},
)
+ .delete(
+ "/auth/:providerID",
+ describeRoute({
+ summary: "Remove auth credentials",
+ description: "Remove authentication credentials",
+ operationId: "auth.remove",
+ responses: {
+ 200: {
+ description: "Successfully removed authentication credentials",
+ content: {
+ "application/json": {
+ schema: resolver(z.boolean()),
+ },
+ },
+ },
+ ...errors(400),
+ },
+ }),
+ validator(
+ "param",
+ z.object({
+ providerID: z.string(),
+ }),
+ ),
+ async (c) => {
+ const providerID = c.req.valid("param").providerID
+ await Auth.remove(providerID)
+ return c.json(true)
+ },
+ )
.get(
"/event",
describeRoute({
diff --git a/packages/sdk/js/src/v2/gen/sdk.gen.ts b/packages/sdk/js/src/v2/gen/sdk.gen.ts
index 67e7ac80cb9..d39dd2b3485 100644
--- a/packages/sdk/js/src/v2/gen/sdk.gen.ts
+++ b/packages/sdk/js/src/v2/gen/sdk.gen.ts
@@ -9,6 +9,8 @@ import type {
AppLogResponses,
AppSkillsResponses,
Auth as Auth3,
+ AuthRemoveErrors,
+ AuthRemoveResponses,
AuthSetErrors,
AuthSetResponses,
CommandListResponses,
@@ -3054,6 +3056,36 @@ export class Formatter extends HeyApiClient {
}
export class Auth2 extends HeyApiClient {
+ /**
+ * Remove auth credentials
+ *
+ * Remove authentication credentials
+ */
+ public remove
(
+ parameters: {
+ providerID: string
+ directory?: string
+ },
+ options?: Options,
+ ) {
+ const params = buildClientParams(
+ [parameters],
+ [
+ {
+ args: [
+ { in: "path", key: "providerID" },
+ { in: "query", key: "directory" },
+ ],
+ },
+ ],
+ )
+ return (options?.client ?? this.client).delete({
+ url: "/auth/{providerID}",
+ ...options,
+ ...params,
+ })
+ }
+
/**
* Set auth credentials
*
diff --git a/packages/sdk/js/src/v2/gen/types.gen.ts b/packages/sdk/js/src/v2/gen/types.gen.ts
index 38a52b325ad..9258bc0cde6 100644
--- a/packages/sdk/js/src/v2/gen/types.gen.ts
+++ b/packages/sdk/js/src/v2/gen/types.gen.ts
@@ -4867,6 +4867,35 @@ export type FormatterStatusResponses = {
export type FormatterStatusResponse = FormatterStatusResponses[keyof FormatterStatusResponses]
+export type AuthRemoveData = {
+ body?: never
+ path: {
+ providerID: string
+ }
+ query?: {
+ directory?: string
+ }
+ url: "/auth/{providerID}"
+}
+
+export type AuthRemoveErrors = {
+ /**
+ * Bad request
+ */
+ 400: BadRequestError
+}
+
+export type AuthRemoveError = AuthRemoveErrors[keyof AuthRemoveErrors]
+
+export type AuthRemoveResponses = {
+ /**
+ * Successfully removed authentication credentials
+ */
+ 200: boolean
+}
+
+export type AuthRemoveResponse = AuthRemoveResponses[keyof AuthRemoveResponses]
+
export type AuthSetData = {
body?: Auth
path: {
diff --git a/packages/sdk/openapi.json b/packages/sdk/openapi.json
index a029d0ef0ed..8808bcf7d8c 100644
--- a/packages/sdk/openapi.json
+++ b/packages/sdk/openapi.json
@@ -5709,6 +5709,56 @@
"source": "import { createOpencodeClient } from \"@opencode-ai/sdk\n\nconst client = createOpencodeClient()\nawait client.auth.set({\n ...\n})"
}
]
+ },
+ "delete": {
+ "operationId": "auth.remove",
+ "parameters": [
+ {
+ "in": "query",
+ "name": "directory",
+ "schema": {
+ "type": "string"
+ }
+ },
+ {
+ "in": "path",
+ "name": "providerID",
+ "schema": {
+ "type": "string"
+ },
+ "required": true
+ }
+ ],
+ "summary": "Remove auth credentials",
+ "description": "Remove authentication credentials",
+ "responses": {
+ "200": {
+ "description": "Successfully removed authentication credentials",
+ "content": {
+ "application/json": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "400": {
+ "description": "Bad request",
+ "content": {
+ "application/json": {
+ "schema": {
+ "$ref": "#/components/schemas/BadRequestError"
+ }
+ }
+ }
+ }
+ },
+ "x-codeSamples": [
+ {
+ "lang": "js",
+ "source": "import { createOpencodeClient } from \"@opencode-ai/sdk\n\nconst client = createOpencodeClient()\nawait client.auth.remove({\n ...\n})"
+ }
+ ]
}
},
"/event": {
From 2d12e9372fd0c68c6f26561eb7f1f70d6ab45240 Mon Sep 17 00:00:00 2001
From: adamelmore <2363879+adamdottv@users.noreply.github.com>
Date: Sun, 25 Jan 2026 17:05:24 -0600
Subject: [PATCH 2/7] wip(app): provider settings
---
.../app/src/components/settings-providers.tsx | 36 ++++++++++---------
packages/app/src/context/global-sync.tsx | 1 +
packages/app/src/i18n/en.ts | 3 ++
3 files changed, 24 insertions(+), 16 deletions(-)
diff --git a/packages/app/src/components/settings-providers.tsx b/packages/app/src/components/settings-providers.tsx
index b175a570b0e..4d842037fa6 100644
--- a/packages/app/src/components/settings-providers.tsx
+++ b/packages/app/src/components/settings-providers.tsx
@@ -22,13 +22,28 @@ export const SettingsProviders: Component = () => {
const connected = createMemo(() => providers.connected())
const popular = createMemo(() => {
- const items = providers.popular().slice()
+ const connectedIDs = new Set(connected().map((p) => p.id))
+ const items = providers
+ .popular()
+ .filter((p) => !connectedIDs.has(p.id))
+ .slice()
items.sort((a, b) => popularProviders.indexOf(a.id) - popularProviders.indexOf(b.id))
return items
})
const source = (item: unknown) => (item as ProviderMeta).source
+ const type = (item: unknown) => {
+ const current = source(item)
+ if (current === "env") return language.t("settings.providers.tag.environment")
+ if (current === "api") return language.t("provider.connect.method.apiKey")
+ if (current === "config") return language.t("settings.providers.tag.config")
+ if (current === "custom") return language.t("settings.providers.tag.custom")
+ return language.t("settings.providers.tag.other")
+ }
+
+ const canDisconnect = (item: unknown) => source(item) !== "env"
+
const disconnect = async (providerID: string, name: string) => {
await globalSDK.client.auth
.remove({ providerID })
@@ -48,14 +63,8 @@ export const SettingsProviders: Component = () => {
}
return (
-