chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: clean up remaining design system v4 stragglers

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/copilot/CopilotToggle.tsx
View File

@@ -11,7 +11,7 @@ export function CopilotToggle({ isOpen, onToggle }: CopilotToggleProps) {
return (
<button
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"
>
<MessageCircle size={22} />

2
frontend/src/components/public/TemplateDetailModal.tsx
View File

@@ -201,7 +201,7 @@ export function TemplateDetailModal(props: TemplateDetailModalProps) {
key={param.name}
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}
</code>
<span className="text-[#848b9b] text-sm flex-1">

2
frontend/src/components/script-editor/ParameterDetectorStepper.tsx
View File

@@ -127,7 +127,7 @@ export function ParameterDetectorStepper({
{/* Matched line */}
<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}
</p>
<p className="font-sans text-xs text-[0.5rem] text-[#848b9b] mt-1">

4
frontend/src/components/script-editor/ParameterSchemaBuilder.tsx
View File

@@ -97,7 +97,7 @@ export function ParameterSchemaBuilder({ schema, onChange, disabled }: Props) {
type="button"
onClick={() => mode === 'json' ? switchToVisual() : undefined}
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'
? 'bg-[rgba(34,211,238,0.10)] border-primary/30 text-[#e2e5eb]'
: 'border-[#1e2130] text-[#848b9b] hover:text-[#e2e5eb]'
@@ -109,7 +109,7 @@ export function ParameterSchemaBuilder({ schema, onChange, disabled }: Props) {
type="button"
onClick={() => mode === 'visual' ? switchToJson() : undefined}
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'
? 'bg-[rgba(34,211,238,0.10)] border-primary/30 text-[#e2e5eb]'
: 'border-[#1e2130] text-[#848b9b] hover:text-[#e2e5eb]'

2
frontend/src/components/tree-editor/ValidationSummary.tsx
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',
isFixing
? '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 ? (