diff --git a/packages/kilo-vscode/tests/visual-regression.spec.ts-snapshots/settings/providers-configure-chromium-linux.png b/packages/kilo-vscode/tests/visual-regression.spec.ts-snapshots/settings/providers-configure-chromium-linux.png index 66924a2dcc2..78f935ce7d9 100644 --- a/packages/kilo-vscode/tests/visual-regression.spec.ts-snapshots/settings/providers-configure-chromium-linux.png +++ b/packages/kilo-vscode/tests/visual-regression.spec.ts-snapshots/settings/providers-configure-chromium-linux.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ca60d19590a31f4faa5c79c163b0ea24bae70599d0068c17fd475195b602bf4e -size 32506 +oid sha256:353cb9b38c19e5d3bf1c7c6e84a29da3b3365211c425703d7fcdb7e7a2153c74 +size 22824 diff --git a/packages/kilo-vscode/webview-ui/src/components/settings/ProvidersTab.tsx b/packages/kilo-vscode/webview-ui/src/components/settings/ProvidersTab.tsx index ff257890085..f513eba9cb7 100644 --- a/packages/kilo-vscode/webview-ui/src/components/settings/ProvidersTab.tsx +++ b/packages/kilo-vscode/webview-ui/src/components/settings/ProvidersTab.tsx @@ -41,23 +41,21 @@ const ProvidersTab: Component = () => { ) const [newDisabled, setNewDisabled] = createSignal() - const [newEnabled, setNewEnabled] = createSignal() const disabledProviders = () => config().disabled_providers ?? [] - const enabledProviders = () => config().enabled_providers ?? [] - const addToList = (key: "disabled_providers" | "enabled_providers", value: string) => { - const current = key === "disabled_providers" ? [...disabledProviders()] : [...enabledProviders()] + const addDisabled = (value: string) => { + const current = [...disabledProviders()] if (value && !current.includes(value)) { current.push(value) - updateConfig({ [key]: current }) + updateConfig({ disabled_providers: current }) } } - const removeFromList = (key: "disabled_providers" | "enabled_providers", index: number) => { - const current = key === "disabled_providers" ? [...disabledProviders()] : [...enabledProviders()] + const removeDisabled = (index: number) => { + const current = [...disabledProviders()] current.splice(index, 1) - updateConfig({ [key]: current }) + updateConfig({ disabled_providers: current }) } function handleModelSelect(configKey: "model" | "small_model") { @@ -172,7 +170,7 @@ const ProvidersTab: Component = () => { variant="secondary" onClick={() => { if (newDisabled()) { - addToList("disabled_providers", newDisabled()!.value) + addDisabled(newDisabled()!.value) setNewDisabled(undefined) } }} @@ -193,71 +191,7 @@ const ProvidersTab: Component = () => { }} > {id} - removeFromList("disabled_providers", index())} /> - - )} - - - - {/* Enabled providers (allowlist) */} -

{language.t("settings.providers.enabled")}

- -
- {language.t("settings.providers.enabled.description")} -
-
0 ? "1px solid var(--border-weak-base)" : "none", - }} - > -
-