core-lead/molecule-core
1
0
Fork 0
forked from molecule-ai/molecule-core
Code Pull Requests Activity

Merge pull request #405 from Molecule-AI/fix/wcag-zinc600-smalltext-sweep

Browse Source 
fix(wcag): sweep text-zinc-600→zinc-500 on small-text labels across 9 components
This commit is contained in:
Hongming Wang 2026-04-16 03:08:17 -07:00 committed by GitHub
commit 3fd9594c11
9 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
canvas/src/components/EmptyState.tsx
View File

@ -129,7 +129,7 @@ export function EmptyState() {
{t.description || "No description"}
</p>
{t.skill_count > 0 && (
<p className="text-[9px] text-zinc-600 mt-1.5">
<p className="text-[9px] text-zinc-500 mt-1.5">
{t.skill_count} skill{t.skill_count !== 1 ? "s" : ""}
{t.model ? ` · ${t.model}` : ""}
</p>

2
canvas/src/components/MissingKeysModal.tsx
View File

@ -172,7 +172,7 @@ export function MissingKeysModal({
<div className="text-[11px] text-zinc-300 font-medium">
{entry.label}
</div>
<div className="text-[9px] font-mono text-zinc-600">
<div className="text-[9px] font-mono text-zinc-500">
{entry.key}
</div>
</div>

2
canvas/src/components/SidePanel.tsx
View File

@ -227,7 +227,7 @@ export function SidePanel() {
{/* Footer — workspace ID */}
<div className="px-5 py-2 border-t border-zinc-800/40 bg-zinc-900/20">
<span className="text-[9px] font-mono text-zinc-600 select-all">
<span className="text-[9px] font-mono text-zinc-500 select-all">
{selectedNodeId}
</span>
</div>

8
canvas/src/components/tabs/ActivityTab.tsx
View File

@ -207,11 +207,11 @@ function ActivityRow({
</span>
)}
<span className="text-[8px] text-zinc-600 shrink-0">
<span className="text-[8px] text-zinc-500 shrink-0">
{formatTime(entry.created_at)}
</span>
<span className="text-[9px] text-zinc-600">
<span className="text-[9px] text-zinc-500">
{expanded ? "▼" : "▶"}
</span>
</div>
@ -233,7 +233,7 @@ function ActivityRow({
{resolveName(entry.source_id)}
</span>
)}
<span className="text-[9px] text-zinc-600">→</span>
<span className="text-[9px] text-zinc-500">→</span>
{entry.target_id && (
<span className="text-[9px] text-blue-400/80 truncate max-w-[140px]" title={entry.target_id}>
{resolveName(entry.target_id)}
@ -275,7 +275,7 @@ function ActivityRow({
{entry.response_body && (
<JsonBlock label="Response" data={entry.response_body} />
)}
<div className="text-[8px] text-zinc-600 font-mono select-all">
<div className="text-[8px] text-zinc-500 font-mono select-all">
ID: {entry.id}
</div>
</div>

6
canvas/src/components/tabs/ScheduleTab.tsx
View File

@ -281,7 +281,7 @@ export function ScheduleTab({ workspaceId }: Props) {
<div className="p-6 text-center">
<div className="text-2xl mb-2">⏲</div>
<div className="text-[10px] text-zinc-400 mb-1">No schedules yet</div>
<div className="text-[9px] text-zinc-600">
<div className="text-[9px] text-zinc-500">
Add a schedule to run tasks automatically — daily scans, periodic reports, standup reminders.
</div>
</div>
@ -317,10 +317,10 @@ export function ScheduleTab({ workspaceId }: Props) {
<span className="text-zinc-600"> ({sched.timezone})</span>
)}
</div>
<div className="text-[9px] text-zinc-600 mt-0.5 truncate">
<div className="text-[9px] text-zinc-500 mt-0.5 truncate">
{sched.prompt.slice(0, 80)}{sched.prompt.length > 80 ? "..." : ""}
</div>
<div className="flex items-center gap-3 mt-1 text-[8px] text-zinc-600">
<div className="flex items-center gap-3 mt-1 text-[8px] text-zinc-500">
<span>Last: {relativeTime(sched.last_run_at)}</span>
<span>Next: {relativeTime(sched.next_run_at)}</span>
<span>Runs: {sched.run_count}</span>

2
canvas/src/components/tabs/SkillsTab.tsx
View File

@ -377,7 +377,7 @@ export function SkillsTab({ data }: Props) {
{skill.examples.length > 0 && (
<div className="mt-2">
<div className="text-[9px] uppercase tracking-[0.2em] text-zinc-600">Examples</div>
<div className="text-[9px] uppercase tracking-[0.2em] text-zinc-500">Examples</div>
<div className="mt-1 space-y-1">
{skill.examples.slice(0, 2).map((example, index) => (
<div

2
canvas/src/components/tabs/TracesTab.tsx
View File

@ -129,7 +129,7 @@ export function TracesTab({ workspaceId }: Props) {
Cost: ${trace.totalCost.toFixed(6)}
</div>
)}
<div className="text-[8px] text-zinc-600 font-mono select-all">
<div className="text-[8px] text-zinc-500 font-mono select-all">
{trace.id}
</div>
</div>

2
canvas/src/components/tabs/chat/AgentCommsPanel.tsx
View File

@ -163,7 +163,7 @@ export function AgentCommsPanel({ workspaceId }: { workspaceId: string }) {
{msg.responseText}
</div>
)}
<div className="text-[9px] text-zinc-600 mt-1">
<div className="text-[9px] text-zinc-500 mt-1">
{new Date(msg.timestamp).toLocaleTimeString()}
</div>
</div>

4
canvas/src/components/tabs/config/secrets-section.tsx
View File

@ -56,7 +56,7 @@ function SecretRow({ label, secretKey, isSet, scope, globalMode, onSave, onDelet
<div className="min-w-0">
<div className="text-[10px] text-zinc-300">{label}</div>
<div className="flex items-center gap-2 mt-0.5">
<span className="text-[9px] font-mono text-zinc-600">{secretKey}</span>
<span className="text-[9px] font-mono text-zinc-500">{secretKey}</span>
{isSet && (
<span className="text-[9px] font-mono text-zinc-500 tracking-widest" title="Value is set (encrypted)">
•••••
@ -305,7 +305,7 @@ export function SecretsSection({ workspaceId }: { workspaceId: string }) {
</button>
)}
<div className="text-[9px] text-zinc-600 pt-1">
<div className="text-[9px] text-zinc-500 pt-1">
Values are encrypted and never exposed to the browser.
{globalMode
? " Global keys are shared across all workspaces. Restart workspaces to apply changes."