root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(FN-4286): replace text-secondary usages with canonical tokens

Browse Source 
Fusion-Task-Id: FN-4286
Fusion-Task-Lineage: 1dd74ee2-7fb2-4b41-b923-a9f339521b50
This commit is contained in:
Fusion
2026-05-13 09:45:21 -07:00
committed by gsxdsm
parent 121198852f
commit b30bb71fe3
17 changed files with 52 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/dashboard/app/components/ActiveAgentsPanel.css
View File

@@ -143,7 +143,7 @@
gap: var(--space-xs);
padding: var(--space-xs) var(--space-sm);
font-size: 11px;
color: var(--text-secondary);
color: var(--text-muted);
background: transparent;
border: 1px solid var(--border);
border-radius: var(--radius-sm);

8
packages/dashboard/app/components/AgentReflectionsTab.css
View File

@@ -49,7 +49,7 @@
.reflections-stat-card .stat-label {
font-size: 0.75rem;
color: var(--text-secondary);
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 0.05em;
}
@@ -61,7 +61,7 @@
justify-content: center;
gap: var(--space-sm);
padding: var(--space-xl);
color: var(--text-secondary);
color: var(--text-muted);
text-align: center;
}
@@ -205,7 +205,7 @@
.reflection-insights li,
.reflection-suggestions li {
font-size: 0.8rem;
color: var(--text-secondary);
color: var(--text-muted);
padding-left: var(--space-md);
position: relative;
}
@@ -267,7 +267,7 @@
justify-content: center;
gap: var(--space-sm);
padding: var(--space-2xl);
color: var(--text-secondary);
color: var(--text-muted);
text-align: center;
}

4
packages/dashboard/app/components/CliBinaryInstallBanner.css
View File

