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(); + }); +});