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

feat(runs-table): add alert component for API runs overview

Browse source 
- Introduced an Alert component to provide a concise description of API runs in the workspace.
- Replaced the previous header and description with the new alert for improved clarity and user experience.
This commit is contained in:
Anish Sarkar 2026-07-08 02:37:31 +05:30
parent 0c2db7dfd5
commit d54e21e066
1 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
surfsense_web/app/dashboard/[workspace_id]/playground/components/runs-table.tsx
View file

@ -1,8 +1,9 @@
"use client"; "use client";
import { useInfiniteQuery } from "@tanstack/react-query"; import { useInfiniteQuery } from "@tanstack/react-query";
import { ChevronDown, ChevronRight, History } from "lucide-react"; import { ChevronDown, ChevronRight, History, Info } from "lucide-react";
import { Fragment, useState } from "react"; import { Fragment, useState } from "react";
import { Alert, AlertDescription } from "@/components/ui/alert";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { import {
Select, Select,
@ -67,13 +68,12 @@ export function RunsTable({ workspaceId }: { workspaceId: number }) {
return ( return (
<div className="space-y-4"> <div className="space-y-4">
<div> <Alert>
<h1 className="text-xl font-semibold text-foreground md:text-2xl">Runs</h1> <Info />
<p className="mt-1 text-sm text-muted-foreground"> <AlertDescription>
Every platform-native API run in this workspace — from the playground, API keys, and View all API runs for this workspace, including runs from the playground, API keys, and agents.
agents. Newest first. </AlertDescription>
</p> </Alert>
</div>
<div className="flex flex-wrap items-center gap-2"> <div className="flex flex-wrap items-center gap-2">
<Select value={capability} onValueChange={setCapability}> <Select value={capability} onValueChange={setCapability}>