gabriel / musehub public
_agents.scss
62 lines 2.2 KB
Raw
sha256:94ef169c149a452bff7c604ded8b280b19bd477c2dabcb56972780b0b784c7aa Merge 'fix/assignee-sigil-inline' into 'dev' — proposal: As… Human 12 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Component: Agent visual language
3 // File: src/scss/patterns/_agents.scss
4 //
5 // Variants: .agent-badge .agent-ring .agent-commit-marker
6 // .fleet-dot .fleet-dot--active .fleet-dot--idle .fleet-dot--error
7 // Tokens: --agent-accent, --agent-accent-bg, --domain-agent, --gradient-agent
8 // Usage: <span class="agent-badge">GPT-4o</span>
9 //
10 // Notes: Agent commits are visually distinct from human commits everywhere.
11 // Fuchsia (#e879f9) is reserved for agent identity — do not reuse.
12 // ─────────────────────────────────────────────────────────────────────────────
13
14 .agent-badge {
15 display: inline-flex;
16 align-items: center;
17 gap: 4px;
18 padding: 2px var(--space-2);
19 border-radius: var(--radius-full);
20 font-family: var(--font-mono);
21 font-size: var(--text-xs);
22 font-weight: var(--weight-semibold);
23 background: var(--agent-accent-bg);
24 color: var(--agent-accent);
25 border: 1px solid color-mix(in srgb, var(--agent-accent) 30%, transparent);
26 }
27
28 // Ring used around agent avatars and commit author icons
29 .agent-ring {
30 outline: 1px solid color-mix(in srgb, var(--agent-accent) 40%, transparent);
31 outline-offset: 2px;
32 box-shadow: 0 0 8px color-mix(in srgb, var(--agent-accent) 20%, transparent);
33 }
34
35 // Accent bar on agent-created commit rows
36 .agent-commit-marker {
37 border-left: 2px solid var(--agent-accent);
38 padding-left: var(--space-3);
39 }
40
41 // Fleet status dots
42 .fleet-dot {
43 display: inline-block;
44 width: 8px;
45 height: 8px;
46 border-radius: var(--radius-full);
47 background: var(--text-muted);
48 }
49
50 .fleet-dot--active {
51 background: var(--agent-accent);
52 box-shadow: 0 0 6px color-mix(in srgb, var(--agent-accent) 60%, transparent);
53 }
54
55 .fleet-dot--idle {
56 background: var(--text-muted);
57 }
58
59 .fleet-dot--error {
60 background: var(--color-danger);
61 box-shadow: 0 0 6px color-mix(in srgb, var(--color-danger) 60%, transparent);
62 }
File History 3 commits
sha256:94ef169c149a452bff7c604ded8b280b19bd477c2dabcb56972780b0b784c7aa Merge 'fix/assignee-sigil-inline' into 'dev' — proposal: As… Human 12 days ago
sha256:6b1949fc2797ca4c1936a637a4cbfec828ef56cf52398a2e74ca3c4f494e728f fix: use wire_bytes not mpack_bytes_raw in compute_object_b… Sonnet 4.6 patch 21 days ago
sha256:4aed3d8601c8dd3ed37074de35f11f4a9699a0a4b99d43727048fd3f8e6fd13d chore: doc sweep, ignore wrangler build state, misc fixes Sonnet 4.6 minor ⚠ 23 days ago