"If the spec is silent on refresh tokens, I should defer rather than invent a policy."
#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
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>
Related · Reasoning & Trace