Feat: Webhook monitoring#322
Draft
sarimrmalik wants to merge 43 commits into
Draft
Conversation
…dashboard into feat/webhook-monitoring
- Added new API endpoints for listing webhook deliveries, retrieving individual delivery attempts, and fetching delivery statistics. - Introduced new components for displaying webhook delivery details, including status, request/response data, and error handling. - Enhanced the OpenAPI specification to include new schemas and paths related to webhook deliveries. - Updated the dashboard layout to support navigation to webhook delivery details and statistics. These changes aim to improve the monitoring and management of webhook deliveries within the dashboard.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
…w page - Removed redundant default stats range calculation in favor of a dedicated utility function. - Updated the WebhookOverviewPage to utilize the new getWebhookStatsRange function for better clarity. - Enhanced WebhookOverviewContent to accept initial range bounds as a prop, improving flexibility. - Refactored WebhookRangeSelector to handle range changes more effectively. These changes aim to streamline the management of webhook statistics and improve code maintainability.
- Replaced useRouter with Link for navigation in WebhookTableRow, enhancing accessibility and simplifying the code. - Modified WebhookNameAndUrl component to accept an href prop for direct linking. - Improved the overall structure and readability of the webhook table row component. These changes aim to streamline navigation and improve user experience in the dashboard.
- Introduced WebhookEventBadges component to visually represent webhook events in the dashboard. - Updated WebhookDetailHeader to include a badge for the webhook ID with a copy functionality. - Refactored DashboardLayoutHeader to conditionally render webhook titles based on the route. - Added ToolboxComponent to the monitoring chart for improved user interaction. These changes aim to improve the user experience by providing clearer information and better interaction options for webhook management.
sitole
reviewed
May 14, 2026
| Supabase2TeamAuth: [] | ||
| parameters: | ||
| - $ref: "#/components/parameters/webhookID" | ||
| - name: offset |
Member
There was a problem hiding this comment.
Can we use cursor listing instead?
…e schema - Enhanced GetWebhookDeliveryStatsInputSchema to include a validation rule ensuring the delivery stats range does not exceed 7 days. - Removed '30d' option from WebhookStatsRangeSchema and related components to simplify the selection options. These changes aim to improve data integrity and user experience when selecting webhook delivery statistics.
- Updated the API and OpenAPI specification to replace offset-based pagination with cursor-based pagination for listing webhook deliveries. - Modified related components and queries to support the new cursor parameter, enhancing the efficiency of data retrieval. - Improved user experience by allowing seamless navigation through delivery records with the addition of a "Load more" button. These changes aim to optimize the performance and usability of webhook delivery monitoring in the dashboard.
…t/webhook-monitoring
…omponent - Refactored WebhookDetailHeader to utilize the new IdBadge component for displaying and copying webhook IDs. - Added functionality to show the latest event timestamp and created date in a more user-friendly format. - Introduced IdBadge component to encapsulate ID display and copy functionality, improving code reusability and readability. - Updated shared index to export the new IdBadge component. These changes aim to improve the user experience in managing webhook details by providing clearer information and streamlined interactions.
- Removed the Button wrapper around the webhook name link for a cleaner presentation. - Updated the Link component to include a title attribute for better accessibility and user experience. These changes enhance the clarity and usability of the webhook settings interface.
- Updated WebhookOverviewPage to utilize new API bounds for webhook stats. - Refactored StartedAt and WebhookDetailHeader components to use the new Timestamp component for displaying date and time. - Improved stats range handling by introducing normalization and timeframe parameters. - Simplified the stats range logic in WebhookOverviewContent for better clarity and maintainability. These changes aim to improve the user experience by providing clearer timestamp displays and more robust handling of webhook statistics.
- Removed redundant header and description from the event deliveries section for a cleaner interface. - Adjusted the layout to enhance the organization of delivery status and filter input components. These changes aim to improve the visual clarity and usability of the webhook deliveries content.
- Enhanced getDeliveryCountSeriesData and getResponseTimeSeriesData functions to utilize bucketed timestamps for better granularity in data representation. - Introduced synthetic data points to improve visualization of empty ranges in charts. - Updated WebhookOverviewContent to pass range bounds to response time metrics, ensuring accurate data display. These changes aim to enhance the accuracy and clarity of webhook statistics, facilitating improved data analysis and visualization.
…etail layout - Renamed 'Event deliveries' to 'Events' in the webhook detail layout for clarity. - Introduced formatDisplayTimestamp utility to standardize timestamp formatting across components, providing relative day labels (e.g., "Today", "Yesterday"). - Updated Timestamp component to utilize the new formatting utility, simplifying the display logic. - Enhanced tooltip timestamp formatting in WebhookStatsChart to support dynamic scaling. These changes aim to improve the consistency and clarity of timestamp displays in the webhook statistics, enhancing user experience and data interpretation.
- Removed unnecessary border from the grid layout in WebhookOverviewContent, enhancing visual clarity and responsiveness. - Maintained existing structure while improving the overall presentation of the webhook statistics. These changes aim to streamline the user interface and improve the readability of the webhook overview section.
…entation - Integrated JsonPopover for better display of parsed values in delivery details, improving user interaction and readability. - Adjusted layout of the deliveries content to enhance visual structure and responsiveness, including padding and overflow handling. - Updated table column widths for improved alignment and clarity of displayed data. These changes aim to streamline the user interface and enhance the overall experience when viewing webhook delivery details.
…and user experience - Added VirtualizedTableRow and VirtualizedTableLoaderBody components to enhance the rendering of webhook deliveries, optimizing performance for large datasets. - Integrated virtualized scrolling in the WebhookDeliveriesTable to improve loading times and user interaction. - Updated the layout to ensure a responsive design while maintaining clarity and usability. These changes aim to streamline the display of webhook delivery data, enhancing the overall user experience when navigating large sets of information.
…view components - Updated ChartPanel and WebhookStatsChart to improve layout and responsiveness, ensuring better visual structure. - Adjusted CSS classes for proper overflow handling and minimum height settings, enhancing the overall user experience. These changes aim to streamline the presentation of webhook statistics and improve the usability of the overview content.
…t/webhook-monitoring # Conflicts: # src/features/dashboard/settings/webhooks/table.tsx
- Changed the layout of the deliveries content to use a flex row for better alignment of items. - Adjusted CSS classes to enhance the overall visual structure and responsiveness of the component. These changes aim to streamline the presentation of webhook delivery details, improving user experience.
…ity and formatting - Adjusted z-index values for delivery metrics to enhance visual hierarchy. - Renamed response time labels for brevity and clarity. - Improved value formatting for response times to include decimal precision and rounded display for y-axis values. These changes aim to streamline the presentation of webhook statistics, enhancing user experience and data readability.
… for webhook delivery details - Rearranged properties in the OpenAPI specification for better organization. - Updated TypeScript types to reflect changes in the OpenAPI schema, including renaming and reordering of fields. - Adjusted the handling of HTTP status codes in the deliveries content to align with the updated API structure. These changes aim to enhance the clarity and consistency of webhook delivery data representation.
…properties - Renamed 'deliveryStatus' to 'status' in the OpenAPI specification and TypeScript types for consistency. - Updated duration properties to use a unified structure, replacing individual min, avg, and max fields with a single 'durationMs' reference. - Adjusted related components and queries to align with the new API structure, enhancing clarity and maintainability. These changes aim to improve the consistency and readability of webhook delivery data representation.
- Introduced a function to hide inactive zero-value points in the delivery chart, improving clarity by reducing clutter. - Adjusted z-index for failed deliveries based on the presence of failed delivery data, enhancing visual hierarchy. - Updated the delivery series data to incorporate the new function, ensuring a cleaner representation of webhook statistics. These changes aim to improve the readability and user experience of webhook delivery metrics.
…ts in delivery chart - Updated the function to determine visibility of zero-value points by checking for nearby non-zero values, enhancing the accuracy of data representation. - This change aims to further reduce clutter in the delivery chart, improving clarity and user experience.
- Eliminated the `getWebhookDelivery` function and its associated input schema from the webhooks repository and API router. - Updated the OpenAPI specification to remove the endpoint for retrieving webhook delivery attempts, streamlining the API. - Adjusted TypeScript types and schemas to reflect the removal of delivery ID parameters, enhancing clarity and maintainability. These changes aim to simplify the webhook delivery interface and improve overall code organization.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.