Intent Review Card

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

export const meta: CompendiumMeta = {
  id: 463,
  slug: 'intent-review-card',
  name: 'Intent Review Card',
  category: 'maturity-process',
  subcategory: 'reviews-and-logs',
  pillar: 'go',
  description: 'A signal-triggered intent review — never calendar-scheduled, always provoked by a measurable shift.',
  spec: `## Intent
DoCoDeGo refuses calendar-driven reviews. An intent review only fires when a signal crosses a threshold, so the card foregrounds the triggering signal — not the date.

## Acceptance Criteria
- [ ] Trigger signal stated as the headline, not the date
- [ ] Threshold delta shown numerically
- [ ] Explicit "not scheduled — signal-driven" footer line
- [ ] Negative: does NOT show a calendar icon, a cadence label, or a recurrence rule

## Constraints
- Pure markup
- Theme-aware`,
  tags: ['card', 'real-content', 'dark-mode-tested', 'responsive'],
  status: 'stable',
  health: { ics: 92, a11y: 'aa', themed: true, animated: false },
};

const review = {
  spec: 'SPEC-038',
  trigger: 'AC pass-rate fell below 80%',
  metric: 'AC pass-rate',
  before: 0.94,
  after: 0.71,
  ts: '2026-05-21 11:02',
};
---

<article data-this-component class="w-full bg-paper text-black border-4 border-black overflow-hidden">
  <header class="px-3 py-2 border-b-2 border-black bg-go">
    <div class="font-mono text-[10px] uppercase tracking-widest opacity-80">// intent review · signal-driven</div>
    <div class="font-black text-[12px] uppercase tracking-wider leading-tight mt-0.5">{review.trigger}</div>
  </header>
  <div class="px-3 py-2">
    <div class="font-mono text-[10px] uppercase tracking-widest opacity-60">{review.spec}</div>
    <div class="mt-1 flex items-baseline gap-2 font-mono text-[11px] tabular-nums">
      <span class="opacity-70">{Math.round(review.before * 100)}%</span>
      <span class="opacity-50" aria-hidden="true">&rarr;</span>
      <span class="font-black text-danger">{Math.round(review.after * 100)}%</span>
      <span class="ms-auto opacity-60 text-[9px] uppercase tracking-widest">{review.metric}</span>
    </div>
  </div>
  <footer class="px-3 py-1.5 border-t-2 border-black flex items-baseline justify-between font-mono text-[9px] uppercase tracking-widest">
    <span class="opacity-70">not scheduled · signal-driven</span>
    <span class="font-black">@governor</span>
  </footer>
</article>