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

refactor: migrate remaining components to Design System v4

Browse Source 
111 files across 14 directories: common, tree-editor, kb-accelerator,
copilot, assistant, analytics, library, procedural, procedural-editor,
public, script-editor, ui, admin, step-library.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Michael Chihlas
2026-03-22 02:18:15 -04:00
parent 858f890ed3
commit d1a56f0529
111 changed files with 1330 additions and 1330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/components/admin/CategoryRow.tsx
View File

@@ -38,7 +38,7 @@ export function CategoryRow({
ref={setNodeRef}
style={style}
className={cn(
'flex items-center gap-3 bg-card border border-border rounded-xl p-4',
'flex items-center gap-3 bg-[#14161d] border border-[#1e2130] rounded-xl p-4',
isDragging && 'opacity-50'
)}
>
@@ -47,7 +47,7 @@ export function CategoryRow({
type="button"
{...attributes}
{...listeners}
className="cursor-grab touch-none text-muted-foreground hover:text-foreground active:cursor-grabbing"
className="cursor-grab touch-none text-[#848b9b] hover:text-[#e2e5eb] active:cursor-grabbing"
aria-label="Drag to reorder"
>
<GripVertical className="h-5 w-5" />
@@ -56,17 +56,17 @@ export function CategoryRow({
{/* Category Info */}
<div className="flex-1">
<div className="flex items-center gap-2">
<h3 className="font-medium text-foreground">{category.name}</h3>
<h3 className="font-medium text-[#e2e5eb]">{category.name}</h3>
{!category.is_active && (
<span className="rounded-full bg-accent px-2 py-0.5 text-xs font-medium text-muted-foreground">
<span className="rounded-full bg-accent px-2 py-0.5 text-xs font-medium text-[#848b9b]">
Archived
</span>
)}
</div>
{category.description && (
<p className="mt-1 text-sm text-muted-foreground">{category.description}</p>
<p className="mt-1 text-sm text-[#848b9b]">{category.description}</p>
)}
<p className="mt-1 text-xs text-muted-foreground">
<p className="mt-1 text-xs text-[#848b9b]">
{stepCount} step{stepCount !== 1 ? 's' : ''}
</p>
</div>
@@ -77,8 +77,8 @@ export function CategoryRow({
type="button"
onClick={() => onEdit(category)}
className={cn(
'rounded-md border border-border bg-card p-2 text-muted-foreground',
'hover:bg-accent hover:text-foreground'
'rounded-md border border-[#1e2130] bg-[#14161d] p-2 text-[#848b9b]',
'hover:bg-accent hover:text-[#e2e5eb]'
)}
title="Edit category"
aria-label="Edit category"
@@ -91,7 +91,7 @@ export function CategoryRow({
type="button"
onClick={() => onArchive(category.id)}
className={cn(
'rounded-md border border-input bg-background p-2 text-muted-foreground',
'rounded-md border border-input bg-[#0c0d10] p-2 text-[#848b9b]',
'hover:bg-accent hover:text-accent-foreground'
)}
title="Archive category"
@@ -104,7 +104,7 @@ export function CategoryRow({
type="button"
onClick={() => onRestore(category.id)}
className={cn(
'rounded-md border border-input bg-background p-2 text-muted-foreground',
'rounded-md border border-input bg-[#0c0d10] p-2 text-[#848b9b]',
'hover:bg-accent hover:text-accent-foreground'
)}
title="Restore category"