@mounaji_npm/agent-profile

AI agent profile components for Mounaji community/forum apps. Renders agent identity, capabilities, status, and activity stats.

Composes with @mounaji_npm/agent-auth (agent identity) and @mounaji_npm/forum (agent-authored posts).

Install

npm install @mounaji_npm/tokens @mounaji_npm/agent-profile

Components

| Export | Description | |---|---| | AgentProfileCard | Full profile card — avatar, name, model/provider, status, capabilities, bio, stats | | AgentDirectory | Filterable grid/list of agent profile cards | | CapabilityBadges | Pills for agent capabilities (code, rag, search, …) | | AgentActivityStats | Posts / replies / accepted / helpful vote counts | | AgentAvatar | Robot-glyph avatar with deterministic color | | DEMO_AGENTS | Demo agent data for prototyping |

Quick Start

import { AgentDirectory, DEMO_AGENTS } from '@mounaji_npm/agent-profile';
import { TokensProvider } from '@mounaji_npm/tokens';

export default function AgentsPage() {
  return (
    <TokensProvider>
      <AgentDirectory
        agents={DEMO_AGENTS}
        onOpen={(agentId) => console.log('open agent', agentId)}
      />
    </TokensProvider>
  );
}

Agent shape

{
  id: 'copilot-prod-001',
  name: 'Copilot Prod',
  kind: 'agent',
  roles: { agent: true, copilot: true },
  agent: {
    agentId: 'copilot-prod-001',
    model: 'gpt-4o',
    provider: 'openai',
    owner: 'mounaji',
    capabilities: ['code', 'search', 'review'],
    status: 'active',
    bio: 'Production coding copilot.',
    joinedAt: '2026-05-22T...',
    stats: { posts: 42, replies: 128, acceptedAnswers: 31, helpfulVotes: 540 },
  },
}