@@ -30,7 +30,7 @@
.cli-binary-banner__text {
font-size: 13px;
line-height: 1.5;
color: var(--text-secondary, #98a3b1);
color: var(--text-muted);
}
.cli-binary-banner__text code {
@@ -100,7 +100,7 @@
height: 24px;
padding: 0;
background: transparent;
color: var(--text-secondary, #98a3b1);
color: var(--text-muted);
border: none;
border-radius: 4px;
cursor: pointer;

12
packages/dashboard/app/components/CliBinaryPanel.css
View File

@@ -52,7 +52,7 @@
}
.cli-binary-help {
color: var(--text-secondary, #98a3b1);
color: var(--text-muted);
line-height: 1.4;
}
@@ -65,7 +65,7 @@
.cli-binary-status-line {
margin: 0;
color: var(--text-secondary, #98a3b1);
color: var(--text-muted);
}
.cli-binary-status-line code {
@@ -98,7 +98,7 @@
}
.cli-binary-info-list span {
color: var(--text-secondary, #98a3b1);
color: var(--text-muted);
min-width: 64px;
}
@@ -110,7 +110,7 @@
}
.cli-binary-expected {
color: var(--text-secondary, #98a3b1);
color: var(--text-muted);
font-size: 12px;
}
@@ -166,7 +166,7 @@
.cli-binary-commands label {
font-size: 12px;
color: var(--text-secondary, #98a3b1);
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 0.04em;
}
@@ -198,7 +198,7 @@
.cli-binary-install-log summary {
cursor: pointer;
color: var(--text-secondary, #98a3b1);
color: var(--text-muted);
}
.cli-binary-install-output {

8
packages/dashboard/app/components/ConversationHistory.css
View File

@@ -18,7 +18,7 @@
}
.conversation-entry-question {
color: var(--text-secondary);
color: var(--text-muted);
display: flex;
flex-direction: column;
gap: 4px;
@@ -56,7 +56,7 @@
.conversation-comment {
margin: 0;
color: var(--text-secondary);
color: var(--text-muted);
font-size: 12px;
}
@@ -72,7 +72,7 @@
border-radius: 8px;
background: color-mix(in srgb, var(--bg-secondary) 88%, transparent);
padding: 10px;
color: var(--text-secondary);
color: var(--text-muted);
font-family: var(--font-mono);
font-size: 12px;
line-height: 1.45;
@@ -89,7 +89,7 @@
border: 1px solid var(--border-primary);
border-radius: 8px;
background: transparent;
color: var(--text-secondary);
color: var(--text-muted);
padding: 8px 12px;
font-size: 12px;
font-weight: 500;

4
packages/dashboard/app/components/DashboardLoader.css
View File

@@ -40,7 +40,7 @@
.dashboard-loader__message {
margin: 0;
font-size: 14px;
color: var(--text-secondary);
color: var(--text-muted);
}
.dashboard-loader__message--update {
@@ -82,7 +82,7 @@
}
.dashboard-loader__step--pending {
color: var(--text-secondary);
color: var(--text-muted);
opacity: 0.5;
}

2
packages/dashboard/app/components/ErrorBoundary.css
View File

@@ -47,7 +47,7 @@
.error-boundary__message {
font-size: 0.85rem;
color: var(--text-secondary);
color: var(--text-muted);
background: var(--bg);
padding: var(--space-sm) var(--space-md);
border-radius: var(--radius-sm);

8
packages/dashboard/app/components/FileMentionPopup.css
View File

@@ -123,7 +123,7 @@
align-items: center;
justify-content: center;
gap: var(--space-lg);
color: var(--text-secondary);
color: var(--text-muted);
padding: var(--space-xl);
text-align: center;
}
@@ -178,7 +178,7 @@
flex-direction: column;
gap: var(--space-xs);
font-size: calc(var(--space-sm) + (var(--space-xs) * 1.25));
color: var(--text-secondary);
color: var(--text-muted);
}
.chat-new-dialog input,
@@ -250,7 +250,7 @@
.chat-new-dialog-empty {
padding: var(--space-lg);
text-align: center;
color: var(--text-secondary);
color: var(--text-muted);
font-size: calc(var(--space-sm) + (var(--space-xs) * 1.5));
}
@@ -296,7 +296,7 @@
.chat-new-dialog-agent-role {
font-size: var(--space-md);
color: var(--text-secondary);
color: var(--text-muted);
text-transform: capitalize;
}

2
packages/dashboard/app/components/ListView.tsx
View File

@@ -24,7 +24,7 @@ const COLUMN_COLOR_MAP: Record<Column, string> = {
"in-progress": "var(--in-progress)",
"in-review": "var(--in-review)",
done: "var(--done)",
archived: "var(--text-secondary)",
archived: "var(--text-dim)",
};
const ACTIVE_STATUSES = new Set(["planning", "researching", "executing", "finalizing", "merging", "merging-fix"]);

6
packages/dashboard/app/components/NewTaskModal.css
View File

@@ -94,7 +94,7 @@
border-top: 1px solid var(--border-subtle);
border-bottom: 1px solid var(--border-subtle);
background: transparent;
color: var(--text-secondary, var(--text-muted));
color: var(--text-muted);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.3px;
@@ -164,7 +164,7 @@
.task-form-more-options .form-group small {
margin-top: var(--space-sm);
color: var(--text-secondary, var(--text-muted));
color: var(--text-muted);
}
.task-form-more-options .model-select-row {
@@ -338,7 +338,7 @@
height: calc(var(--space-lg) + var(--space-xs));
border-radius: var(--radius-sm);
background: var(--bg-tertiary);
color: var(--text-secondary);
color: var(--text-muted);
font-size: 11px;
font-weight: 600;
flex-shrink: 0;

4
packages/dashboard/app/components/PluginManager.css
View File

@@ -44,7 +44,7 @@
.plugin-install-hint {
margin: 0;
font-size: var(--font-size-sm, 0.85rem);
color: var(--text-secondary, var(--text-muted));
color: var(--text-muted);
line-height: 1.45;
}
@@ -203,7 +203,7 @@
.plugin-description {
font-size: var(--font-size-md, 0.95rem);
color: var(--text-secondary, var(--text-muted));
color: var(--text-muted);
line-height: 1.5;
}

14
packages/dashboard/app/components/ScriptsModal.css
View File

@@ -524,7 +524,7 @@
.schedule-steps-badge {
font-size: 11px;
font-weight: 500;
color: var(--text-secondary);
color: var(--text-muted);
}
.schedule-meta-command-preview {
@@ -534,7 +534,7 @@
.schedule-command-preview {
font-size: 11px;
color: var(--text-secondary);
color: var(--text-muted);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@@ -643,7 +643,7 @@
.steps-editor-title {
font-size: 12px;
font-weight: 600;
color: var(--text-secondary);
color: var(--text-muted);
}
.steps-empty-state {
@@ -755,7 +755,7 @@
font-weight: 500;
border: none;
background: var(--bg-secondary);
color: var(--text-secondary);
color: var(--text-muted);
cursor: pointer;
transition: background var(--transition-fast), color var(--transition-fast);
}
@@ -1054,7 +1054,7 @@
padding: 1px 7px;
background: var(--bg-secondary);
border-radius: var(--radius-sm);
color: var(--text-secondary);
color: var(--text-muted);
}
.routine-card-history {
@@ -1100,7 +1100,7 @@
border: 1px solid var(--border);
border-radius: var(--radius-md);
background: var(--bg);
color: var(--text-secondary);
color: var(--text-muted);
font-size: 13px;
font-weight: 500;
cursor: pointer;
@@ -1129,7 +1129,7 @@
border: 1px solid var(--border);
border-radius: var(--radius-md);
font-size: 13px;
color: var(--text-secondary);
color: var(--text-muted);
}
/* Routine mobile responsive */

14
packages/dashboard/app/components/SkillMultiselect.css
View File

@@ -8,7 +8,7 @@
.skill-multiselect-label {
font-size: 13px;
font-weight: 500;
color: var(--text-secondary);
color: var(--text-muted);
}
.skill-multiselect-chips {
@@ -23,7 +23,7 @@
gap: 4px;
padding: 2px 6px;
background: var(--bg-tertiary);
color: var(--text-secondary);
color: var(--text-muted);
border-radius: 4px;
font-size: 12px;
line-height: 1.4;
@@ -97,7 +97,7 @@
display: inline-block;
padding: 2px 6px;
background: var(--bg-tertiary);
color: var(--text-secondary);
color: var(--text-muted);
border-radius: 4px;
font-size: 11px;
line-height: 1.4;
@@ -106,7 +106,7 @@
/* Skill badges in AgentsView */
.badge-skill {
background: var(--bg-tertiary);
color: var(--text-secondary);
color: var(--text-muted);
}
.agent-board-skills {
@@ -120,7 +120,7 @@
display: inline-block;
padding: 1px 5px;
background: var(--bg-tertiary);
color: var(--text-secondary);
color: var(--text-muted);
border-radius: 3px;
font-size: 10px;
line-height: 1.4;
@@ -135,7 +135,7 @@
display: inline-block;
padding: 1px 5px;
background: var(--bg-tertiary);
color: var(--text-secondary);
color: var(--text-muted);
border-radius: 3px;
font-size: 10px;
line-height: 1.4;
@@ -147,7 +147,7 @@
display: inline-block;
padding: 1px 5px;
background: var(--bg-tertiary);
color: var(--text-secondary);
color: var(--text-muted);
border-radius: 3px;
font-size: 10px;
line-height: 1.4;

2
packages/dashboard/app/components/WorkflowStepManager.css
View File

@@ -424,7 +424,7 @@
}
.wfm-model-clear-btn:hover {
color: var(--text-secondary);
color: var(--text-muted);
background: var(--bg-tertiary);
}

8
packages/dashboard/app/styles.css
View File

@@ -312,7 +312,7 @@ html {
--mission-complete-bg: color-mix(in srgb, #3b82f6 15%, transparent);
--mission-complete-text: #3b82f6;
--mission-archived-bg: var(--bg-tertiary);
--mission-archived-text: var(--text-secondary);
--mission-archived-text: var(--text-dim);
/* === Slice Status Colors === */
--slice-pending-bg: color-mix(in srgb, var(--triage) 15%, transparent);
@@ -344,7 +344,7 @@ html {
/* === Loop State Colors === */
--loop-idle-bg: var(--bg-tertiary);
--loop-idle-text: var(--text-secondary);
--loop-idle-text: var(--text-muted);
--loop-idle-indicator: var(--text-dim);
--loop-implementing-bg: color-mix(in srgb, var(--in-review) 15%, transparent);
--loop-implementing-text: var(--in-review);
@@ -1171,7 +1171,7 @@ body {
border-radius: 50%;
border: none;
background: transparent;
color: var(--text-secondary);
color: var(--text-muted);
display: flex;
align-items: center;
justify-content: center;
@@ -3477,7 +3477,7 @@ input[type="range"]:focus-visible {
/* === Global utility classes (rescued from misclassified extractions) ====== */
.text-muted { color: var(--text-muted); }
.text-secondary { color: var(--text-secondary, var(--text-muted)); }
.text-secondary { color: var(--text-muted); }
.text-dim { color: var(--text-dim, var(--text-muted)); }
/* === Column header dropdown menu (todo column "Respecify All", etc.) ====== */

4
packages/dashboard/app/utils/__tests__/agentHealth.test.tsx
View File

@@ -184,7 +184,7 @@ describe("getAgentHealthStatus", () => {
const status = getAgentHealthStatus(agent);
expect(status.label).toBe("Starting...");
expect(status.stateDerived).toBe(false);
expect(status.color).toBe("var(--text-secondary)");
expect(status.color).toBe("var(--text-muted)");
});
it('returns "Idle" for non-active agents with no lastHeartbeatAt', () => {
@@ -192,7 +192,7 @@ describe("getAgentHealthStatus", () => {
const status = getAgentHealthStatus(agent);
expect(status.label).toBe("Idle");
expect(status.stateDerived).toBe(false);
expect(status.color).toBe("var(--text-secondary)");
expect(status.color).toBe("var(--text-muted)");
});
});

2
packages/dashboard/app/utils/agentHealth.tsx
View File

@@ -170,7 +170,7 @@ export function getAgentHealthStatus(agent: AgentHealthInput): AgentHealthStatus
return {
label: state === "active" ? "Starting..." : "Idle",
icon: <Bot size={14} />,
color: "var(--text-secondary)",
color: "var(--text-muted)",
stateDerived: false,
};
}