fix: link profile breadcrumbs to canonical route

Author: fuller-stack-dev

.github/pr-evidence/profile-breadcrumb-links/after-local-skill-owner-breadcrumb.jpg

@@ -175,6 +175,24 @@ describe("plugin detail route", () => {
     expect(screen.queryByRole("link", { name: "Download zip" })).toBeNull();
   });
 
+  it("links plugin breadcrumb owners to canonical publisher profiles", async () => {
+    loaderDataMock = {
+      ...loaderDataMock,
+      detail: {
+        package: loaderDataMock.detail.package,
+        owner: { handle: "openclaw", displayName: "OpenClaw", image: null },
+      },
+    };
+    const route = await loadRoute();
+    const Component = route.__config.component as ComponentType;
+
+    const { container } = render(<Component />);
+
+    expect(
+      container.querySelector('nav[aria-label="Plugin breadcrumbs"] a[href="/p/openclaw"]'),
+    ).toBeTruthy();
+  });
+
   it("shows plugin settings when the viewer can manage the plugin", async () => {
     useAuthStatusMock.mockReturnValue({
       isAuthenticated: true,

.github/pr-evidence/profile-breadcrumb-links/before-production-skill-owner-breadcrumb.jpg

@@ -125,7 +125,7 @@ function SecurityScannerHero({ label, props }: { label: string; props: SecurityS
   const ownerLabel = getOwnerLabel(props.entity);
   const listingLabel = props.entity.kind === "skill" ? "skills" : "plugins";
   const ownerHref =
-    props.entity.kind === "skill" ? `/${encodeURIComponent(ownerLabel)}` : "/plugins";
+    props.entity.kind === "skill" ? `/p/${encodeURIComponent(ownerLabel)}` : "/plugins";
 
   return (
     <header className="security-scan-hero">

src/__tests__/package-detail-route.test.tsx

@@ -104,6 +104,9 @@ describe("SkillHeader", () => {
     expect(screen.getByText("Downloads")).toBeTruthy();
     expect(screen.getByText("2")).toBeTruthy();
     expect(container.querySelector('a[href="/p/local"]')).toBeTruthy();
+    expect(
+      container.querySelector('nav[aria-label="Skill breadcrumbs"] a[href="/p/local"]'),
+    ).toBeTruthy();
   });
 
   it("shows the latest version description instead of the short catalog summary", () => {

src/components/SecurityScannerPage.tsx

@@ -261,7 +261,7 @@ export function SkillHeader({
               <nav className="skill-hero-breadcrumbs" aria-label="Skill breadcrumbs">
                 <a href="/skills">skills</a>
                 <span aria-hidden="true">/</span>
-                <a href={ownerHandle ? `/${encodeURIComponent(ownerHandle)}` : "#"}>
+                <a href={ownerHandle ? `/p/${encodeURIComponent(ownerHandle)}` : "#"}>
                   {ownerHandle ?? owner?.displayName ?? owner?._id ?? "unknown"}
                 </a>
                 <span aria-hidden="true">/</span>

src/components/SkillHeader.test.tsx

@@ -434,7 +434,7 @@ describe("SecurityScanResults static guidance", () => {
   });
 
   it("shows skills with legacy-only ClawScan analysis in the new ClawScan report shell", () => {
-    render(
+    const { container } = render(
       <SecurityScannerPage
         scanner="clawscan"
         entity={{
@@ -455,6 +455,7 @@ describe("SecurityScanResults static guidance", () => {
     expect(screen.getByRole("heading", { name: "Scan Metadata" })).toBeTruthy();
     expect(screen.queryByText("Review Dimensions")).toBeNull();
     expect(screen.queryByText("Purpose & Capability")).toBeNull();
+    expect(container.querySelector('nav[aria-label="Breadcrumb"] a[href="/p/local"]')).toBeTruthy();
   });
 
   it("shows the new ClawScan empty state when no analysis exists yet", () => {

src/components/SkillHeader.tsx

@@ -603,7 +603,7 @@ export function PluginDetailPage({
               <nav className="skill-hero-breadcrumbs" aria-label="Plugin breadcrumbs">
                 <a href="/plugins">plugins</a>
                 <span aria-hidden="true">/</span>
-                <a href={owner?.handle ? `/u/${encodeURIComponent(owner.handle)}` : "#"}>
+                <a href={owner?.handle ? `/p/${encodeURIComponent(owner.handle)}` : "#"}>
                   {owner?.handle ?? owner?.displayName ?? "unknown"}
                 </a>
                 <span aria-hidden="true">/</span>