apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-07-26 23:51:14 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #1627 from AnishSarkar22/fix/models

Browse source 
fix: UI changes
This commit is contained in:
Rohan Verma 2026-07-24 14:01:12 -07:00 • committed by GitHub
commit 0c04e990be
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 16 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/mcp-connect-form.tsx
View file

@ -1,6 +1,6 @@
"use client"; "use client";
import { CheckCircle2, ChevronDown, ChevronUp, Loader2, Server, XCircle } from "lucide-react"; import { CheckCircle2, ChevronDown, ChevronUp, Info, Loader2, XCircle } from "lucide-react";
import { type FC, useRef, useState } from "react"; import { type FC, useRef, useState } from "react";
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"; import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
@ -136,9 +136,9 @@ export const MCPConnectForm: FC<ConnectFormProps> = ({ onSubmit, isSubmitting })
return ( return (
<div className="space-y-6 pb-6"> <div className="space-y-6 pb-6">
<Alert className="bg-slate-400/5 dark:bg-white/5 border-slate-400/20 p-2 sm:p-3"> <Alert>
<Server className="h-4 w-4 shrink-0" /> <Info />
<AlertDescription className="text-[10px] sm:text-xs"> <AlertDescription>
Connect to a Model Context Protocol server. Each MCP server is added as a separate Connect to a Model Context Protocol server. Each MCP server is added as a separate
connector. connector.
</AlertDescription> </AlertDescription>

13
surfsense_web/components/layout/ui/playground/PlaygroundSidebar.tsx
View file

@ -1,6 +1,6 @@
"use client"; "use client";
import { ChevronRight, History, KeyRound, LayoutGrid } from "lucide-react"; import { ArrowRight, ChevronRight, History, KeyRound, LayoutGrid, Unplug } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import { usePathname } from "next/navigation"; import { usePathname } from "next/navigation";
import { useEffect, useMemo, useState } from "react"; import { useEffect, useMemo, useState } from "react";
@ -216,6 +216,17 @@ export function PlaygroundSidebar({ workspaceId, className }: PlaygroundSidebarP
))} ))}
</div> </div>
</nav> </nav>
<div className="shrink-0 border-t p-2">
<Link
href={`/dashboard/${workspaceId}/connectors`}
prefetch
className="group inline-flex h-auto w-full items-center justify-start gap-3 rounded-md bg-transparent px-3 py-2.5 text-left text-sm font-medium text-muted-foreground transition-colors duration-150 hover:bg-accent hover:text-accent-foreground focus:outline-none focus-visible:outline-none"
>
<Unplug className="h-4 w-4 shrink-0" />
<span className="min-w-0 truncate">Add external connectors</span>
<ArrowRight className="ml-auto hidden h-4 w-4 shrink-0 -rotate-45 group-hover:block" />
</Link>
</div>
</aside> </aside>
); );
} }