feat: webhook analytics tab #7528

arcoraven · 2025-07-04T05:33:52Z

PR-Codex overview

This PR focuses on enhancing webhook analytics by introducing new interfaces, updating existing functions, and improving the overall structure of webhook-related components and API calls.

Detailed summary

Added WebhookRequestStats and WebhookLatencyStats interfaces.
Updated WebhookSummaryStats to use Record<string, number> for errorBreakdown.
Created getWebhookSummaryAction to fetch webhook summary data.
Refactored useWebhookMetrics to use the new summary action.
Updated WebhooksOverview and WebhooksLayout to enable features without relying on posthog.
Introduced WebhooksAnalytics component to fetch and display webhook analytics.
Added WebhookAnalyticsServer to fetch and process analytics data.
Implemented error handling in API calls for webhook metrics and latency.
Enhanced WebhookAnalyticsCharts to visualize filtered data based on selected webhooks and date ranges.
Improved local storage handling for saved date ranges in WebhookAnalyticsFilter.

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

--- ## PR-Codex overview This PR focuses on enhancing the NFT launch functionality by adding a successful asset creation report feature. It imports a new reporting function and invokes it upon successful NFT launch, improving analytics tracking. ### Detailed summary - Added import for `reportAssetCreationSuccessful` from `@/analytics/report`. - Called `reportAssetCreationSuccessful` with parameters indicating asset type and contract type upon successful NFT launch. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit * **New Features** * Added a success reporting step after completing the NFT launch process, providing improved feedback for successful NFT creation.

…7492)   --- ## PR-Codex overview This PR updates the `page.tsx` file in the `in-app-wallet` directory to improve the formatting of the `wallets` configuration and the `App` function, ensuring consistent indentation and structure. ### Detailed summary - Reformatted the `wallets` array for improved readability. - Changed the indentation of the `auth` and `executionMode` properties. - Updated the `App` function to have consistent spacing around the return statement. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit * **Style** * Improved formatting and readability of code examples and component structure in the in-app wallet integration page. No changes to functionality.

--- ## PR-Codex overview This PR focuses on refactoring components in the `routes-table`, `routelist-card`, and `routelist-row` files to improve structure and readability, while introducing new components like `TokenName` and `TokenInfo` for better token representation. ### Detailed summary - Replaced `TableContainer` with a simpler structure in `routes-table.tsx`. - Changed table header structure to improve readability. - Refactored `routelist-card.tsx` to use `TokenName` for token display. - Introduced `TokenInfo` component in `routelist-row.tsx` for consistent token representation. - Removed inline token display logic in favor of new components. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit * **New Features** * Added clickable links to ERC20 token pages for improved navigation and clarity in token displays. * Introduced new helper components for consistent token information display. * **Refactor** * Updated token display layouts to use flexbox for better alignment and readability. * Consolidated repeated token rendering logic into reusable components. * **Style** * Simplified and removed custom styling from tables and cards for a cleaner appearance.

### TL;DR Reorganized navigation structure by adding a "scale category" and removing the RPC Edge redirect. ### What changed? - Created a new "scale category" in the framer-rewrites.js file that includes: - `/rpc-edge` - `/insight` - `/storage` - Moved `/storage` from its own category into the new "scale category" - Moved `/insight` from its own category into the new "scale category" - Removed the redirect from `/rpc-edge` to the portal URL in redirects.js ### How to test? 1. Verify that the `/rpc-edge`, `/insight`, and `/storage` routes are properly grouped under the "scale category" 2. Confirm that navigating to `/rpc-edge` no longer redirects to the portal URL 3. Check that the other redirects still function as expected ### Why make this change? This change improves the organization of related services under a logical "scale category" grouping, making the navigation structure more intuitive. It also enables direct access to the RPC Edge page rather than redirecting users to the portal, providing a more seamless user experience.  ## Summary by CodeRabbit * **Refactor** * Reorganized and regrouped certain dashboard paths under a new "scale category" for improved clarity. * **Chores** * Removed a redirect rule for the /rpc-edge path.

Signed-off-by: samina <[email protected]>

Co-authored-by: Joaquim Verges <[email protected]>

