fix: avoid duplicate billing portal link (#330)

* fix: avoid duplicate billing portal link
* fix: improve DataTable API

apps/dev-tool/package.json

@@ -8,12 +8,12 @@
     "format": "prettier --check --write \"**/*.{js,cjs,mjs,ts,tsx,md,json}\""
   },
   "dependencies": {
-    "@ai-sdk/openai": "^2.0.19",
+    "@ai-sdk/openai": "^2.0.20",
     "@faker-js/faker": "^9.9.0",
     "@hookform/resolvers": "^5.2.1",
     "@tanstack/react-query": "5.85.5",
-    "ai": "5.0.21",
-    "lucide-react": "^0.540.0",
+    "ai": "5.0.23",
+    "lucide-react": "^0.541.0",
     "next": "15.5.0",
     "nodemailer": "^7.0.5",
     "react": "19.1.1",
@@ -30,7 +30,7 @@
     "@tailwindcss/postcss": "^4.1.12",
     "@types/node": "^24.3.0",
     "@types/nodemailer": "7.0.1",
-    "@types/react": "19.1.10",
+    "@types/react": "19.1.11",
     "@types/react-dom": "19.1.7",
     "babel-plugin-react-compiler": "19.1.0-rc.2",
     "pino-pretty": "13.0.0",

apps/e2e/playwright.config.ts

@@ -62,13 +62,13 @@ export default defineConfig({
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on-first-retry',
-    navigationTimeout: 15_000,
+    navigationTimeout: 15 * 1000,
   },
   // test timeout set to 2 minutes
   timeout: 120 * 1000,
   expect: {
-    // expect timeout set to 5 seconds
-    timeout: 5 * 1000,
+    // expect timeout set to 10 seconds
+    timeout: 10 * 1000,
   },
   /* Configure projects for major browsers */
   projects: [

apps/e2e/tests/admin/admin.spec.ts

@@ -388,11 +388,15 @@ async function filterAccounts(page: Page, email: string) {
     .fill(email);
 
   await page.keyboard.press('Enter');
-  await page.waitForTimeout(250);
+  await page.waitForTimeout(500);
 }
 
 async function selectAccount(page: Page, email: string) {
-  await page.getByRole('link', { name: email.split('@')[0] }).click();
+  await page
+    .locator('tr', { hasText: email.split('@')[0] })
+    .locator('a')
+    .click();
+
   await page.waitForURL(new RegExp(`/admin/accounts/[a-z0-9-]+`));
   await page.waitForTimeout(500);
 }

apps/web/app/home/(user)/billing/page.tsx

@@ -60,15 +60,14 @@ async function PersonalAccountBillingPage() {
 
       <PageBody>
         <div className={'flex flex-col space-y-4'}>
-          <If condition={!hasBillingData}>
-            <PersonalAccountCheckoutForm customerId={customerId} />
-
-            <If condition={customerId}>
-              <CustomerBillingPortalForm />
-            </If>
-          </If>
-
-          <If condition={hasBillingData}>
+          <If
+            condition={hasBillingData}
+            fallback={
+              <>
+                <PersonalAccountCheckoutForm customerId={customerId} />
+              </>
+            }
+          >
             <div className={'flex w-full max-w-2xl flex-col space-y-6'}>
               <If condition={subscription}>
                 {(subscription) => {

apps/web/package.json

@@ -60,14 +60,14 @@
     "@tanstack/react-query": "5.85.5",
     "@tanstack/react-table": "^8.21.3",
     "date-fns": "^4.1.0",
-    "lucide-react": "^0.540.0",
+    "lucide-react": "^0.541.0",
     "next": "15.5.0",
     "next-sitemap": "^4.2.3",
     "next-themes": "0.4.6",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "react-hook-form": "^7.62.0",
-    "react-i18next": "^15.7.1",
+    "react-i18next": "^15.7.2",
     "recharts": "2.15.3",
     "tailwind-merge": "^3.3.1",
     "zod": "^3.25.74"
@@ -79,10 +79,10 @@
     "@next/bundle-analyzer": "15.5.0",
     "@tailwindcss/postcss": "^4.1.12",
     "@types/node": "^24.3.0",
-    "@types/react": "19.1.10",
+    "@types/react": "19.1.11",
     "@types/react-dom": "19.1.7",
     "babel-plugin-react-compiler": "19.1.0-rc.2",
-    "cssnano": "^7.1.0",
+    "cssnano": "^7.1.1",
     "pino-pretty": "13.0.0",
     "prettier": "^3.6.2",
     "supabase": "2.34.0",

apps/web/public/locales/en/common.json

@@ -45,6 +45,7 @@
   "skip": "Skip",
   "signedInAs": "Signed in as",
   "pageOfPages": "Page {{page}} of {{total}}",
+  "showingRecordCount": "Showing {{pageSize}} of {{totalCount}} rows",
   "noData": "No data available",
   "pageNotFoundHeading": "Ouch! :|",
   "errorPageHeading": "Ouch! :|",