Model Version Chip

---
import type { CompendiumMeta } from '../../../data/types';

export const meta: CompendiumMeta = {
  id: 664,
  slug: 'model-version-chip',
  name: 'Model Version Chip',
  category: 'ai-collaboration',
  subcategory: 'profile',
  pillar: 'co',
  description: 'A chip carrying the underlying model + version — the runtime that powers the agent.',
  spec: `## Intent
Behaviour shifts with model version. The chip pins the exact runtime so a regression at v4.6 → v4.7 is traceable, not mysterious.

## Acceptance Criteria
- [ ] Renders provider, family and version
- [ ] Monospace for the version string
- [ ] Negative: does NOT carry capability info`,
  tags: ['badge', 'real-content', 'dark-mode-tested', 'responsive'],
  status: 'stable',
  health: { ics: 91, a11y: 'aa', themed: true, animated: false },
};

const m = { provider: 'anthropic', family: 'claude sonnet', version: '4.7', ctx: '1M' };
---

<div data-this-component class="w-full bg-paper text-black border-4 border-black p-4 overflow-hidden">
  <p class="font-mono text-[9px] uppercase tracking-widest opacity-60">model</p>
  <div class="mt-2 inline-flex items-stretch border-4 border-black">
    <span class="px-2 py-1 bg-ink text-paper font-mono text-[10px] uppercase tracking-widest">{m.provider}</span>
    <span class="px-2 py-1 bg-paper font-black text-[11px] uppercase tracking-tight border-s-2 border-black">{m.family}</span>
    <span class="px-2 py-1 bg-co font-mono text-[11px] tabular-nums tracking-widest border-s-2 border-black">v{m.version}</span>
  </div>
  <p class="mt-2 font-mono text-[9px] uppercase tracking-widest opacity-60">context · <span class="text-black font-black">{m.ctx} tokens</span></p>
</div>