# v0.6.1 — Experimental Tier Badge (follow-up to v0.6.0)

**Status**: Draft, awaiting v0.6.0 ship + operator signoff
**Owner**: VibeCoder thread (412100071272671) — badge spec + CSS
**Integration**: Oscar thread (415655444668635) — adds badge to picker tiles
**Target**: 30 min total

## Why

P2.5/v0.6.0 ships with widgets at all 3 evolution tiers (experimental, stable, certified) but the Edge Tools picker shows them all the same. Operators can't tell at a glance which are stable vs experimental. The world-class standard is to make tier **visible, not gated**.

## The badge

A small yellow corner mark on picker tiles for `tier === 'experimental'`. Stable and certified get no badge.

```
┌────────────┐
│ 🅷 Heading  │ ← stable (no badge)
│ Heading    │
└────────────┘

┌────────────┐
│ 🅷 Heading ▝│ ← experimental (yellow corner triangle)
│ Heading    │
└────────────┘
```

## Implementation

### CSS (add to edge-panel.css)

```css
.fv-widget-tier-badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 14px 0;
  border-color: transparent #F7931E transparent transparent;
}

.fv-widget-tier-badge::after {
  content: '·';
  position: absolute;
  top: -13px;
  right: -11px;
  color: white;
  font-size: 11px;
  font-weight: bold;
}
```

### JS (add to openWidgetsPicker)

```js
// In the per-widget tile render loop
if (widget.tier === 'experimental') {
  const badge = el('span', { class: 'fv-widget-tier-badge', title: 'Experimental — may change' });
  tile.appendChild(badge);
}
```

### Tooltip on hover

The `title` attribute shows "Experimental — may change" on hover. Operators learn the convention fast.

## What about certified?

`certified` is a higher tier than `stable` — means it's been reviewed, has docs, used in production. Show a **green** badge or a check mark instead of the yellow corner. Optional — can defer to v0.6.2 if not needed.

## Risk

- The CSS uses absolute positioning. If the tile's `position` isn't `relative`, the badge positions wrong. Make sure the tile is `position: relative` (most are already).
- The badge could be clipped if the tile has `overflow: hidden`. Use `overflow: visible` on the badge or the tile.

## Acceptance

- 20 widgets in picker, ~5 with experimental badge (whichever is currently experimental — check `evolution.tier` per widget)
- Badge visible on tile, hover shows tooltip
- Stable widgets have no badge (cleaner look for the production-ready stuff)
- Screenshot before/after to `/workspace/v0.6.1-verify/`

## Estimated time

- Spec (this doc): 10 min ✅
- CSS + JS in edge-panel: 15 min
- Test: 5 min
- Total: 30 min after v0.6.0 ship