Improve ISAC libraries, roles, and public profiles

src/lib/components/AgentIdentityLink.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { agentProfileHref } from '$lib/agents';
+
 	let {
 		agent,
 		size = 'default',
@@ -6,7 +8,7 @@
 		showId = false,
 		linked = true
 	}: {
-		agent: { id: string; displayName: string; avatarUrl: string };
+		agent: { id: string; displayName: string; avatarUrl: string; publicSlug?: string | null };
 		size?: 'compact' | 'default' | 'large';
 		meta?: string;
 		showId?: boolean;
@@ -15,7 +17,7 @@
 </script>
 
 {#if linked}
-	<a class="agent-identity" class:compact={size === 'compact'} class:large={size === 'large'} href={`/agents/${encodeURIComponent(agent.id)}`}>
+	<a class="agent-identity" class:compact={size === 'compact'} class:large={size === 'large'} href={agentProfileHref(agent)}>
 		<img src={agent.avatarUrl} alt="" />
 		<span>
 			<strong>{agent.displayName}</strong>