mirror of
https://github.com/supabase/supabase.git
synced 2026-10-08 19:05:06 +03:00
Saxon FletcherandClaude Opus 5.5
862c8634d9
The Overview's recent errors section now reuses the Logs tab's queries and the read-only EmbeddedLogsTable instead of its own SQL and table. It previews the latest five errors since the last deploy (capped at 24h), notes how many more there are and links to them. - Rows, "View logs" and "+N more" open the function's Logs tab with the same range and error filter. With the unified logs preview off, they open the Invocations or Logs tab with those tabs' own params - "Explain with AI" and "Copy summary" hand the previewed errors to the Assistant with the same prompt as selected logs on the Logs page - Removes the custom error grouping and its SQL Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
65 lines
2.3 KiB
TypeScript
65 lines
2.3 KiB
TypeScript
import { AiIconAnimation } from 'ui'
|
|
|
|
import { buildLogsPrompt } from '@/components/interfaces/Settings/Logs/Logs.utils'
|
|
import { parseSelectedLogs } from '@/components/interfaces/UnifiedLogs/LogSelectionActions.utils'
|
|
import { SIDEBAR_KEYS } from '@/components/layouts/ProjectLayout/LayoutSidebar/LayoutSidebarProvider'
|
|
import { ButtonTooltip } from '@/components/ui/ButtonTooltip'
|
|
import CopyButton from '@/components/ui/CopyButton'
|
|
import { useIsFeatureEnabled } from '@/hooks/misc/useIsFeatureEnabled'
|
|
import { useTrack } from '@/lib/telemetry/track'
|
|
import { useAiAssistantStateSnapshot } from '@/state/ai-assistant-state'
|
|
import { useSidebarManagerSnapshot } from '@/state/sidebar-manager-state'
|
|
|
|
interface EdgeFunctionRecentErrorsActionsProps {
|
|
/** The errors shown in the preview */
|
|
rows: unknown[]
|
|
/** Matching errors beyond the preview, noted in the prompt */
|
|
omittedCount: number
|
|
}
|
|
|
|
/**
|
|
* Hands the previewed errors to an AI tool: the same prompt the Logs page builds for selected
|
|
* logs, noting how many more errors the preview leaves out.
|
|
*/
|
|
export const EdgeFunctionRecentErrorsActions = ({
|
|
rows,
|
|
omittedCount,
|
|
}: EdgeFunctionRecentErrorsActionsProps) => {
|
|
const { openSidebar } = useSidebarManagerSnapshot()
|
|
const aiSnap = useAiAssistantStateSnapshot()
|
|
const track = useTrack()
|
|
|
|
const { logsMetadata } = useIsFeatureEnabled(['logs:metadata'])
|
|
const selectedLogs = parseSelectedLogs(rows, logsMetadata)
|
|
if (!selectedLogs.success || selectedLogs.data.length === 0) return null
|
|
|
|
const prompt = buildLogsPrompt(selectedLogs.data, { queryType: 'functions', omittedCount })
|
|
|
|
const handleOpenAssistant = () => {
|
|
openSidebar(SIDEBAR_KEYS.AI_ASSISTANT)
|
|
aiSnap.newChat({ initialMessage: prompt })
|
|
track('ai_assistant_dropdown_button_clicked', { source: 'edge_function_errors' })
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<ButtonTooltip
|
|
size="tiny"
|
|
variant="default"
|
|
className="px-1.5"
|
|
icon={<AiIconAnimation size={14} />}
|
|
aria-label="Explain with AI"
|
|
tooltip={{ content: { side: 'bottom', text: 'Explain with AI' } }}
|
|
onClick={handleOpenAssistant}
|
|
/>
|
|
<CopyButton
|
|
size="tiny"
|
|
variant="default"
|
|
text={prompt}
|
|
copyLabel="Copy summary"
|
|
onClick={() => track('ai_prompt_copied', { source: 'edge_function_errors' })}
|
|
/>
|
|
</>
|
|
)
|
|
}
|