refactor(shell-docs): align analytics surface with upstream LCP trim

samjulien · samjulien · commit 68c997b066dc · 2026-05-06T15:32:33.000-07:00
Mirrors upstream CopilotKit#4646 in two changes from the same PR: - Drop the duplicate useRB2B hook in favor of the canonical <Script id="reb2b-script"> in app/layout.tsx (gated on REB2B_KEY). Env var renames from NEXT_PUBLIC_RB2B_ID (the hook's name) to NEXT_PUBLIC_REB2B_KEY (upstream's canonical name) — deployment ops will need updating. - Set capture_dead_clicks: false on PostHog init so the dead-clicks-autocapture.js bundle isn't pulled in on the critical path.
diff --git a/showcase/shell-docs/src/app/layout.tsx b/showcase/shell-docs/src/app/layout.tsx
@@ -83,6 +83,7 @@ export default function RootLayout({
         : rawSha.slice(0, 7);
 
   const REO_KEY = process.env.NEXT_PUBLIC_REO_KEY;
+  const REB2B_KEY = process.env.NEXT_PUBLIC_REB2B_KEY;
 
   return (
     <html
@@ -119,6 +120,13 @@ export default function RootLayout({
           async
           defer
         />
+        {REB2B_KEY ? (
+          <Script
+            id="reb2b-script"
+            strategy="afterInteractive"
+            src={`https://b2bjsstore.s3.us-west-2.amazonaws.com/b/${REB2B_KEY}/${REB2B_KEY}.js.gz`}
+          />
+        ) : null}
       </head>
       <body className="min-h-screen">
         <AnalyticsClient />
diff --git a/showcase/shell-docs/src/components/analytics-client.tsx b/showcase/shell-docs/src/components/analytics-client.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { useGoogleAnalytics } from "@/lib/hooks/use-google-analytics";
-import { useRB2B } from "@/lib/hooks/use-rb2b";
 import { CopyTracker } from "@/lib/providers/copy-tracker";
 
 /**
@@ -12,7 +11,6 @@ import { CopyTracker } from "@/lib/providers/copy-tracker";
  * pattern: one client boundary, all hooks together.
  */
 export function AnalyticsClient() {
-  useRB2B();
   useGoogleAnalytics();
   return <CopyTracker />;
 }
diff --git a/showcase/shell-docs/src/lib/hooks/use-rb2b.tsx b/showcase/shell-docs/src/lib/hooks/use-rb2b.tsx
diff --git a/showcase/shell-docs/src/lib/providers/posthog-provider.tsx b/showcase/shell-docs/src/lib/providers/posthog-provider.tsx
@@ -115,6 +115,8 @@ export function PostHogProvider({ children }: { children: React.ReactNode }) {
             : undefined,
           // Disable automatic pageview capture (we do it manually)
           capture_pageview: false,
+          // Skip dead-clicks-autocapture.js to trim LCP analytics surface
+          capture_dead_clicks: false,
           // Reduce network requests by batching
           request_batching: true,
           // Don't enable debug mode - it causes too much logging
