fix: clean up remaining design system v4 stragglers

Remove shadow-primary remnants and fix double text-xs from font-label
replacement in CopilotToggle, ValidationSummary, TemplateDetailModal,
and ParameterSchemaBuilder/ParameterDetectorStepper.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Michael Chihlas
2026-03-22 02:21:25 -04:00
parent d1a56f0529
commit 367f6f4507
5 changed files with 6 additions and 6 deletions

View File

@@ -11,7 +11,7 @@ export function CopilotToggle({ isOpen, onToggle }: CopilotToggleProps) {
return ( return (
<button <button
onClick={onToggle} onClick={onToggle}
className="fixed bottom-6 right-6 z-40 bg-[#22d3ee] text-brand-dark p-3.5 rounded-full shadow-lg shadow-primary/30 hover:brightness-110 active:scale-[0.98] transition-all" className="fixed bottom-6 right-6 z-40 bg-[#22d3ee] text-white p-3.5 rounded-full hover:brightness-110 active:scale-[0.98] transition-all"
title="Open AI Copilot" title="Open AI Copilot"
> >
<MessageCircle size={22} /> <MessageCircle size={22} />

View File

@@ -201,7 +201,7 @@ export function TemplateDetailModal(props: TemplateDetailModalProps) {
key={param.name} key={param.name}
className="flex items-start gap-3 bg-[#14161d] border border-[#1e2130] rounded-xl p-3" className="flex items-start gap-3 bg-[#14161d] border border-[#1e2130] rounded-xl p-3"
> >
<code className="font-sans text-xs text-xs text-[#22d3ee] shrink-0"> <code className="font-sans text-xs text-[#22d3ee] shrink-0">
{param.name} {param.name}
</code> </code>
<span className="text-[#848b9b] text-sm flex-1"> <span className="text-[#848b9b] text-sm flex-1">

View File

@@ -127,7 +127,7 @@ export function ParameterDetectorStepper({
{/* Matched line */} {/* Matched line */}
<div className="rounded-lg bg-black/20 px-3 py-2"> <div className="rounded-lg bg-black/20 px-3 py-2">
<p className="font-sans text-xs text-xs text-amber-400 break-all"> <p className="font-sans text-xs text-amber-400 break-all">
{current.matchedLine} {current.matchedLine}
</p> </p>
<p className="font-sans text-xs text-[0.5rem] text-[#848b9b] mt-1"> <p className="font-sans text-xs text-[0.5rem] text-[#848b9b] mt-1">

View File

@@ -97,7 +97,7 @@ export function ParameterSchemaBuilder({ schema, onChange, disabled }: Props) {
type="button" type="button"
onClick={() => mode === 'json' ? switchToVisual() : undefined} onClick={() => mode === 'json' ? switchToVisual() : undefined}
className={cn( className={cn(
'flex items-center gap-1.5 font-sans text-xs text-xs px-3 py-1.5 rounded-full border transition-all', 'flex items-center gap-1.5 font-sans text-xs px-3 py-1.5 rounded-full border transition-all',
mode === 'visual' mode === 'visual'
? 'bg-[rgba(34,211,238,0.10)] border-primary/30 text-[#e2e5eb]' ? 'bg-[rgba(34,211,238,0.10)] border-primary/30 text-[#e2e5eb]'
: 'border-[#1e2130] text-[#848b9b] hover:text-[#e2e5eb]' : 'border-[#1e2130] text-[#848b9b] hover:text-[#e2e5eb]'
@@ -109,7 +109,7 @@ export function ParameterSchemaBuilder({ schema, onChange, disabled }: Props) {
type="button" type="button"
onClick={() => mode === 'visual' ? switchToJson() : undefined} onClick={() => mode === 'visual' ? switchToJson() : undefined}
className={cn( className={cn(
'flex items-center gap-1.5 font-sans text-xs text-xs px-3 py-1.5 rounded-full border transition-all', 'flex items-center gap-1.5 font-sans text-xs px-3 py-1.5 rounded-full border transition-all',
mode === 'json' mode === 'json'
? 'bg-[rgba(34,211,238,0.10)] border-primary/30 text-[#e2e5eb]' ? 'bg-[rgba(34,211,238,0.10)] border-primary/30 text-[#e2e5eb]'
: 'border-[#1e2130] text-[#848b9b] hover:text-[#e2e5eb]' : 'border-[#1e2130] text-[#848b9b] hover:text-[#e2e5eb]'

View File

@@ -77,7 +77,7 @@ export function ValidationSummary({ errors, onSelectNode, onFixWithAI, isFixing,
'flex items-center gap-1.5 rounded-md px-3 py-1 text-xs font-medium transition-colors', 'flex items-center gap-1.5 rounded-md px-3 py-1 text-xs font-medium transition-colors',
isFixing isFixing
? 'bg-[rgba(34,211,238,0.10)] text-[#22d3ee] cursor-wait' ? 'bg-[rgba(34,211,238,0.10)] text-[#22d3ee] cursor-wait'
: 'bg-[#22d3ee] text-white shadow-xs shadow-primary/20 hover:brightness-110' : 'bg-[#22d3ee] text-white hover:brightness-110'
)} )}
> >
{isFixing ? ( {isFixing ? (