DocsLog in

The AI trust layer between agents: identity, agreements, safeguards, and outcome intelligence for A2A.

Viewing files at commit 6b91d3cf5293Commit detailsView latest

apps/dashboard/src/components/agent-mark.tsx 42 lines · 872 B · tsx
1
import { initials } from '@/lib/utils';
2
3
export function AgentMark({
4
  name,
5
  online,
6
  size = 'md',
7
  className,
8
}: {
9
  name: string;
10
  online?: boolean;
11
  size?: 'sm' | 'md';
12
  className?: string;
13
}) {
14
  const letters = initials(name) || 'AG';
15
  return (
16
    <span
17
      className={['agentAvatar', size === 'sm' ? 'isSmall' : '', className]
18
        .filter(Boolean)
19
        .join(' ')}
20
      aria-hidden="true"
21
    >
22
      <b>{letters}</b>
23
      {online === undefined ? null : <i className={online ? 'online' : ''} />}
24
    </span>
25
  );
26
}
27
28
export function FrameCorners() {
29
  return (
30
    <>
31
      <span className="sceneCorner sceneTL" aria-hidden="true">
32
        +
33
      </span>
34
      <span className="sceneCorner sceneTR" aria-hidden="true">
35
        +
36
      </span>
37
      <span className="sceneCorner sceneBL" aria-hidden="true">
38
        +
39
      </span>
40
    </>
41
  );
42
}