[BUG] [alpha] Process Explorer process name uses font-medium (500) in table row but font-semibold (600) in details panel — same text renders at different weights when selecting a process (ProcessExplorer.tsx:220 vs 451)

[artur0306]

Project

ide

Description

In ProcessExplorer.tsx, the process name text appears in two locations: the table row and the details panel. Both use text-sm (14px) but different font weights — font-medium (500) in the table and font-semibold (600) in the details panel. When the user clicks a row to open the details panel, the same process name appears at both locations simultaneously, rendering at two different boldness levels.

Error Message

Debug Logs

System Information

Cortex IDE alpha (Tauri v2 + SolidJS)
Windows 11 Pro 10.0.22631

Screenshots

2026-03-27.17-35-41.mp4

Steps to Reproduce

Open Developer: Open Process Explorer from the command palette.
Look at any process in the table — e.g., "cortex-desktop". The name uses font-medium (500 weight).
Click the row to open the details panel on the right.
The details panel header shows the same "cortex-desktop" name in font-semibold (600 weight).
Both names are visible simultaneously — the details panel name is visibly bolder than the table name.

Expected Behavior

The process name should use the same font weight in both locations, or the weight difference should be intentional with a larger size difference to justify it (e.g., details panel uses 16px semibold while table uses 14px medium).

Actual Behavior

Table row at ProcessExplorer.tsx:220:

// ← 14px, weight 500 {props.process.name}

Details panel at [ProcessExplorer.tsx:451](vscode-webview://165p4t7n8f4mfe50j1of95apin853eokuccbihbnpjj847om667u/src/components/dev/ProcessExplorer.tsx#L451):

// ← 14px, weight 600 {props.process.name}

Location	Font Size	Font Weight	Class
Table row	text-sm (14px)	font-medium (500)	text-sm font-medium
Details panel	text-sm (14px)	font-semibold (600)	text-sm font-semibold
Same size, different weight. The 100-unit weight difference (500 → 600) produces a visible bolding when the user selects a row and sees the same name in the details.

Additional Context

The PID display also differs between locations: table shows raw PID ({props.process.pid}) while details shows prefixed PID (PID {props.process.pid}). But the PID text size matches (both text-xs in details subtitle, text-sm font-mono in table).
Component: src/components/dev/ProcessExplorer.tsx

[echobt]

✅ Validated

VALID bug report. The issue accurately describes a UI inconsistency in ProcessExplorer.tsx where the process name uses font-medium (500) in the table row (line ~220) but font-semibold (600) in the details panel (line ~451). Both use the same text-sm size (14px), creating a visible weight difference when the same process name appears in both locations. The video evidence is authentic and clearly demonstrates the issue using DevTools. The component is accessible via Menu → Developer → Process Explorer. The code confirms the exact bug described.