From 33f5b36e61d7110a10b1776d706a12e21de53051 Mon Sep 17 00:00:00 2001
From: Pete Petrash <pete.petrash@gmail.com>
Date: Tue, 17 Mar 2026 09:40:33 -0700
Subject: [PATCH 1/2] fix(home): restore showcase carousel and fix entrance
 animation clipping
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reverts the homepage from the live DemoChat (with "Try Tool UI" buttons)
back to the original ChatShowcase carousel. Removes the "Create your own
Tool UI" CTA that linked to the broken builder. Fixes the faux chat shell
entrance animation being clipped by the nav bar — caused by overflow-hidden
being re-added to the ContentLayout wrapper in 4546c247, undoing the
intentional fix from c992a96a.

Closes #151
---
 .../home/faux-chat-shell-animated.tsx         |  2 +-
 apps/www/app/components/home/home-hero.tsx    | 28 ++-----------------
 apps/www/app/components/layout/page-shell.tsx |  4 +--
 3 files changed, 4 insertions(+), 30 deletions(-)

diff --git a/apps/www/app/components/home/faux-chat-shell-animated.tsx b/apps/www/app/components/home/faux-chat-shell-animated.tsx
index b50cb2cc..9f9690b5 100644
--- a/apps/www/app/components/home/faux-chat-shell-animated.tsx
+++ b/apps/www/app/components/home/faux-chat-shell-animated.tsx
@@ -113,7 +113,7 @@ export function FauxChatShellAnimated() {
           transformOrigin: `${originX}% ${originY}%`,
         }}
       >
-        <FauxChatShellNoLightOverlay live />
+        <FauxChatShellNoLightOverlay />
 
         {/* Lighting overlay - fades in from 0 to full opacity */}
         <motion.div
diff --git a/apps/www/app/components/home/home-hero.tsx b/apps/www/app/components/home/home-hero.tsx
index 1511043e..111367bd 100644
--- a/apps/www/app/components/home/home-hero.tsx
+++ b/apps/www/app/components/home/home-hero.tsx
@@ -21,9 +21,6 @@ export function HomeHero() {
   const preloadGallery = () => {
     void router.prefetch("/docs/gallery");
   };
-  const preloadBuilder = () => {
-    void router.prefetch("/builder");
-  };
 
   return (
     <div className="flex flex-col gap-7">
@@ -66,7 +63,6 @@ export function HomeHero() {
         Built on Tailwind, Radix, and shadcn/ui. Open Source.
       </motion.p>
       <motion.div
-        className="flex flex-wrap items-center gap-3"
         initial={{ opacity: 0, y: 20, scale: 0.98 }}
         animate={{ opacity: 1, y: 0, scale: 1 }}
         transition={{ ...smoothSpring, delay: 0.5 }}
@@ -82,28 +78,8 @@ export function HomeHero() {
             onFocus={preloadGallery}
             onClick={() => analytics.cta.clicked("see_components", "home_hero")}
           >
-            View Component Gallery
-          </Link>
-        </Button>
-        <Button
-          asChild
-          variant="outline"
-          className="group border-2 font-medium tracking-wide"
-          size="homeCTA"
-        >
-          <Link
-            href="/builder"
-            onMouseEnter={preloadBuilder}
-            onFocus={preloadBuilder}
-            onClick={() =>
-              analytics.cta.clicked("create_tool_ui", "home_hero")
-            }
-          >
-            Create your own Tool UI
-            <ArrowRight
-              className="size-5 transition-transform group-hover:translate-x-0.5"
-              aria-hidden
-            />
+            See the Components
+            <ArrowRight className="size-5 shrink-0 transition-transform group-hover:translate-x-1" />
           </Link>
         </Button>
       </motion.div>
diff --git a/apps/www/app/components/layout/page-shell.tsx b/apps/www/app/components/layout/page-shell.tsx
index 38e15c2e..3aa32001 100644
--- a/apps/www/app/components/layout/page-shell.tsx
+++ b/apps/www/app/components/layout/page-shell.tsx
@@ -26,9 +26,7 @@ export default function ContentLayout({
           />
         </div>
       ) : null}
-      <div className="flex min-h-0 min-w-0 w-full flex-1 overflow-hidden">
-        {children}
-      </div>
+      <div className="flex min-h-0 min-w-0 w-full flex-1">{children}</div>
     </div>
   );
 }

From eddf2eeea401f1daa5203c4493d6ae5e23df64e8 Mon Sep 17 00:00:00 2001
From: Pete Petrash <pete.petrash@gmail.com>
Date: Tue, 17 Mar 2026 09:49:57 -0700
Subject: [PATCH 2/2] style: fix oxfmt formatting in component-preview-shell

---
 apps/www/app/docs/_components/component-preview-shell.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/apps/www/app/docs/_components/component-preview-shell.tsx b/apps/www/app/docs/_components/component-preview-shell.tsx
index 9901ea36..a6102f79 100644
--- a/apps/www/app/docs/_components/component-preview-shell.tsx
+++ b/apps/www/app/docs/_components/component-preview-shell.tsx
@@ -202,10 +202,7 @@ export function ComponentPreviewShell({
       <div className="relative flex min-h-0 min-w-0 flex-1 flex-col">
         {/* Install commands - above the gray preview, in main column only */}
         <div className="shrink-0 border-b px-4 py-3 sm:px-6 lg:px-6">
-          <InstallCommandBlock
-            componentId={componentId}
-            variant="block"
-          />
+          <InstallCommandBlock componentId={componentId} variant="block" />
         </div>
 
         {/* Mobile toolbar */}