feat(sub v3): New Usage Overview #101122

isabellaenriquez · 2025-10-07T21:32:49Z

This introduces the new table. A follow up PR will handle implementing the new flyouts.

with billing perms:

without billing perms:

linear · 2025-10-07T21:32:52Z

BIL-1221 Create new usage table rows

codecov · 2025-10-07T21:38:02Z

❌ 1 Tests Failed:

Tests completed	Failed	Passed	Skipped
12144	1	12143	10

View the top 1 failed test(s) by shortest run time

Subscription > Overview renders for new billing UI

Stack Traces | 0.354s run time

Error: Expected test not to call console.error().

If the error is expected, test for it explicitly by mocking it out using jest.spyOn(console, 'error').mockImplementation() and test that the warning occurs.



Error: No mocked response found for request: GET .../customers/org-slug/history/
    at invokeTheCallbackFunction (.../sentry/node_modules/.pnpm/jsdom@26.1..../living/generated/Function.js:19:26)
    at console.captureMessage [as error] (.../sentry/node_modules/.pnpm/jest-fail-on-console@3.3..../node_modules/jest-fail-on-console/index.js:83:25)
    at Object.error (.../app/__mocks__/api.tsx:78:15)
    at Promise.finally.completed (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:1559:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:1499:10)
    at _callCircusHook (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:978:40)
    at runNextTicks (node:internal/process/task_queues:65:5)
    at processTimers (node:internal/timers:520:9)
    at _runTest (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:951:5)
    at _runTestsForDescribeBlock (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:839:13)
    at _runTestsForDescribeBlock (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:829:11)
    at run (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:757:3)
    at runAndTransformResultsToJestFormat (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:1920:21)
    at jestAdapter (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/runner.js:101:19)
    at runTestInternal (.../sentry/node_modules/.pnpm/jest-runner@30.0..../jest-runner/build/testWorker.js:272:16)
    at runTest (.../sentry/node_modules/.pnpm/jest-runner@30.0..../jest-runner/build/testWorker.js:340:7)
    at Object.worker (.../sentry/node_modules/.pnpm/jest-runner@30.0..../jest-runner/build/testWorker.js:494:12)
    at flushUnexpectedConsoleCalls (.../sentry/node_modules/.pnpm/jest-fail-on-console@3.3..../node_modules/jest-fail-on-console/index.js:48:13)
    at Object.<anonymous> (.../sentry/node_modules/.pnpm/jest-fail-on-console@3.3..../node_modules/jest-fail-on-console/index.js:145:7)
    at Promise.finally.completed (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:1559:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:1499:10)
    at _callCircusHook (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:978:40)
    at runNextTicks (node:internal/process/task_queues:65:5)
    at processTimers (node:internal/timers:520:9)
    at _runTest (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:951:5)
    at _runTestsForDescribeBlock (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:839:13)
    at _runTestsForDescribeBlock (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:829:11)
    at run (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:757:3)
    at runAndTransformResultsToJestFormat (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/jestAdapterInit.js:1920:21)
    at jestAdapter (.../sentry/node_modules/.pnpm/jest-circus@30.0.4_babel-plugin-macros@3.1..../jest-circus/build/runner.js:101:19)
    at runTestInternal (.../sentry/node_modules/.pnpm/jest-runner@30.0..../jest-runner/build/testWorker.js:272:16)
    at runTest (.../sentry/node_modules/.pnpm/jest-runner@30.0..../jest-runner/build/testWorker.js:340:7)
    at Object.worker (.../sentry/node_modules/.pnpm/jest-runner@30.0..../jest-runner/build/testWorker.js:494:12)

To view more test analytics, go to the Test Analytics Dashboard
_{📋 Got 3 mins? Take this short survey to help us improve Test Analytics.}

brendanhsentry

lgtm, but had a question

brendanhsentry · 2025-10-08T17:44:23Z

static/gsApp/components/productTrial/productTrialTag.tsx


  const daysLeft = -1 * getDaysSinceDate(trial.endDate ?? '');
-  const tagType = type ?? (daysLeft <= 7 ? 'promotion' : 'highlight');
+  const tagType = type ?? (daysLeft <= 14 ? 'warning' : 'highlight');


will we ever have a highlight tag type? since product trials are 14 days and we return above if it hasn't been started or ended already

mb i accidentally changed this to 14 💀

cursor · 2025-10-08T20:20:28Z

