monoadmin/the-other-dude
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): migrate all components to Warm Precision token names

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-21 11:49:37 -05:00
parent f7108ba357
commit b39014ef47
118 changed files with 322 additions and 322 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/fleet/AdoptionWizard.tsx
View File

@@ -231,7 +231,7 @@ export function AdoptionWizard({ tenantId }: AdoptionWizardProps) {
{/* Step 3: Configure Credentials */}
{step === 3 && (
<div className="rounded-lg border border-border bg-surface p-6 space-y-4">
<div className="rounded-lg border border-border bg-panel p-6 space-y-4">
<div>
<h3 className="text-sm font-semibold">Configure Credentials</h3>
<p className="text-xs text-text-muted mt-0.5">
@@ -253,7 +253,7 @@ export function AdoptionWizard({ tenantId }: AdoptionWizardProps) {
className={cn(
'flex-1 px-3 py-1.5 rounded text-xs font-medium transition-colors',
credMode === opt.value
? 'bg-surface text-text-primary shadow-sm'
? 'bg-panel text-text-primary shadow-sm'
: 'text-text-muted hover:text-text-secondary',
)}
>
@@ -389,7 +389,7 @@ export function AdoptionWizard({ tenantId }: AdoptionWizardProps) {
{/* Step 4: Assign Groups & Tags */}
{step === 4 && (
<div className="rounded-lg border border-border bg-surface p-6 space-y-4">
<div className="rounded-lg border border-border bg-panel p-6 space-y-4">
<div>
<h3 className="text-sm font-semibold">Assign Groups & Tags</h3>
<p className="text-xs text-text-muted mt-0.5">
@@ -584,7 +584,7 @@ function SubnetStep({
}
return (
<div className="rounded-lg border border-border bg-surface p-6 space-y-4">
<div className="rounded-lg border border-border bg-panel p-6 space-y-4">
<div>
<h3 className="text-sm font-semibold">Enter Subnet</h3>
<p className="text-xs text-text-muted mt-0.5">
@@ -682,7 +682,7 @@ function ScanResultsStep({
).length
return (
<div className="rounded-lg border border-border bg-surface p-6 space-y-4">
<div className="rounded-lg border border-border bg-panel p-6 space-y-4">
<div className="flex items-center justify-between">
<div>
<h3 className="text-sm font-semibold">Scan Results</h3>
@@ -703,7 +703,7 @@ function ScanResultsStep({
<div className="rounded-md border border-border/50 overflow-hidden max-h-72 overflow-y-auto">
<table className="w-full text-sm">
<thead className="sticky top-0">
<tr className="border-b border-border bg-surface">
<tr className="border-b border-border bg-panel">
<th className="px-3 py-2 w-8">
<Checkbox
checked={allNewSelected}
@@ -959,7 +959,7 @@ function ImportVerifyStep({
])
return (
<div className="rounded-lg border border-border bg-surface p-6 space-y-4">
<div className="rounded-lg border border-border bg-panel p-6 space-y-4">
<div>
<h3 className="text-sm font-semibold">Import & Verify</h3>
<p className="text-xs text-text-muted mt-0.5">
@@ -1013,7 +1013,7 @@ function ImportVerifyStep({
<div className="rounded-md border border-border/50 overflow-hidden">
<table className="w-full text-sm">
<thead>
<tr className="border-b border-border bg-surface">
<tr className="border-b border-border bg-panel">
<th className="text-left px-3 py-2 text-xs font-medium text-text-muted">
Device
</th>

2
frontend/src/components/fleet/FleetDashboard.tsx
View File

@@ -213,7 +213,7 @@ export function FleetDashboard() {
</span>
)}
{/* Refresh interval selector */}
<div className="flex items-center rounded-md border border-border bg-surface">
<div className="flex items-center rounded-md border border-border bg-panel">
{REFRESH_OPTIONS.map((opt) => (
<button
key={opt.label}

2
frontend/src/components/fleet/FleetTable.tsx
View File

@@ -92,7 +92,7 @@ function SortHeader({ column, label, currentSort, currentDir, onSort, className
function DeviceCard({ device, tenantId }: { device: DeviceResponse; tenantId: string }) {
return (
<div
className="w-full text-left rounded-lg border border-border bg-surface p-3 hover:bg-elevated/50 transition-colors min-h-[44px]"
className="w-full text-left rounded-lg border border-border bg-panel p-3 hover:bg-elevated/50 transition-colors min-h-[44px]"
data-testid={`device-card-${device.hostname}`}
>
<div className="flex items-start justify-between gap-2">

6
frontend/src/components/fleet/ScanResultsList.tsx
View File

@@ -104,7 +104,7 @@ export function ScanResultsList({ tenantId, results, onDone }: Props) {
<div className="rounded-lg border border-border overflow-hidden">
<table className="w-full text-sm">
<thead>
<tr className="border-b border-border bg-surface">
<tr className="border-b border-border bg-panel">
<th className="px-3 py-2 w-8">
<Checkbox
checked={allSelected}
@@ -121,7 +121,7 @@ export function ScanResultsList({ tenantId, results, onDone }: Props) {
{results.discovered.map((device) => (
<tr
key={device.ip_address}
className="border-b border-border/50 hover:bg-surface cursor-pointer"
className="border-b border-border/50 hover:bg-panel cursor-pointer"
onClick={() => toggleSelect(device.ip_address)}
>
<td className="px-3 py-2" onClick={(e) => e.stopPropagation()}>
@@ -154,7 +154,7 @@ export function ScanResultsList({ tenantId, results, onDone }: Props) {
{/* Credentials */}
{selected.size > 0 && (
<div className="rounded-lg border border-border bg-surface p-4 space-y-3">
<div className="rounded-lg border border-border bg-panel p-4 space-y-3">
<div className="flex items-center gap-2">
<h3 className="text-sm font-medium">
Credentials for {selected.size} selected device{selected.size !== 1 ? 's' : ''}