system-monitor: show pm2 id (#) column in the pm2 processes view

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/workspaces/officerdev/src/apps/SystemMonitor/Pm2View.tsx

@@ -42,6 +42,7 @@ export const Pm2View = () => {
           <table className="w-full text-left text-sm">
             <thead>
               <tr className="text-xs uppercase tracking-wide text-muted-foreground">
+                <th className="p-3 text-right font-medium">#</th>
                 <th className="p-3 font-medium">Name</th>
                 <th className="p-3 font-medium">Status</th>
                 <th className="p-3 text-right font-medium">CPU%</th>
@@ -54,6 +55,7 @@ export const Pm2View = () => {
             <tbody>
               {(procs ?? []).map((p) => (
                 <tr key={p.id} className="border-t border-border/60">
+                  <td className="p-3 text-right font-mono text-muted-foreground">{p.id}</td>
                   <td className="p-3 font-medium text-foreground">{p.name}</td>
                   <td className="p-3">
                     <span className="inline-flex items-center gap-1.5 text-xs text-muted-foreground">
@@ -70,7 +72,7 @@ export const Pm2View = () => {
               ))}
               {procs && procs.length === 0 && (
                 <tr>
-                  <td colSpan={7} className="p-3 text-muted-foreground">no processes</td>
+                  <td colSpan={8} className="p-3 text-muted-foreground">no processes</td>
                 </tr>
               )}
             </tbody>