--- ## PR-Codex overview This PR introduces two new chain definitions for `Core` and `Core Testnet` to the `thirdweb` package, enhancing its blockchain support. ### Detailed summary - Added `coreMainnet` definition in `core-mainnet.ts` with block explorer and native currency details. - Added `coreTestnet` definition in `core-testnet.ts` with block explorer, native currency details, and testnet flag. - Exported both `coreMainnet` and `coreTestnet` in `chains.ts`. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit * **New Features** * Added support for the Core mainnet and Core testnet blockchain networks. * Users can now interact with these new chains, including viewing block explorer links and using native currency details.

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

# Rename `/rpc-edge` to `/rpc` This PR renames the `/rpc-edge` route to `/rpc` in the dashboard: - Updates the route in `framer-rewrites.js` - Adds a redirect from `/rpc-edge` to `/rpc` to maintain backward compatibility  ## Summary by CodeRabbit * **New Features** * Added a redirect from /rpc-edge to /rpc for dashboard requests. * **Chores** * Updated references from /rpc-edge to /rpc in the scale category configuration.

## PR-Codex overview This PR focuses on refining the invitation feature within the onboarding and settings sections of the application. It simplifies the conditions for inviting team members based on the billing plan. ### Detailed summary - Removed `"Invite Team Members"` from the pricing options in `pricing.tsx`. - Updated the conditional rendering for the custom CTA in `InviteTeamMembers.tsx` to check only for the `"free"` billing plan. - Simplified the `inviteEnabled` condition in `InviteSection.tsx` to exclude the `"starter"` plan. - Adjusted the conditional check for displaying the bottom section in `InviteSection.tsx` to only check for the `"free"` plan. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit * **New Features** * Updated team plan features by removing "Invite Team Members" from the "growth" plan feature list. * **Bug Fixes** * Adjusted upgrade prompts and invite functionality so that upgrade options and invite restrictions now apply only to teams on the "free" plan, rather than both "free" and "starter" plans.

## PR-Codex overview This PR introduces enhancements to the `Insight` feature in the application, including new analytics components, improved data fetching, and user interface updates for better user experience. ### Detailed summary - Added `limit` parameter to analytics type definitions. - Refactored imports in `insight-ftux.tsx`. - Introduced `InsightAnalyticsFilter` component for filtering analytics data. - Created `Layout` component with project validation and redirection. - Added `InsightFooter` for footer links. - Implemented `TopInsightChainsTable` and `TopInsightEndpointsTable` for displaying analytics data. - Added `getInsightChainUsage`, `getInsightStatusCodeUsage`, and `getInsightEndpointUsage` API functions for fetching analytics. - Enhanced `RequestsByStatusGraph` for visualizing status code requests. - Updated `Page` component to handle authentication and data fetching more efficiently. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit * **New Features** * Introduced a comprehensive analytics dashboard for project insights, including interactive charts and tables for usage, errors, top endpoints, and top chains. * Added filters for date range and interval selection, with preferences saved for future visits. * Enhanced visualization with a stacked bar chart for HTTP status codes and detailed tables for endpoints and chains. * Included a streamlined layout with improved navigation, footer resources, and a "Get Started with Insight" call-to-action. * Added new analytics data fetching capabilities covering usage by chain, status code, endpoint, and overall metrics. * **Refactor** * Simplified the insights page by removing redundant logic and focusing on authenticated analytics display. * **Bug Fixes** * Improved error handling during data fetching to ensure UI stability when analytics data is unavailable.

