Skip to main content
Compendium / AI Collaboration / Reasoning & Trace / Thought-Bubble Card (Mini)
#623

Thought-Bubble Card (Mini)

A compact card rendering one private agent thought — surfaced for audit, never shown to end-users.

STABLE CO
#card #real-content #dark-mode-tested #responsive
Live
// thought · step 09 PRIVATE
"If the spec is silent on refresh tokens, I should defer rather than invent a policy."
role · planner not shipped
Spec

Intent

The framework distinguishes thoughts (private, exploratory) from outputs (committed). This atom surfaces a thought visibly as private — quoted, dimmed, stamped — so auditors can read it without confusing it with a public assertion.

Acceptance Criteria

  • [ ] Quoted thought text
  • [ ] "PRIVATE" stamp visible at all sizes
  • [ ] Author chip names the agent role, not a person
  • [ ] Negative: does NOT render with a speech-bubble tail

Constraints

  • Pure markup
  • Theme-aware
// thought-bubble-card-mini.astro
---
import type { CompendiumMeta } from '../../../data/types';

export const meta: CompendiumMeta = {
  id: 623,
  slug: 'thought-bubble-card-mini',
  name: 'Thought-Bubble Card (Mini)',
  category: 'ai-collaboration',
  subcategory: 'reasoning-and-trace',
  pillar: 'co',
  description: 'A compact card rendering one private agent thought — surfaced for audit, never shown to end-users.',
  spec: `## Intent
The framework distinguishes thoughts (private, exploratory) from outputs (committed). This atom surfaces a thought visibly as private — quoted, dimmed, stamped — so auditors can read it without confusing it with a public assertion.

## Acceptance Criteria
- [ ] Quoted thought text
- [ ] "PRIVATE" stamp visible at all sizes
- [ ] Author chip names the agent role, not a person
- [ ] Negative: does NOT render with a speech-bubble tail

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

<article data-this-component class="w-full bg-paper text-black border-4 border-black overflow-hidden relative">
  <header class="px-3 py-1.5 border-b-2 border-black flex items-baseline justify-between">
    <span class="font-mono text-[10px] uppercase tracking-widest opacity-60">// thought · step 09</span>
    <span class="font-black text-[9px] uppercase tracking-widest px-1.5 py-0.5 border-2 border-black bg-co text-black">PRIVATE</span>
  </header>
  <blockquote class="px-3 py-3 ps-4 border-s-4 border-co text-[12px] leading-snug italic opacity-90 m-3 bg-co/10 overflow-hidden">
    "If the spec is silent on refresh tokens, I should defer rather than invent a policy."
  </blockquote>
  <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-60">role · planner</span>
    <span class="font-black">not shipped</span>
  </footer>
</article>