Publisher avatar/id links to publisher page

Author: jahooma

web/src/app/publishers/[id]/agents/[agentId]/[version]/page.tsx

@@ -147,16 +147,18 @@ const AgentDetailPage = async ({ params }: AgentDetailPageProps) => {
                     v{params.version}
                   </Badge>
                 </div>
-                <div className="flex items-center gap-2 mb-2">
-                  <Avatar className="h-6 w-6">
-                    <AvatarImage src={publisherData.avatar_url || undefined} />
-                    <AvatarFallback className="text-xs">
-                      {publisherData.name[0]?.toUpperCase() || publisherData.id[0]?.toUpperCase()}
-                    </AvatarFallback>
-                  </Avatar>
-                  <span className="text-muted-foreground">
-                    @{publisherData.id}
-                  </span>
+                <div className="mb-2">
+                  <Link href={`/publishers/${publisherData.id}`} className="flex items-center gap-2 hover:opacity-80 transition-opacity">
+                    <Avatar className="h-6 w-6">
+                      <AvatarImage src={publisherData.avatar_url || undefined} />
+                      <AvatarFallback className="text-xs">
+                        {publisherData.name[0]?.toUpperCase() || publisherData.id[0]?.toUpperCase()}
+                      </AvatarFallback>
+                    </Avatar>
+                    <span className="text-muted-foreground">
+                      @{publisherData.id}
+                    </span>
+                  </Link>
                 </div>
                 {agentData.description && (
                   <p className="text-sm mb-4">{agentData.description}</p>

web/src/app/store/page.tsx

@@ -244,15 +244,21 @@ const AgentStorePage = () => {
           </div>
           <div className="flex justify-between gap-2">
             <div className="flex items-center gap-2">
-              <Avatar className="h-5 w-5 shrink-0">
-                <AvatarImage src={agent.publisher.avatar_url || undefined} />
-                <AvatarFallback className="text-xs">
-                  {agent.publisher.name[0]?.toUpperCase() || agent.publisher.id[0]?.toUpperCase()}
-                </AvatarFallback>
-              </Avatar>
-              <span className="text-sm text-muted-foreground truncate">
-                @{agent.publisher.id}
-              </span>
+              <Link
+                href={`/publishers/${agent.publisher.id}`}
+                className="flex items-center gap-2 hover:opacity-80 transition-opacity"
+              >
+                <Avatar className="h-5 w-5 shrink-0">
+                  <AvatarImage src={agent.publisher.avatar_url || undefined} />
+                  <AvatarFallback className="text-xs">
+                    {agent.publisher.name[0]?.toUpperCase() ||
+                      agent.publisher.id[0]?.toUpperCase()}
+                  </AvatarFallback>
+                </Avatar>
+                <span className="text-sm text-muted-foreground truncate">
+                  @{agent.publisher.id}
+                </span>
+              </Link>
               {agent.publisher.verified && (
                 <Badge
                   variant="secondary"