diff --git a/apps/app/src/components/tools/PluginDetail.tsx b/apps/app/src/components/tools/PluginDetail.tsx index d57251e6a..b108004bd 100644 --- a/apps/app/src/components/tools/PluginDetail.tsx +++ b/apps/app/src/components/tools/PluginDetail.tsx @@ -150,7 +150,7 @@ export function CatalogPluginDetail({ > -

+

{entry.description.length > 0 ? entry.description : "This plugin does not describe itself."} @@ -388,7 +388,7 @@ export function PluginDetail({ > -

+

{plugin.description ?? "This plugin does not describe itself."}

diff --git a/apps/app/src/components/tools/detail-page-recipes.test.tsx b/apps/app/src/components/tools/detail-page-recipes.test.tsx index 2b37a2741..139e47f2e 100644 --- a/apps/app/src/components/tools/detail-page-recipes.test.tsx +++ b/apps/app/src/components/tools/detail-page-recipes.test.tsx @@ -190,9 +190,14 @@ describe("Plugin detail recipe", () => { expect(renderedRecipe(container).map(([kind]) => kind)).toContain( "overview", ); - expect( - screen.getByText("This plugin does not describe itself."), - ).toBeTruthy(); + const description = screen.getByText( + "This plugin does not describe itself.", + ); + expect(description.className).not.toContain("max-w-prose"); + expect(description.className).toContain("max-w-none"); + expect(description.className).toContain("text-sm"); + expect(description.className).toContain("leading-relaxed"); + expect(description.className).toContain("text-muted-foreground"); }); it("lists declared capabilities without category chrome", () => { diff --git a/apps/app/src/views/ToolsView.plugin-detail.test.tsx b/apps/app/src/views/ToolsView.plugin-detail.test.tsx index 03ee1ba9a..2693e2b55 100644 --- a/apps/app/src/views/ToolsView.plugin-detail.test.tsx +++ b/apps/app/src/views/ToolsView.plugin-detail.test.tsx @@ -124,9 +124,14 @@ describe("PluginDetail official catalog lifecycle", () => { expect(screen.getByRole("heading", { name: "GitHub" })).toBeTruthy(); expect(screen.getByText("BB Official")).toBeTruthy(); expect(screen.getByText("Developer tools")).toBeTruthy(); - expect( - screen.getByText("Browse GitHub issues and pull requests in BB."), - ).toBeTruthy(); + const description = screen.getByText( + "Browse GitHub issues and pull requests in BB.", + ); + expect(description.className).not.toContain("max-w-prose"); + expect(description.className).toContain("max-w-none"); + expect(description.className).toContain("text-sm"); + expect(description.className).toContain("leading-relaxed"); + expect(description.className).toContain("text-muted-foreground"); expect(screen.queryByText("Capabilities")).toBeNull(); expect(container.querySelector('[data-icon="Github"]')).not.toBeNull();