…ndition (#7506)   --- ## PR-Codex overview This PR focuses on adding a condition to check if the `maxClaimablePerWallet` is `"0"` and enhancing the validation of the `phase.snapshot` property within the `claim-conditions-form` component. ### Detailed summary - Added a condition to check if `phase.maxClaimablePerWallet` is `"0"`. - Ensured `phase.price` is `"0"`. - Checked that `phase.snapshot` is not a string and has a length of 1. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit * **Bug Fixes** * Improved claim condition handling to more accurately identify "creator" claim types based on updated criteria.

# [Dashboard] Feature: Add RPC Edge analytics page  --- ## PR-Codex overview This PR focuses on enhancing the RPC (Remote Procedure Call) analytics feature in the dashboard. It introduces new components, updates existing ones, and adds functionality for fetching and displaying RPC usage data and statistics. ### Detailed summary - Added `RpcMethodStats` and `RpcUsageTypeStats` interfaces in `analytics.ts`. - Introduced `getRpcUsageByType` function to fetch RPC usage data. - Updated `RpcMethodBarChartCardUI` to use new data structure. - Added new `RPC` link in `ProjectSidebarLayout`. - Created `RpcAnalyticsFilter` for filtering RPC analytics. - Implemented `RequestsGraph` to visualize RPC requests over time. - Developed `TopRPCMethodsTable` to display top EVM methods called. - Added `RpcFTUX` component for user onboarding in RPC section. - Updated layout files to integrate new components and improve styling. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit * **New Features** * Introduced a dedicated "RPC" section in the project sidebar for easy access to RPC analytics. * Added a comprehensive RPC analytics dashboard, including: * Interactive requests graph and top RPC methods table. * Date range and interval filtering for analytics. * First-time user experience (FTUX) with ready-to-use code examples and documentation links. * Enhanced layout and navigation for the new RPC analytics section. * **Style** * Improved UI spacing, sizing, and visual consistency for analytics components and placeholders.

--- ## PR-Codex overview This PR focuses on improving the handling of wallet addresses and token fetching in the application. It enhances the rendering of wallet address components and modifies the fetching logic for token information, including error handling. ### Detailed summary - Updated rendering of the wallet address in `apps/dashboard/src/@/components/blocks/wallet-address.tsx` and `apps/nebula/src/@/components/blocks/wallet-address.tsx` to include `props.className` and added a `text-xs` class in the latter. - Enhanced the fetch request in `apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/erc20/_utils/fetch-coin-info.ts` by moving `clientId` to headers and added error logging for failed requests. - Modified the condition for rendering contract creator in `apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/erc20/_components/ContractHeader.tsx` to check if `contractCreator` is not equal to `ZERO_ADDRESS`. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit * **New Features** * Improved wallet address display to support external styling and smaller text size for the zero address. * **Bug Fixes** * Updated contract header to ensure the contract creator badge is not shown for zero addresses. * Enhanced error logging for token info fetching to aid in troubleshooting.

…ation modal (#7512)   --- ## PR-Codex overview This PR introduces the `teamPlan` property to various components related to NFT and token creation, allowing the application to handle billing plans effectively. It also adds a new component for handling storage limit errors and integrates upsell reporting for plan upgrades. ### Detailed summary - Added `teamPlan` prop to components: `CreateNFTPage`, `CreateTokenAssetPage`, `CreateNFTPageUI`, `CreateTokenAssetPageUI`, `LaunchNFT`, `LaunchTokenStatus`. - Introduced `StorageErrorPlanUpsell` component for storage limit handling. - Implemented upsell reporting functions: `reportUpsellShown`, `reportUpsellClicked`. - Updated `MultiStepStatus` to use a render function for error messages. - Changed error message type from `React.ReactNode` to `string` in `MultiStepStatus`. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit * **New Features** * Introduced a tailored upsell experience when users on a free plan hit the storage limit during token or NFT creation, including a new prompt to upgrade and real-time detection of plan changes. * Added analytics tracking for upsell prompts and upgrade link clicks. * **Enhancements** * Error messages in multi-step workflows can now be customized, allowing for more informative and actionable error displays. * Components involved in token and NFT creation now accept and utilize the team's billing plan to enable conditional UI and logic. * **Storybook** * Updated stories to reflect storage limit scenarios and demonstrate the new upsell flow for free plan users.

### TL;DR Enabled Engine Cloud service in the project creation modal. ### What changed? Removed the filter that was excluding the "engineCloud" service from the list of available project services in the create project modal. This change allows users to select Engine Cloud when creating a new project. ### How to test? 1. Open the dashboard application 2. Click on "Create Project" button 3. Verify that Engine Cloud appears as an available service option in the project creation modal ### Why make this change? The Engine Cloud service was previously excluded with a TODO comment indicating it should be enabled once the API server was ready. This change suggests that the API server is now available, so Engine Cloud can be offered as a service option during project creation.  ## Summary by CodeRabbit * **Bug Fixes** * Updated project service selection to allow "engineCloud" as an available option.

Co-authored-by: Cursor Agent <[email protected]>

...team_slug]/[project_slug]/(sidebar)/webhooks/analytics/components/WebhookAnalyticsCharts.tsx

MananTank

please check the comments

--- ## PR-Codex overview This PR focuses on improving error handling by adding `try-catch` blocks around asynchronous calls in the `getContractCreator` function. This change ensures that if an error occurs during the execution of `owner` or `getRoleMember`, the function will return `null` instead of throwing an unhandled error. ### Detailed summary - Wrapped the calls to `owner` and `getRoleMember` in a `try-catch` block. - Changed the calls to `owner` and `getRoleMember` to use `await` for proper asynchronous handling. - Ensured that if an error occurs, the function returns `null` instead of failing silently. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit * **Bug Fixes** * Improved error handling when retrieving contract creator information, ensuring failures no longer cause crashes and instead return a safe null value.

Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

…_analytics_tab

socket-security · 2025-07-08T16:16:41Z

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Quality	Maintenance
	eslint-config-next@15.3.3 ⏵ 15.3.5	⁺¹		⁺¹
	eslint-plugin-storybook@9.0.8 ⏵ 9.0.15	⁺¹
	@storybook/react-vite@9.0.8 ⏵ 9.0.15
	@vitest/coverage-v8@3.2.3 ⏵ 3.2.4			^-1
	@next/eslint-plugin-next@15.3.3 ⏵ 15.3.5
	@storybook/react@9.0.8 ⏵ 9.0.15
	@storybook/nextjs@9.0.8 ⏵ 9.0.15		⁺¹
	@scalar/api-reference-react@0.6.19 ⏵ 0.7.25		^-13
	vitest@3.2.3 ⏵ 3.2.4		⁺¹
	@tryghost/content-api@1.11.26 ⏵ 1.11.28	⁺¹	⁺¹	⁺²
	tsx@4.20.1 ⏵ 4.20.3			^-2
	@emotion/styled@11.14.0 ⏵ 11.14.1
	@vitest/ui@3.2.3 ⏵ 3.2.4			^-1
	postcss@8.5.5 ⏵ 8.5.6	⁺¹	⁺¹	^-1
	sonner@2.0.5 ⏵ 2.0.6	⁺¹	⁺¹	⁺²
	next@15.3.3 ⏵ 15.3.5	⁺¹	⁺¹
	react-error-boundary@5.0.0 ⏵ 6.0.0
	@storybook/addon-onboarding@9.0.8 ⏵ 9.0.15
	@tanstack/react-query@5.80.7 ⏵ 5.81.5	⁺¹	⁺¹
	@next/bundle-analyzer@15.3.3 ⏵ 15.3.5
	@confluentinc/kafka-javascript@1.3.2 ⏵ 1.4.0	⁺¹	⁺¹	⁺³
	@playwright/test@1.53.0 ⏵ 1.53.2
	@sentry/nextjs@9.29.0 ⏵ 9.34.0	⁺¹	⁺¹	⁺¹
	storybook@9.0.8 ⏵ 9.0.15		⁺¹
	@chromatic-com/storybook@4.0.0 ⏵ 4.0.1			⁺²
	@changesets/cli@2.29.4 ⏵ 2.29.5			^-2
	@vitejs/plugin-react@4.5.2 ⏵ 4.6.0			⁺¹
	lucide-react@0.514.0 ⏵ 0.525.0	⁺¹	⁺¹	^-1
	posthog-js@1.252.0 ⏵ 1.256.1	⁺¹
	zod@3.25.67 ⏵ 3.25.75	⁺¹
	prettier@3.5.3 ⏵ 3.6.2	⁺¹
	@biomejs/biome@2.0.4 ⏵ 2.0.6	⁺¹		^-1
See 6 more rows in the dashboard

View full report

MananTank and others added 30 commits July 1, 2025 20:00

[Dashboard] Add status filter to transactions table (#7497)

2029869

[Docs] Broken Engine Links (#7498)

effe60b

Signed-off-by: samina <[email protected]>

[Portal] Remove unused import from sign-in methods page (#7499)

2d1549b

[Porta] fix llm.txt generation (#7500)

f15f62f

SDK: Restore border on embed components (#7487)

50e01ce

Added Somnia Testnet (#7474)

85c4ef1

Co-authored-by: Joaquim Verges <[email protected]>

[SDK] Handle very large numbers in BuyWidget component (#7503)

7ab8808

Pass purchaseData prop to payment components (#7507)

fd967ce

Version Packages (#7501)

9c2b0f7

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Properly type purchaseData as Record<string, unknown> (#7508)

ca1fb84

Update import path in createSessionKey example (#7510)

7437289

[Dashboard] Add chain infrastructure deployment and management (#7456)

0e159f7

[SDK] update wallets, add sh.frame (#7521)

f94226a

upgrade biome to 2.0.6 (#7517)

fa45dea

[Dashboard] Fix validation for smart account options (#7522)

7500d87

Co-authored-by: Cursor Agent <[email protected]>

[SDK] Show all tokens in payment selection regardless of balance (#7523)

341325f

upgrade dependencies (#7524)

4b8badb

MananTank reviewed Jul 7, 2025

View reviewed changes

...team_slug]/[project_slug]/(sidebar)/webhooks/analytics/components/WebhookAnalyticsCharts.tsx Outdated Show resolved Hide resolved

MananTank reviewed Jul 7, 2025

View reviewed changes

...team_slug]/[project_slug]/(sidebar)/webhooks/analytics/components/WebhookAnalyticsCharts.tsx Outdated Show resolved Hide resolved

MananTank reviewed Jul 7, 2025

View reviewed changes

...team_slug]/[project_slug]/(sidebar)/webhooks/analytics/components/WebhookAnalyticsCharts.tsx Outdated Show resolved Hide resolved

MananTank requested changes Jul 7, 2025

View reviewed changes

MananTank and others added 9 commits July 7, 2025 14:15

[Docs] Wallets Overview (#7543)

2136c7b

[SDK] Use new BuyWidget in wallet details modal (#7551)

c644463

[SDK] Respect fee payer in token payment selection quotes (#7556)

10c3b6f

chore(deps): bump zod from 3.25.71 to 3.25.75 (#7552)

afcb7bb

Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

feat: add T-Rex testnet chain (#7540)

415ad90

Version Packages (#7555)

adfa56b

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

feat: webhook analytics tab

42f6d84

Merge remote-tracking branch 'origin/main' into ph/07-04-feat_webhook…

f054236

…_analytics_tab

arcoraven force-pushed the ph/07-04-feat_webhook_analytics_tab branch from cecffcc to f054236 Compare July 8, 2025 16:15

arcoraven requested review from jnsdls and joaquim-verges as code owners July 8, 2025 16:15

github-actions bot added Playground Changes involving the Playground codebase. Portal Involves changes to the Portal (docs) codebase. packages Ecosystem Portal Involves changes to the Ecosystem Portal SDK Involves changes to the thirdweb SDK labels Jul 8, 2025

vercel bot deployed to Preview – thirdweb_playground July 8, 2025 16:16 View deployment

vercel bot deployed to Preview – wallet-ui July 8, 2025 16:17 View deployment

vercel bot deployed to Preview – docs-v2 July 8, 2025 16:17 View deployment

vercel bot deployed to Preview – nebula July 8, 2025 16:17 View deployment

vercel bot deployed to Preview – thirdweb-www July 8, 2025 16:24 View deployment

arcoraven changed the base branch from ph/07-02-feat_webhooks_list_in_dashboard to graphite-base/7528 July 9, 2025 14:56

arcoraven closed this Jul 9, 2025

arcoraven deleted the ph/07-04-feat_webhook_analytics_tab branch July 9, 2025 15:06

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat: webhook analytics tab #7528

feat: webhook analytics tab #7528

arcoraven commented Jul 4, 2025 •

edited by pr-codex bot

Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

MananTank left a comment

Uh oh!

socket-security bot commented Jul 8, 2025

Uh oh!

Uh oh!

feat: webhook analytics tab #7528

feat: webhook analytics tab #7528

Conversation

arcoraven commented Jul 4, 2025 • edited by pr-codex bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR-Codex overview

Detailed summary

Uh oh!

Uh oh!

Uh oh!

Uh oh!

MananTank left a comment

Choose a reason for hiding this comment

Uh oh!

socket-security bot commented Jul 8, 2025

Uh oh!

Uh oh!

arcoraven commented Jul 4, 2025 •

edited by pr-codex bot

Loading