chore: upgrade storybook

packages/site/.storybook/main.ts

@@ -1,4 +1,4 @@
-import type { StorybookConfig } from "@storybook/experimental-nextjs-vite";
+import type { StorybookConfig } from "@storybook/nextjs-vite";
 import fs from "fs";
 import path from "path";
 import { fileURLToPath } from "url";
@@ -11,7 +11,7 @@ const config: StorybookConfig = {
     experimentalRSC: true,
   },
   framework: {
-    name: "@storybook/experimental-nextjs-vite",
+    name: "@storybook/nextjs-vite",
     options: {},
   },
   viteFinal: async (config) => {

packages/site/app/(app)/[organization]/[agent]/page.stories.tsx

@@ -2,7 +2,7 @@ import { withFetch } from "@/.storybook/utils";
 import Layout from "@/app/(app)/layout";
 import { getQuerier } from "@/lib/database.mock";
 import type { Meta, StoryObj } from "@storybook/react";
-import { mocked } from "@storybook/test";
+import { mocked } from "storybook/test";
 import { SessionProvider } from "next-auth/react";
 import OrganizationLayout from "../layout";
 import AgentLayout from "./layout";

packages/site/app/(app)/[organization]/page.stories.tsx

@@ -1,7 +1,7 @@
 import Layout from "@/app/(app)/layout";
 import { getQuerier } from "@/lib/database.mock";
 import type { Meta, StoryObj } from "@storybook/react";
-import { mocked } from "@storybook/test";
+import { mocked } from "storybook/test";
 import { SessionProvider } from "next-auth/react";
 import OrganizationLayout from "./layout";
 import OrganizationPage from "./page";

packages/site/app/(auth)/auth.mock.ts

@@ -2,7 +2,7 @@ import type {
   Organization,
   OrganizationMembership,
 } from "@blink.so/database/schema";
-import { fn } from "@storybook/test";
+import { fn } from "storybook/test";
 import type { Session } from "next-auth";
 
 export const auth = fn(async (): Promise<Session | null> => {

packages/site/app/(public)/email-verification/page.stories.tsx

@@ -1,6 +1,6 @@
 import { emailVerificationTokenCookieName } from "@/app/(auth)/auth";
 import Layout from "@/app/(public)/layout";
-import { cookies } from "@storybook/experimental-nextjs-vite/headers.mock";
+import { cookies } from "@storybook/nextjs-vite/headers.mock";
 import type { Meta, StoryObj } from "@storybook/react";
 import EmailVerificationPage from "./page";
 

packages/site/app/(public)/login/page.stories.tsx

@@ -1,7 +1,7 @@
 import Layout from "@/app/(public)/layout";
-import { cookies } from "@storybook/experimental-nextjs-vite/headers.mock";
+import { cookies } from "@storybook/nextjs-vite/headers.mock";
 import type { Meta, StoryObj } from "@storybook/react";
-import { mocked } from "@storybook/test";
+import { mocked } from "storybook/test";
 import LoginPage from "./page";
 
 const meta: Meta<typeof LoginPage> = {

packages/site/app/(public)/login/page.tsx

@@ -12,13 +12,13 @@ export const metadata: Metadata = {
 };
 
 interface LoginPageProps {
-  searchParams: {
+  searchParams: Promise<{
     error?: string;
     waitlist?: string;
     callbackUrl?: string;
     redirect?: string;
     reset?: string;
-  };
+  }>;
 }
 
 export default async function LoginPage({ searchParams }: LoginPageProps) {

packages/site/app/(public)/reset-password/new/page.stories.tsx

@@ -1,6 +1,6 @@
 import { passwordResetVerifiedCookieName } from "@/app/(auth)/auth";
 import Layout from "@/app/(public)/layout";
-import { cookies } from "@storybook/experimental-nextjs-vite/headers.mock";
+import { cookies } from "@storybook/nextjs-vite/headers.mock";
 import type { Meta, StoryObj } from "@storybook/react";
 import ResetPasswordNewPage from "./page";
 

packages/site/app/(public)/reset-password/verify/page.stories.tsx

@@ -1,6 +1,6 @@
 import { emailVerificationTokenCookieName } from "@/app/(auth)/auth";
 import Layout from "@/app/(public)/layout";
-import { cookies } from "@storybook/experimental-nextjs-vite/headers.mock";
+import { cookies } from "@storybook/nextjs-vite/headers.mock";
 import type { Meta, StoryObj } from "@storybook/react";
 import ResetVerificationPage from "./page";
 

packages/site/app/invite/[token]/page.stories.tsx

@@ -2,7 +2,7 @@ import { auth, fakeTeam } from "@/app/(auth)/auth.mock";
 import Layout from "@/app/layout";
 import { getQuerier } from "@/lib/database.mock";
 import type { Meta, StoryObj } from "@storybook/react";
-import { mocked } from "@storybook/test";
+import { mocked } from "storybook/test";
 import InvitePage from "./page";
 
 const meta: Meta = {

packages/site/lib/database.mock.ts

@@ -1,5 +1,5 @@
 import type Querier from "@blink.so/database/querier";
-import { fn } from "@storybook/test";
+import { fn } from "storybook/test";
 
 // Helpers for generating simple mock usage data
 const makeDaily = (days: number) => {

packages/site/package.json

@@ -22,6 +22,7 @@
     "typescript": "^5"
   },
   "devDependencies": {
+    "@cloudflare/workers-types": "^4.20251211.0",
     "@lexical/react": "^0.32.1",
     "@lexical/utils": "^0.32.1",
     "@next/bundle-analyzer": "^15.5.3",
@@ -34,9 +35,8 @@
     "@radix-ui/react-tabs": "^1.1.12",
     "@radix-ui/react-tooltip": "^1.2.6",
     "@remixicon/react": "^4.6.0",
-    "@storybook/experimental-nextjs-vite": "^8.6.14",
-    "@storybook/react": "8.6.14",
-    "@storybook/test": "8.6.14",
+    "@storybook/nextjs-vite": "^9.1.16",
+    "@storybook/react": "^9.1.16",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/postcss": "^4.1.13",
     "@tailwindcss/typography": "^0.5.16",
@@ -72,7 +72,7 @@
     "rehype-sanitize": "^6.0.0",
     "remark-gfm": "^4.0.1",
     "sonner": "^2.0.3",
-    "storybook": "8.6.14",
+    "storybook": "^9.1.16",
     "stripe": "^18.2.1",
     "swr": "^2.3.3",
     "tailwind-merge": "^3.2.0",