apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-06-24 21:38:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(model-selector, model-connections-settings): integrate AUTO provider icon and streamline auto mode option rendering

Browse source
This commit is contained in:
Anish Sarkar 2026-06-13 13:21:21 +05:30
parent bd4a04f2e7
commit 6d7732436d
3 changed files with 25 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

18
surfsense_web/components/settings/model-connections-settings.tsx
View file

@ -18,6 +18,7 @@ import {
} from "@/components/ui/select";
import { Separator } from "@/components/ui/separator";
import type { ConnectionRead, ModelRead } from "@/contracts/types/model-connections.types";
import { AUTO_PROVIDER_ICON_KEY, getProviderIcon } from "@/lib/provider-icons";
import { ModelProviderConnectionsPanel } from "./model-connections/model-provider-connections-panel";
import { capability, modelLabel } from "./model-connections/model-utils";
import { providerDisplay, providerIcon } from "./model-connections/provider-metadata";
@ -38,6 +39,17 @@ function roleSelectValue(modelId: number | null | undefined, models: Array<{ id:
return models.some((model) => model.id === modelId) ? String(modelId) : "0";
}
function renderAutoModeOption() {
return (
<SelectItem value="0">
<span className="inline-flex items-center gap-2">
{getProviderIcon(AUTO_PROVIDER_ICON_KEY)}
<span>Auto mode</span>
</span>
</SelectItem>
);
}
export function ModelConnectionsSettings({ searchSpaceId }: { searchSpaceId: number }) {
const [{ data: globalConnections = [] }] = useAtom(globalModelConnectionsAtom);
const [{ data: connections = [] }] = useAtom(modelConnectionsAtom);
@ -90,7 +102,7 @@ export function ModelConnectionsSettings({ searchSpaceId }: { searchSpaceId: num
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectItem value="0">Auto mode</SelectItem>
{renderAutoModeOption()}
{chatModels.map(renderModelOption)}
</SelectContent>
</Select>
@ -109,7 +121,7 @@ export function ModelConnectionsSettings({ searchSpaceId }: { searchSpaceId: num
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectItem value="0">Auto mode</SelectItem>
{renderAutoModeOption()}
{visionModels.map(renderModelOption)}
</SelectContent>
</Select>
@ -125,7 +137,7 @@ export function ModelConnectionsSettings({ searchSpaceId }: { searchSpaceId: num
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectItem value="0">Auto mode</SelectItem>
{renderAutoModeOption()}
{imageModels.map(renderModelOption)}
</SelectContent>
</Select>