mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 09:25: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>
47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
import { Pencil, Trash2 } from 'lucide-react'
|
|
import { type PropsWithChildren } from 'react'
|
|
|
|
import { ButtonTooltip } from '../ButtonTooltip'
|
|
|
|
export function MessageActions({ children }: PropsWithChildren<{}>) {
|
|
return (
|
|
<div className="flex items-center gap-4 mt-2 mb-1">
|
|
<span className="h-0.5 w-5 bg-muted" />
|
|
<div className="opacity-0 group-hover:opacity-100 transition-opacity">{children}</div>
|
|
</div>
|
|
)
|
|
}
|
|
function MessageActionsEdit({ onClick, tooltip }: { onClick: () => void; tooltip: string }) {
|
|
return (
|
|
<ButtonTooltip
|
|
type="text"
|
|
icon={<Pencil size={14} strokeWidth={1.5} />}
|
|
onClick={onClick}
|
|
className="text-foreground-light hover:text-foreground p-1 rounded"
|
|
aria-label={tooltip}
|
|
tooltip={{
|
|
content: {
|
|
side: 'bottom',
|
|
text: tooltip,
|
|
},
|
|
}}
|
|
/>
|
|
)
|
|
}
|
|
MessageActions.Edit = MessageActionsEdit
|
|
|
|
function MessageActionsDelete({ onClick }: { onClick: () => void }) {
|
|
return (
|
|
<ButtonTooltip
|
|
type="text"
|
|
icon={<Trash2 size={14} strokeWidth={1.5} />}
|
|
tooltip={{ content: { side: 'bottom', text: 'Delete message' } }}
|
|
onClick={onClick}
|
|
className="text-foreground-light hover:text-foreground p-1 rounded"
|
|
title="Delete message"
|
|
aria-label="Delete message"
|
|
/>
|
|
)
|
|
}
|
|
MessageActions.Delete = MessageActionsDelete
|