mirror of
https://github.com/supabase/supabase.git
synced 2026-10-12 21:05:06 +03:00
626eb30e77
* update onboarding * update model and fix part issue * action orientated assistant * fix tool * lock * remove unused filter * fix tests * fix again * update package * update container * fix tests * refactor(ai assistant): break out message markdown and profile picture * wip * refactor(ai assistant): break up message component * refactor: break ai assistant message down into multiple files * refactor: simplify ReportBlock state * fix: styling of draggable report block header When the drag handle is showing, it overlaps with the block header. Decrease the opacity of the header so the handle can be seen and the two can be distinguished. * fix: minor tweaks to tool ui * refactor: simplify DisplayBlockRenderer state * fix: remove double deploy button in edge function block When the confirm footer is shown, the deploy button on the top right should be hidden (not just disabled) to avoid confusion. * refactor, test: message sanitization by opt-in level Refactor the message sanitization to have more type safety and be more testable. Add tests to ensure: - Message sanitization always runs on generate-v4 - Message sanitization correctly works by opt-in level * Fix conflicts in pnpm lock * Couple of nits and refactors * Revert casing for report block snippet * adjust sanitised prompt * Fix tests --------- Co-authored-by: Charis Lam <26616127+charislam@users.noreply.github.com> Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
55 lines
1.4 KiB
TypeScript
55 lines
1.4 KiB
TypeScript
import type { PropsWithChildren } from 'react'
|
|
|
|
import {
|
|
cn,
|
|
Collapsible,
|
|
CollapsibleContent_Shadcn_ as CollapsibleContent,
|
|
CollapsibleTrigger_Shadcn_ as CollapsibleTrigger,
|
|
} from 'ui'
|
|
|
|
type ToolProps = PropsWithChildren<{
|
|
className?: string
|
|
label: string | JSX.Element
|
|
icon?: JSX.Element
|
|
}>
|
|
|
|
export function Tool({ className, label, icon, children }: ToolProps) {
|
|
const isCollapsible = !!children
|
|
|
|
return (
|
|
<div
|
|
className={cn(
|
|
'tool-item text-foreground-lighter flex items-center gap-2 py-2',
|
|
'[&:not(.tool-item+.tool-item)]:mt-4 [&:not(:has(+.tool-item))]:mb-4',
|
|
'[&:has(+.tool-item)]:border-b [&:has(+.tool-item)]:border-b-muted',
|
|
'first:!mt-0 last:mb-0',
|
|
className
|
|
)}
|
|
>
|
|
<Collapsible>
|
|
<CollapsibleTrigger
|
|
className={cn('flex items-center gap-2 w-full text-left')}
|
|
disabled={!children}
|
|
>
|
|
{icon}
|
|
{typeof label === 'string' ? (
|
|
<span className="text-foreground-lighter">{label}</span>
|
|
) : (
|
|
label
|
|
)}
|
|
</CollapsibleTrigger>
|
|
|
|
{isCollapsible && (
|
|
<CollapsibleContent
|
|
className={cn('pl-6 py-2 text-xs leading-normal', 'max-h-64 overflow-y-auto')}
|
|
>
|
|
{children}
|
|
</CollapsibleContent>
|
|
)}
|
|
</Collapsible>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
Tool.displayName = 'Tool'
|