Spaces:
Sleeping
Sleeping
File size: 4,422 Bytes
f871fed |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 |
"use client"
import { Control, Controller } from "react-hook-form"
import { FormSection } from "@/components/ui/form-section"
import { CheckboxList } from "@/components/ui/checkbox-list"
import { Checkbox } from "@/components/ui/checkbox"
import { Transformation } from "@/lib/types/transformations"
import { SettingsResponse } from "@/lib/types/api"
interface CreateSourceFormData {
type: 'link' | 'upload' | 'text'
title?: string
url?: string
content?: string
file?: FileList | File
notebooks?: string[]
transformations?: string[]
embed: boolean
async_processing: boolean
}
interface ProcessingStepProps {
control: Control<CreateSourceFormData>
transformations: Transformation[]
selectedTransformations: string[]
onToggleTransformation: (transformationId: string) => void
loading?: boolean
settings?: SettingsResponse
}
export function ProcessingStep({
control,
transformations,
selectedTransformations,
onToggleTransformation,
loading = false,
settings
}: ProcessingStepProps) {
const transformationItems = transformations.map((transformation) => ({
id: transformation.id,
title: transformation.title,
description: transformation.description
}))
return (
<div className="space-y-8">
<FormSection
title="Transformations (optional)"
description="Apply AI transformations to analyze and extract insights from your content."
>
<CheckboxList
items={transformationItems}
selectedIds={selectedTransformations}
onToggle={onToggleTransformation}
loading={loading}
emptyMessage="No transformations found."
/>
</FormSection>
<FormSection
title="Processing Settings"
description="Configure how your source will be processed and stored."
>
<div className="space-y-4">
{settings?.default_embedding_option === 'ask' && (
<Controller
control={control}
name="embed"
render={({ field }) => (
<label className="flex items-start gap-3 cursor-pointer p-3 rounded-md hover:bg-muted">
<Checkbox
checked={field.value}
onCheckedChange={field.onChange}
className="mt-0.5"
/>
<div className="flex-1">
<span className="text-sm font-medium block">Enable embedding for search</span>
<p className="text-xs text-muted-foreground mt-1">
Allows this source to be found in vector searches and AI queries
</p>
</div>
</label>
)}
/>
)}
{settings?.default_embedding_option === 'always' && (
<div className="p-3 rounded-md bg-primary/10 border border-primary/30">
<div className="flex items-start gap-3">
<div className="w-4 h-4 bg-primary rounded-full mt-0.5 flex-shrink-0"></div>
<div className="flex-1">
<span className="text-sm font-medium block text-primary">Embedding enabled automatically</span>
<p className="text-xs text-primary mt-1">
Your settings are configured to always embed content for vector search.
You can change this in <span className="font-medium">Settings</span>.
</p>
</div>
</div>
</div>
)}
{settings?.default_embedding_option === 'never' && (
<div className="p-3 rounded-md bg-muted border border-border">
<div className="flex items-start gap-3">
<div className="w-4 h-4 bg-muted-foreground rounded-full mt-0.5 flex-shrink-0"></div>
<div className="flex-1">
<span className="text-sm font-medium block text-foreground">Embedding disabled</span>
<p className="text-xs text-muted-foreground mt-1">
Your settings are configured to skip embedding. Vector search won't be available for this source.
You can change this in <span className="font-medium">Settings</span>.
</p>
</div>
</div>
</div>
)}
</div>
</FormSection>
</div>
)
}
|