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

feat(model-connections): improve model discovery error handling and enhance UI components

Browse source
This commit is contained in:
Anish Sarkar 2026-06-12 22:50:50 +05:30
parent 407f2a9612
commit 55f004e1da
3 changed files with 55 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

15
surfsense_web/components/settings/model-connections/models-selection-panel.tsx
View file

@ -1,4 +1,4 @@
import { RefreshCcw } from "lucide-react";
import { RefreshCw } from "lucide-react";
import { useState } from "react";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
@ -32,7 +32,7 @@ interface ModelsSelectionPanelProps {
export function ModelsSelectionPanel({
models,
description = "Select models to make available for this provider.",
emptyMessage = "No models yet. Use the refresh button to discover models or add one manually.",
emptyMessage = "No models available.",
manualInputPlaceholder = "Add a model ID manually",
refreshLabel = "Refresh models",
isRefreshing = false,
@ -86,14 +86,14 @@ export function ModelsSelectionPanel({
</Button>
{onRefresh ? (
<Button
variant="outline"
variant="ghost"
size="icon"
type="button"
onClick={onRefresh}
disabled={isRefreshing}
aria-label={refreshLabel}
>
<RefreshCcw className="h-4 w-4" />
<RefreshCw className={`h-4 w-4 ${isRefreshing ? "animate-spin" : ""}`} />
</Button>
) : null}
</div>
@ -113,7 +113,6 @@ export function ModelsSelectionPanel({
placeholder={manualInputPlaceholder}
/>
<Button
variant="outline"
size="sm"
type="button"
onClick={addModel}
@ -135,9 +134,9 @@ export function ModelsSelectionPanel({
<Button
key={filter.key}
type="button"
variant={isActive ? "secondary" : "outline"}
variant="secondary"
size="sm"
className="h-7 rounded-full px-3 text-xs"
className={`h-7 rounded-full px-3 text-xs ${isActive ? "" : "opacity-80"}`}
onClick={() => setModelFilter(isActive ? null : filter.key)}
>
{filter.label}
@ -148,7 +147,7 @@ export function ModelsSelectionPanel({
</div>
) : null}
<div className="max-h-80 overflow-y-auto rounded-xl border bg-muted/20 p-2">
<div className="h-80 overflow-y-auto rounded-xl border bg-muted/20 p-2">
{models.length === 0 ? (
<div className="rounded-lg px-3 py-6 text-center text-sm text-muted-foreground">
{emptyMessage}