static/gsApp/views/subscriptionPage/usageOverview.tsx

+                    >
+                      <Flex align="center" gap="sm">
+                        <IconLightning size="xs" />
+                        <Container>{t('Start 14 day free trial')}</Container>


Bug: Dynamic Trial Duration Not Reflected

The trial duration is hardcoded as "14 day" in both the button text and its aria-label. Trial lengths can vary by product, so this should dynamically use the actual trial duration from the productTrial data to ensure correct messaging.

isabellaenriquez added 9 commits September 12, 2025 09:56

feat(checkout v3): New Usage Overview

394c591

Merge branch 'master' into isabella/bil-1221

fad2715

big changes

7b675f2

some updates

2adc071

more cleanup

94f2ca5

Merge branch 'master' into isabella/bil-1221

db45fbd

some improvements

40c052f

save

54e46ff

use grideditable

b247ee9

isabellaenriquez changed the title ~~feat(checkout v3): New Usage Overview~~ feat(sub v3): New Usage Overview Oct 7, 2025

github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Oct 7, 2025

vercel bot deployed to Preview October 7, 2025 21:37 View deployment

initial cleanup

6b0f0f1

vercel bot deployed to Preview October 7, 2025 21:41 View deployment

handle resizing + show non-billing

159f33c

vercel bot deployed to Preview October 8, 2025 16:55 View deployment

isabellaenriquez added 4 commits October 8, 2025 13:20

tests + billing perms

a18a6c1

adjust initial columns widths

6270a23

Merge branch 'master' into isabella/bil-1221

1360b61

fix bad merge

eeebb88

isabellaenriquez marked this pull request as ready for review October 8, 2025 17:26

isabellaenriquez requested a review from a team as a code owner October 8, 2025 17:26

This comment was marked as outdated.

Sign in to view

vercel bot deployed to Preview October 8, 2025 17:28 View deployment

improve memoized value + change stale time on history

759b936

vercel bot deployed to Preview October 8, 2025 17:36 View deployment

This comment was marked as outdated.

Sign in to view

lol

63eec5b

rm dead code

08fb01a

vercel bot deployed to Preview October 8, 2025 17:41 View deployment

brendanhsentry approved these changes Oct 8, 2025

View reviewed changes

isabellaenriquez added 2 commits October 8, 2025 16:17

fix test

fbb130f

mb

4d908f7

cursor bot reviewed Oct 8, 2025

View reviewed changes

vercel bot deployed to Preview October 8, 2025 20:21 View deployment

isabellaenriquez merged commit 0d753db into master Oct 8, 2025
46 checks passed

isabellaenriquez deleted the isabella/bil-1221 branch October 8, 2025 20:48

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

feat(sub v3): New Usage Overview #101122

feat(sub v3): New Usage Overview #101122

isabellaenriquez commented Oct 7, 2025 •

edited

Loading

Uh oh!

linear bot commented Oct 7, 2025

Uh oh!

codecov bot commented Oct 7, 2025 •

edited

Loading

Uh oh!

This comment was marked as outdated.

Uh oh!

This comment was marked as outdated.

Uh oh!

brendanhsentry left a comment

Uh oh!

brendanhsentry Oct 8, 2025

Uh oh!

isabellaenriquez Oct 8, 2025

Uh oh!

cursor bot Oct 8, 2025

Uh oh!

isabellaenriquez Oct 8, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

feat(sub v3): New Usage Overview #101122

feat(sub v3): New Usage Overview #101122

Conversation

isabellaenriquez commented Oct 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

linear bot commented Oct 7, 2025

Uh oh!

codecov bot commented Oct 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

❌ 1 Tests Failed:

Uh oh!

This comment was marked as outdated.

Uh oh!

This comment was marked as outdated.

Uh oh!

brendanhsentry left a comment

Choose a reason for hiding this comment

Uh oh!

brendanhsentry Oct 8, 2025

Choose a reason for hiding this comment

Uh oh!

isabellaenriquez Oct 8, 2025

Choose a reason for hiding this comment

Uh oh!

cursor bot Oct 8, 2025

Choose a reason for hiding this comment

Bug: Dynamic Trial Duration Not Reflected

Uh oh!

isabellaenriquez Oct 8, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

isabellaenriquez commented Oct 7, 2025 •

edited

Loading

codecov bot commented Oct 7, 2025 •

edited

Loading