gmakstutis/openrag
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

long list of filters styles, polish filter panel

Browse source
This commit is contained in:
Cole Goldsmith 2025-09-22 10:43:10 -05:00
parent 8d5791971d
commit 2ead2985cc
4 changed files with 11 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/components/knowledge-filter-list.tsx
View file

@ -117,7 +117,7 @@ export function KnowledgeFilterList({
return ( return (
<> <>
<div className="flex flex-col items-center gap-1 px-3"> <div className="flex flex-col items-center gap-1 px-3 !mb-12 mt-0 h-full overflow-y-auto">
<div className="flex items-center w-full justify-between pl-3"> <div className="flex items-center w-full justify-between pl-3">
<div className="text-sm font-medium text-muted-foreground"> <div className="text-sm font-medium text-muted-foreground">
Knowledge Filters Knowledge Filters

13
frontend/components/knowledge-filter-panel.tsx
View file

@ -281,7 +281,6 @@ export function KnowledgeFilterPanel() {
<CardHeader className="pb-3"> <CardHeader className="pb-3">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<CardTitle className="text-lg flex items-center gap-2"> <CardTitle className="text-lg flex items-center gap-2">
<Settings className="h-5 w-5" />
Knowledge Filter Knowledge Filter
</CardTitle> </CardTitle>
<Button <Button
@ -293,9 +292,6 @@ export function KnowledgeFilterPanel() {
<X className="h-4 w-4" /> <X className="h-4 w-4" />
</Button> </Button>
</div> </div>
<CardDescription>
Configure your knowledge filter settings
</CardDescription>
</CardHeader> </CardHeader>
<CardContent className="space-y-6"> <CardContent className="space-y-6">
@ -344,7 +340,7 @@ export function KnowledgeFilterPanel() {
</div> </div>
) : ( ) : (
<div className="space-y-3"> <div className="space-y-3">
<div className="flex items-start justify-between"> <div className="flex items-center justify-between">
<div className="flex-1"> <div className="flex-1">
<h3 className="font-semibold text-lg"> <h3 className="font-semibold text-lg">
{selectedFilter.name} {selectedFilter.name}
@ -382,9 +378,8 @@ export function KnowledgeFilterPanel() {
<Label htmlFor="search-query" className="text-sm font-medium"> <Label htmlFor="search-query" className="text-sm font-medium">
Search Query Search Query
</Label> </Label>
<Input <Textarea
id="search-query" id="search-query"
type="text"
placeholder="e.g., 'financial reports from Q4'" placeholder="e.g., 'financial reports from Q4'"
value={query} value={query}
onChange={(e) => setQuery(e.target.value)} onChange={(e) => setQuery(e.target.value)}
@ -488,7 +483,7 @@ export function KnowledgeFilterPanel() {
<div className="space-y-4 pt-4 border-t border-border/50"> <div className="space-y-4 pt-4 border-t border-border/50">
<div className="space-y-2"> <div className="space-y-2">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<Label className="text-sm font-medium">Limit</Label> <Label className="text-sm font-medium text-nowrap">Response limit</Label>
<Input <Input
type="number" type="number"
min="1" min="1"
@ -518,7 +513,7 @@ export function KnowledgeFilterPanel() {
{/* Score Threshold Control - exactly like search page */} {/* Score Threshold Control - exactly like search page */}
<div className="space-y-2"> <div className="space-y-2">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<Label className="text-sm font-medium">Score Threshold</Label> <Label className="text-sm font-medium text-nowrap">Score threshold</Label>
<Input <Input
type="number" type="number"
min="0" min="0"

2
frontend/components/navigation.tsx
View file

@ -315,7 +315,7 @@ export function Navigation() {
]); ]);
return ( return (
<div className="space-y-4 py-4 flex flex-col h-full bg-background"> <div className="flex flex-col h-full bg-background">
<div className="px-3 py-2 flex-shrink-0"> <div className="px-3 py-2 flex-shrink-0">
<div className="space-y-1"> <div className="space-y-1">
{routes.map((route) => ( {routes.map((route) => (

10
frontend/components/ui/textarea.tsx
View file

@ -1,18 +1,18 @@
import * as React from "react" import * as React from "react";
import { cn } from "@/lib/utils" import { cn } from "@/lib/utils";
function Textarea({ className, ...props }: React.ComponentProps<"textarea">) { function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
return ( return (
<textarea <textarea
data-slot="textarea" data-slot="textarea"
className={cn( className={cn(
"primary-input !placeholder-transparent", "primary-input placeholder:font-mono placeholder:text-placeholder-foreground",
className className
)} )}
{...props} {...props}
/> />
) );
} }
export { Textarea } export { Textarea };