From 4faadbf16627afd70b73ce2db6b03ef4dbf6738d Mon Sep 17 00:00:00 2001
From: Travis Fischer <fisch0920@gmail.com>
Date: Tue, 1 Jul 2025 14:25:44 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../marketplace-public-project-detail.tsx     | 23 +++++++++++++++----
 .../src/components/code-block/highlight.ts    |  5 +++-
 apps/web/src/lib/developer-config.ts          |  6 ++---
 3 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/app/marketplace/projects/[namespace]/[project-slug]/marketplace-public-project-detail.tsx b/apps/web/src/app/marketplace/projects/[namespace]/[project-slug]/marketplace-public-project-detail.tsx
index c7268ee6..ddc72197 100644
--- a/apps/web/src/app/marketplace/projects/[namespace]/[project-slug]/marketplace-public-project-detail.tsx
+++ b/apps/web/src/app/marketplace/projects/[namespace]/[project-slug]/marketplace-public-project-detail.tsx
@@ -8,6 +8,7 @@ import { useRouter, useSearchParams } from 'next/navigation'
 import plur from 'plur'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 
+import { ActiveLink } from '@/components/active-link'
 import { useAgentic } from '@/components/agentic-provider'
 import { ExampleUsage } from '@/components/example-usage'
 import { HeroButton } from '@/components/hero-button'
@@ -195,7 +196,7 @@ export function MarketplacePublicProjectDetail({
           <p>Project "{projectIdentifier}" not found</p>
         ) : (
           <div className='flex flex-col gap-4 w-full'>
-            <ProjectHeader project={project} />
+            <ProjectHeader project={project} tab={inferredTab} />
 
             <Tabs
               value={inferredTab}
@@ -446,7 +447,13 @@ export function MarketplacePublicProjectDetail({
   )
 }
 
-function ProjectHeader({ project }: { project: Project }) {
+function ProjectHeader({
+  project,
+  tab
+}: {
+  project: Project
+  tab?: MarketplacePublicProjectDetailTab
+}) {
   return (
     <div className='flex flex-col gap-2'>
       <div className='w-full flex flex-row gap-2.5 items-center'>
@@ -464,10 +471,16 @@ function ProjectHeader({ project }: { project: Project }) {
           {project.name}
         </h1>
 
-        <HeroButton heroVariant='orange' className='justify-self-end'>
-          <Link href={`/marketplace/projects/${project.identifier}/pricing`}>
+        <HeroButton
+          heroVariant='orange'
+          className='justify-self-end'
+          disabled={tab === 'pricing'}
+        >
+          <ActiveLink
+            href={`/marketplace/projects/${project.identifier}/pricing`}
+          >
             Subscribe to {project.identifier}
-          </Link>
+          </ActiveLink>
         </HeroButton>
       </div>
 
diff --git a/apps/web/src/components/code-block/highlight.ts b/apps/web/src/components/code-block/highlight.ts
index 0d94a1c9..937ae2d4 100644
--- a/apps/web/src/components/code-block/highlight.ts
+++ b/apps/web/src/components/code-block/highlight.ts
@@ -18,7 +18,10 @@ export async function highlight({
   theme?: string
   className?: string
 }): Promise<JSX.Element> {
-  className = cn('w-full text-wrap p-2 md:p-4 text-sm rounded-sm', className)
+  className = cn(
+    'w-full text-wrap p-2 md:p-4 text-sm rounded-sm overflow-x-auto',
+    className
+  )
 
   const hast = await codeToHast(code, {
     lang,
diff --git a/apps/web/src/lib/developer-config.ts b/apps/web/src/lib/developer-config.ts
index 6766faa8..d12da764 100644
--- a/apps/web/src/lib/developer-config.ts
+++ b/apps/web/src/lib/developer-config.ts
@@ -324,9 +324,9 @@ const searchTool = await AgenticToolClient.fromIdentifier('${identifier}')
 
 const exampleAgent = new Agent({
   name: 'Example Agent',
-  model: openai('gpt-4o-mini') as any,
-  instructions: '${systemPrompt}',
-  tools: createMastraTools(searchTool)
+  model: openai('gpt-4o-mini'),
+  tools: createMastraTools(searchTool),
+  instructions: '${systemPrompt}'
 })
 
 const res = await exampleAgent.generate(