<!-- source-hash: fb78b4eca8d16cc82bea948ffedfef77 -->
A React component that displays a small badge indicating whether a vendor selection was made through AI, manually, or is a placeholder.

## Key Components

- **SelectionSourceBadge** - Main component that renders a source indicator badge
- **SelectionSourceType** - Type union for source types: 'ai', 'manual', or 'placeholder'
- **SelectionSourceBadgeProps** - Interface defining component props including source, className, and hidden state

## Usage Example

```typescript
import { SelectionSourceBadge } from './selection-source-badge';

function VendorCard({ vendor, selectionSource }) {
  return (
    <div className="vendor-card">
      <h3>{vendor.name}</h3>
      <SelectionSourceBadge 
        source={selectionSource} 
        className="ml-2"
        hidden={false}
      />
    </div>
  );
}

// Different source types
<SelectionSourceBadge source="ai" />      // AI-selected vendor
<SelectionSourceBadge source="manual" />  // Manually selected
<SelectionSourceBadge source="placeholder" hidden={true} /> // Hidden placeholder
```

The component wraps the `VendorTag` component with specific styling for source indication, following OpenMSP design tokens. It automatically handles null/undefined sources by returning null, and supports conditional visibility through the `hidden` prop.