make DDG default web-search in UI (already is in backend!)

This commit is contained in:
Timothy Carambat 2026-04-14 14:53:55 -07:00
parent 5aae72a5e5
commit 177049bd4a

View File

@ -1,6 +1,5 @@
import React, { useEffect, useRef, useState } from "react"; import React, { useEffect, useRef, useState } from "react";
import Admin from "@/models/admin"; import Admin from "@/models/admin";
import AnythingLLMIcon from "@/media/logo/anything-llm-icon.png";
import SerpApiIcon from "./icons/serpapi.png"; import SerpApiIcon from "./icons/serpapi.png";
import SearchApiIcon from "./icons/searchapi.png"; import SearchApiIcon from "./icons/searchapi.png";
import SerperDotDevIcon from "./icons/serper.png"; import SerperDotDevIcon from "./icons/serper.png";
@ -34,14 +33,6 @@ import {
} from "./SearchProviderOptions"; } from "./SearchProviderOptions";
const SEARCH_PROVIDERS = [ const SEARCH_PROVIDERS = [
{
name: "Please make a selection",
value: "none",
logo: AnythingLLMIcon,
options: () => <React.Fragment />,
description:
"Web search will be disabled until a provider and keys are provided.",
},
{ {
name: "DuckDuckGo", name: "DuckDuckGo",
value: "duckduckgo-engine", value: "duckduckgo-engine",
@ -132,7 +123,7 @@ export default function AgentWebSearchSelection({
}) { }) {
const searchInputRef = useRef(null); const searchInputRef = useRef(null);
const [filteredResults, setFilteredResults] = useState([]); const [filteredResults, setFilteredResults] = useState([]);
const [selectedProvider, setSelectedProvider] = useState("none"); const [selectedProvider, setSelectedProvider] = useState("duckduckgo-engine");
const [searchQuery, setSearchQuery] = useState(""); const [searchQuery, setSearchQuery] = useState("");
const [searchMenuOpen, setSearchMenuOpen] = useState(false); const [searchMenuOpen, setSearchMenuOpen] = useState(false);
@ -162,9 +153,11 @@ export default function AgentWebSearchSelection({
useEffect(() => { useEffect(() => {
Admin.systemPreferencesByFields(["agent_search_provider"]) Admin.systemPreferencesByFields(["agent_search_provider"])
.then((res) => .then((res) =>
setSelectedProvider(res?.settings?.agent_search_provider ?? "none") setSelectedProvider(
res?.settings?.agent_search_provider ?? "duckduckgo-engine"
)
) )
.catch(() => setSelectedProvider("none")); .catch(() => setSelectedProvider("duckduckgo-engine"));
}, []); }, []);
const selectedSearchProviderObject = const selectedSearchProviderObject =
@ -282,11 +275,9 @@ export default function AgentWebSearchSelection({
</button> </button>
)} )}
</div> </div>
{selectedProvider !== "none" && ( <div className="mt-4 flex flex-col gap-y-1">
<div className="mt-4 flex flex-col gap-y-1"> {selectedSearchProviderObject.options(settings)}
{selectedSearchProviderObject.options(settings)} </div>
</div>
)}
</div> </div>
</div> </div>
</div> </div>