feat: migrate to api_pro billing and add credits-based usage display

apps/web/app/(auth)/login/new/page.tsx

@@ -2,7 +2,7 @@
 
 import { signIn } from "@lib/auth"
 import { usePostHog } from "@lib/posthog"
-import { TextSeparator } from "@repo/ui/components/text-separator"
+import { TextSeparator } from "@ui/components/text-separator"
 import { ExternalAuthButton } from "@ui/button/external-auth"
 import { Button } from "@ui/components/button"
 import { Badge } from "@ui/components/badge"

apps/web/app/(navigation)/layout.tsx

@@ -15,7 +15,7 @@ export default function NavigationLayout({
 	const [showAddMemoryView, setShowAddMemoryView] = useState(false)
 	const pathname = usePathname()
 	const router = useRouter()
-	const flagEnabled = useFeatureFlagEnabled("nova-alpha-access")
+	const flagEnabled = true
 
 	useEffect(() => {
 		if (flagEnabled && !pathname.includes("/new")) {

apps/web/app/(navigation)/page.tsx

@@ -16,7 +16,7 @@ import { useFeatureFlagEnabled } from "posthog-js/react"
 export default function Page() {
 	const { user, session } = useAuth()
 	const router = useRouter()
-	const flagEnabled = useFeatureFlagEnabled("nova-alpha-access")
+	const flagEnabled = true
 
 	// TODO: remove this flow after the feature flag is removed
 	// Old app: localStorage-backed onboarding

apps/web/app/new/layout.tsx

@@ -7,7 +7,7 @@ import { MobileBanner } from "@/components/new/mobile-banner"
 
 export default function NewLayout({ children }: { children: React.ReactNode }) {
 	const router = useRouter()
-	const flagEnabled = useFeatureFlagEnabled("nova-alpha-access")
+	const flagEnabled = true
 
 	useEffect(() => {
 		if (!flagEnabled) {

apps/web/components/menu.tsx

@@ -1,10 +1,7 @@
 "use client"
 
 import { useIsMobile } from "@hooks/use-mobile"
-import {
-	fetchConsumerProProduct,
-	fetchMemoriesFeature,
-} from "@repo/lib/queries"
+import { fetchApiProProduct, fetchMemoriesFeature } from "@repo/lib/queries"
 import { Button } from "@repo/ui/components/button"
 import { ConnectAIModal } from "./connect-ai-modal"
 import { HeadingH2Bold } from "@repo/ui/text/heading/heading-h2-bold"
@@ -74,7 +71,7 @@ function Menu({ id }: { id?: string }) {
 	const memoriesUsed = memoriesCheck?.usage ?? 0
 	const memoriesLimit = memoriesCheck?.included_usage ?? 0
 
-	const { data: proCheck } = fetchConsumerProProduct(autumn)
+	const { data: proCheck } = fetchApiProProduct(autumn)
 
 	useEffect(() => {
 		if (memoriesCheck) {

apps/web/components/new/add-document/connections.tsx

@@ -59,9 +59,8 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
 	useEffect(() => {
 		if (!autumn.isLoading) {
 			setIsProUser(
-				autumn.customer?.products.some(
-					(product) => product.id === "consumer_pro",
-				) ?? false,
+				autumn.customer?.products.some((product) => product.id === "api_pro") ??
+					false,
 			)
 		}
 	}, [autumn.isLoading, autumn.customer])
@@ -70,7 +69,7 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
 		setIsUpgrading(true)
 		try {
 			await autumn.attach({
-				productId: "consumer_pro",
+				productId: "api_pro",
 				successUrl: window.location.href,
 			})
 		} catch (error) {