diff --git a/apps/www/app/docs/_components/component-preview-shell.tsx b/apps/www/app/docs/_components/component-preview-shell.tsx
index a6102f79..f305c788 100644
--- a/apps/www/app/docs/_components/component-preview-shell.tsx
+++ b/apps/www/app/docs/_components/component-preview-shell.tsx
@@ -10,7 +10,6 @@ import { cn } from "@/lib/ui/cn";
import { useResponsivePreview } from "@/hooks/use-responsive-preview";
import { useTabSearchParam } from "@/hooks/use-tab-search-param";
import { useCopyToClipboard } from "@/components/tool-ui/shared";
-import { InstallCommandBlock } from "./install-command-block";
import { analytics } from "@/lib/analytics";
const PREVIEW_MIN_WIDTH = 40;
@@ -200,11 +199,6 @@ export function ComponentPreviewShell({
{/* Main content area */}
- {/* Install commands - above the gray preview, in main column only */}
-
-
-
-
{/* Mobile toolbar */}
{sidebar}
diff --git a/apps/www/lib/tests/tool-ui/docs/component-preview-shell.test.tsx b/apps/www/lib/tests/tool-ui/docs/component-preview-shell.test.tsx
new file mode 100644
index 00000000..d70bc151
--- /dev/null
+++ b/apps/www/lib/tests/tool-ui/docs/component-preview-shell.test.tsx
@@ -0,0 +1,25 @@
+// @vitest-environment jsdom
+
+import { render, screen } from "@testing-library/react";
+import { describe, expect, test } from "vitest";
+
+import { ComponentPreviewShell } from "@/app/docs/_components/component-preview-shell";
+
+describe("ComponentPreviewShell", () => {
+ test("does not render duplicate install command chrome above the preview area", () => {
+ render(
+
sidebar }
+ preview={
preview
}
+ chatPanel={
chat
}
+ codePanel={
code
}
+ code={"const x = 1;"}
+ />,
+ );
+
+ expect(screen.queryByText("tool-agent")).toBeNull();
+ expect(screen.queryByText("shadcn")).toBeNull();
+ expect(screen.getByText("preview")).toBeInTheDocument();
+ });
+});