@hienlh/ppm 0.23.10 → 0.23.12

package/src/web/components/system/performance/fans-detail.tsx

@@ -1,12 +1,17 @@
 /** Fans — Mission Center's Fan page. One row per tachometer, with the duty cycle
- *  and the temperature the same chip reports beside it. */
+ *  and the temperature the same chip reports beside it. A Mac's SMC reports
+ *  neither — only the speeds its controller keeps each fan between — so there the
+ *  row shows those instead. */
 import { formatTemp } from "@/lib/temperature";
 import { useSettingsStore } from "@/stores/settings-store";
 import { DetailHeader, Stat, StatGrid } from "./detail-parts";
-import type { FanMetrics } from "../../../../types/system-metrics";
+import type { FanMetrics, MetricsPlatform } from "../../../../types/system-metrics";
 
-export function FansDetail({ fans }: { fans: readonly FanMetrics[] }) {
+const rpm = (value: number | undefined) => (value === undefined ? undefined : `${value} RPM`);
+
+export function FansDetail({ fans, platform }: { fans: readonly FanMetrics[]; platform?: MetricsPlatform }) {
   const tempUnit = useSettingsStore((s) => s.sysmonTempUnit);
+  const mac = platform === "darwin";
   const fastest = fans.length > 0 ? Math.max(...fans.map((f) => f.rpm)) : 0;
   return (
     <div className="space-y-4" data-testid="sysmon-detail-fans" data-fan-count={fans.length}>
@@ -23,9 +28,18 @@ export function FansDetail({ fans }: { fans: readonly FanMetrics[] }) {
               <span className="text-sm tabular-nums shrink-0">{fan.rpm} RPM</span>
             </div>
             <StatGrid>
-              <Stat label="Duty cycle" value={fan.pwmPercent === undefined ? undefined
-                : `${fan.pwmPercent.toFixed(0)}%`} />
-              <Stat label={fan.tempName ?? "Temperature"} value={formatTemp(fan.tempC, tempUnit)} />
+              {mac ? (
+                <>
+                  <Stat label="Minimum" value={rpm(fan.minRpm)} />
+                  <Stat label="Maximum" value={rpm(fan.maxRpm)} />
+                </>
+              ) : (
+                <>
+                  <Stat label="Duty cycle" value={fan.pwmPercent === undefined ? undefined
+                    : `${fan.pwmPercent.toFixed(0)}%`} />
+                  <Stat label={fan.tempName ?? "Temperature"} value={formatTemp(fan.tempC, tempUnit)} />
+                </>
+              )}
             </StatGrid>
           </div>
         ))}

package/src/web/components/system/performance/gpu-detail.tsx

@@ -8,7 +8,7 @@ import { formatTemp } from "@/lib/temperature";
 import { useSettingsStore } from "@/stores/settings-store";
 import { CHART_COLORS, DetailChart, DetailHeader, Stat, StatGrid, useSeries } from "./detail-parts";
 import type { GpuInfo } from "../../../../types/system-metrics";
-import type { GpuMetrics, MetricsHistoryPoint } from "../../../../types/system-metrics";
+import type { GpuMetrics, MetricsHistoryPoint, MetricsPlatform } from "../../../../types/system-metrics";
 
 function pcie(gen: number | undefined, lanes: number | undefined): string | undefined {
   if (gen === undefined && lanes === undefined) return undefined;
@@ -16,9 +16,16 @@ function pcie(gen: number | undefined, lanes: number | undefined): string | unde
 }
 
 export function GpuDetail({
-  gpu, info, index, history,
-}: { gpu: GpuMetrics; info?: GpuInfo; index: number; history: readonly MetricsHistoryPoint[] }) {
+  gpu, info, index, history, platform,
+}: {
+  gpu: GpuMetrics; info?: GpuInfo; index: number; history: readonly MetricsHistoryPoint[]; platform?: MetricsPlatform;
+}) {
   const tempUnit = useSettingsStore((s) => s.sysmonTempUnit);
+  // A Mac's GPU has no media-engine counters, no memory clock of its own, no PCI
+  // address on Apple Silicon, and no OpenGL or Vulkan version worth stating (OpenGL
+  // is frozen at 4.1, Vulkan is not native): those rows are left out, and the two
+  // facts macOS does state — core count and Metal — take their place.
+  const mac = platform === "darwin";
   const pick = (p: MetricsHistoryPoint) =>
     p.system.gpus.find((g) => (gpu.id ? g.id === gpu.id : g.name === gpu.name));
   const util = useSeries(history, (p) => pick(p)?.utilPercent);
@@ -83,33 +90,45 @@ export function GpuDetail({
       )}
 
       <StatGrid>
-        <Stat label="Video memory" value={hasVram
-          ? `${formatRam(gpu.vramUsedMB)} / ${formatRam(gpu.vramTotalMB)}` : undefined} />
+        {(!mac || hasVram) && (
+          <Stat label="Video memory" value={hasVram
+            ? `${formatRam(gpu.vramUsedMB)} / ${formatRam(gpu.vramTotalMB)}` : undefined} />
+        )}
         <Stat label={hasVram ? "Shared memory" : "Memory usage"} value={gpu.sharedTotalMB === undefined ? undefined
           : `${formatRam(gpu.sharedUsedMB ?? 0)} / ${formatRam(gpu.sharedTotalMB)}`} />
-        <Stat
-          label={videoShared ? "Video encode/decode" : "Video encode"}
-          value={gpu.encodePercent === undefined ? undefined : `${gpu.encodePercent.toFixed(0)}%`}
-        />
-        {!videoShared && (
+        {!mac && (
+          <Stat
+            label={videoShared ? "Video encode/decode" : "Video encode"}
+            value={gpu.encodePercent === undefined ? undefined : `${gpu.encodePercent.toFixed(0)}%`}
+          />
+        )}
+        {!mac && !videoShared && (
           <Stat label="Video decode" value={gpu.decodePercent === undefined ? undefined
             : `${gpu.decodePercent.toFixed(0)}%`} />
         )}
         <Stat label="Clock" value={gpu.clockMHz === undefined ? undefined
           : `${gpu.clockMHz} MHz${gpu.clockMaxMHz ? ` / ${gpu.clockMaxMHz}` : ""}`} />
-        <Stat label="Memory clock" value={gpu.memClockMHz === undefined ? undefined
-          : `${gpu.memClockMHz} MHz${gpu.memClockMaxMHz ? ` / ${gpu.memClockMaxMHz}` : ""}`} />
+        {!mac && (
+          <Stat label="Memory clock" value={gpu.memClockMHz === undefined ? undefined
+            : `${gpu.memClockMHz} MHz${gpu.memClockMaxMHz ? ` / ${gpu.memClockMaxMHz}` : ""}`} />
+        )}
         <Stat label="Power" value={gpu.powerW === undefined ? undefined
           : `${gpu.powerW.toFixed(1)} W${gpu.powerMaxW ? ` / ${gpu.powerMaxW}` : ""}`} />
         <Stat label="Temperature" value={formatTemp(gpu.tempC, tempUnit)} />
+        {mac && <Stat label="GPU cores" value={info?.coreCount?.toString()} />}
         <Stat label="Vendor" value={info?.vendor} />
         <Stat label="Driver" value={info?.driver === undefined ? undefined
           : [info.driver, info.driverVersion].filter(Boolean).join(" ")} />
-        <Stat label="OpenGL" value={info?.openglVersion} />
-        <Stat label="Vulkan" value={info?.vulkanVersion} />
-        <Stat label="PCI bus address" value={gpu.id} />
-        <Stat label="PCIe link" value={pcie(info?.pcieGen, info?.pcieLanes)} />
-        <Stat label="PCIe maximum" value={pcie(info?.pcieMaxGen, info?.pcieMaxLanes)} />
+        {mac && <Stat label="Metal" value={info?.metalVersion} />}
+        {!mac && (
+          <>
+            <Stat label="OpenGL" value={info?.openglVersion} />
+            <Stat label="Vulkan" value={info?.vulkanVersion} />
+            <Stat label="PCI bus address" value={gpu.id} />
+            <Stat label="PCIe link" value={pcie(info?.pcieGen, info?.pcieLanes)} />
+            <Stat label="PCIe maximum" value={pcie(info?.pcieMaxGen, info?.pcieMaxLanes)} />
+          </>
+        )}
       </StatGrid>
     </div>
   );

package/src/web/components/system/performance/memory-detail.tsx

@@ -1,14 +1,23 @@
 /** Memory page — Mission Center's Memory tab: the usage graph, the composition
- *  strip whose four parts add up to the total exactly, and the SMBIOS slot table. */
+ *  strip, and the SMBIOS slot table. The strip has four parts on Linux, which add
+ *  up to the total exactly, and three on macOS, which counts no dirty pages. */
 import { formatBytes, formatRam } from "@/lib/format-bytes";
 import { historySpanLabel } from "@/lib/cpu-graph-mode";
 import { CHART_COLORS, CompositionBar, DetailChart, DetailHeader, Stat, StatGrid, useSeries } from "./detail-parts";
 import type { MemoryInfo } from "../../../../types/system-hardware";
-import type { MemoryMetrics, MetricsHistoryPoint } from "../../../../types/system-metrics";
+import type { MemoryMetrics, MetricsHistoryPoint, MetricsPlatform } from "../../../../types/system-metrics";
+
+interface Segment { label: string; value: number; color: string }
 
 export function MemoryDetail({
-  mem, info, history,
-}: { mem: MemoryMetrics; info?: MemoryInfo; history: readonly MetricsHistoryPoint[] }) {
+  mem, info, history, platform,
+}: {
+  mem: MemoryMetrics;
+  info?: MemoryInfo;
+  history: readonly MetricsHistoryPoint[];
+  platform?: MetricsPlatform;
+}) {
+  const mac = platform === "darwin";
   const used = useSeries(history, (p) => p.system.mem.percent);
   // Percent of the swap that is in use, so the graph shares the utilisation axis
   // with the memory one above it rather than autoscaling to whatever megabyte
@@ -17,9 +26,18 @@ export function MemoryDetail({
     const total = p.system.mem.swapTotalMB ?? 0;
     return total > 0 ? ((p.system.mem.swapUsedMB ?? 0) / total) * 100 : 0;
   });
-  // The four byte figures are produced together or not at all, so one of them
-  // being present is enough to know the strip can be drawn.
+  // In use, standby and free are produced together or not at all, so one of them
+  // being present is enough to know the strip can be drawn. Modified exists only
+  // where the kernel counts dirty pages, and a part it does not count is left out
+  // rather than drawn as 0. macOS's reclaimable part is Activity Monitor's
+  // "Cached Files", so it is named that way there.
   const composed = mem.inUseBytes !== undefined;
+  const segments = [
+    { label: "In use", value: mem.inUseBytes, color: "var(--color-primary)" },
+    { label: "Modified", value: mem.modifiedBytes, color: "var(--color-warning)" },
+    { label: mac ? "Cached" : "Standby", value: mem.standbyBytes, color: "var(--color-success)" },
+    { label: "Free", value: mem.freeBytes, color: "var(--color-border)" },
+  ].filter((s): s is Segment => s.value !== undefined);
   const span = historySpanLabel(history.map((p) => p.ts));
   const caption = (what: string) => (span ? `${what} ${span}` : what);
   // A host with swap off gets no swap graph at all: a flat zero line over an
@@ -55,17 +73,9 @@ export function MemoryDetail({
 
       {composed && (
         <div className="space-y-2">
-          <CompositionBar segments={[
-            { label: "In use", value: mem.inUseBytes ?? 0, color: "var(--color-primary)" },
-            { label: "Modified", value: mem.modifiedBytes ?? 0, color: "var(--color-warning)" },
-            { label: "Standby", value: mem.standbyBytes ?? 0, color: "var(--color-success)" },
-            { label: "Free", value: mem.freeBytes ?? 0, color: "var(--color-border)" },
-          ]} />
+          <CompositionBar segments={segments} />
           <div className="flex flex-wrap gap-x-4 gap-y-1 text-[11px] text-text-subtle">
-            <span>In use {formatBytes(mem.inUseBytes ?? 0)}</span>
-            <span>Modified {formatBytes(mem.modifiedBytes ?? 0)}</span>
-            <span>Standby {formatBytes(mem.standbyBytes ?? 0)}</span>
-            <span>Free {formatBytes(mem.freeBytes ?? 0)}</span>
+            {segments.map((s) => <span key={s.label}>{s.label} {formatBytes(s.value)}</span>)}
           </div>
         </div>
       )}
@@ -73,23 +83,36 @@ export function MemoryDetail({
       <StatGrid>
         <Stat label="Available" value={formatRam(mem.availableMB)} />
         <Stat label="Cached" value={mem.cachedMB === undefined ? undefined : formatRam(mem.cachedMB)} />
-        <Stat label="Committed" value={mem.committedMB === undefined ? undefined
-          : `${formatRam(mem.committedMB)} / ${mem.commitLimitMB === undefined ? "?" : formatRam(mem.commitLimitMB)}`} />
+        {/* macOS keeps no commit charge at all: it never promises address space
+            against a limit, so there is nothing for the row to be short of. */}
+        {!mac && (
+          <Stat label="Committed" value={mem.committedMB === undefined ? undefined
+            : `${formatRam(mem.committedMB)} / ${mem.commitLimitMB === undefined ? "?" : formatRam(mem.commitLimitMB)}`} />
+        )}
         <Stat label="Swap" value={mem.swapTotalMB === undefined ? undefined
           : `${formatRam(mem.swapUsedMB ?? 0)} / ${formatRam(mem.swapTotalMB)}`} />
-        <Stat label="Compressed (zram)" value={mem.zramCompressedMB === undefined ? undefined
+        {/* macOS's memory compressor is the same idea as zram, built into the
+            kernel — the figures mean the same, only the name is Linux's. */}
+        <Stat label={mac ? "Compressed" : "Compressed (zram)"} value={mem.zramCompressedMB === undefined ? undefined
           : formatRam(mem.zramCompressedMB)} />
-        <Stat label="Savings (zram)" value={mem.zramSavingsMB === undefined ? undefined
+        <Stat label={mac ? "Compression savings" : "Savings (zram)"} value={mem.zramSavingsMB === undefined ? undefined
           : formatRam(mem.zramSavingsMB)} />
-        <Stat label="Slots used" value={info === undefined ? undefined
-          : `${info.devices.length}${info.slotsTotal ? ` of ${info.slotsTotal}` : ""}`} />
-        <Stat label="Maximum capacity" value={info?.maxCapacityBytes === undefined ? undefined
-          : formatBytes(info.maxCapacityBytes)} />
+        {/* Unified memory sits inside the chip package: no slots to count and no
+            capacity to grow into. */}
+        {!info?.unified && (
+          <>
+            <Stat label="Slots used" value={info === undefined ? undefined
+              : `${info.devices.length}${info.slotsTotal ? ` of ${info.slotsTotal}` : ""}`} />
+            <Stat label="Maximum capacity" value={info?.maxCapacityBytes === undefined ? undefined
+              : formatBytes(info.maxCapacityBytes)} />
+          </>
+        )}
       </StatGrid>
 
       {info && info.devices.length > 0 && (
         <div className="space-y-1">
-          <h4 className="text-xs font-medium text-text-secondary">Slots</h4>
+          {/* One row that already says "Unified memory" needs no heading. */}
+          {!info.unified && <h4 className="text-xs font-medium text-text-secondary">Slots</h4>}
           <div className="rounded-md border border-border divide-y divide-border">
             {info.devices.map((device) => (
               <div key={device.locator} className="flex items-center justify-between gap-3 px-3 py-2 text-xs">

package/src/web/components/system/performance/nic-detail.tsx

@@ -3,7 +3,7 @@ import { formatBps, formatBytes } from "@/lib/format-bytes";
 import { CHART_COLORS, DetailChart, DetailHeader, Stat, StatGrid, useSeries } from "./detail-parts";
 import { NIC_KIND_LABELS } from "./device-list";
 import type { NicInfo } from "../../../../types/system-hardware";
-import type { MetricsHistoryPoint, NicMetrics, NicState } from "../../../../types/system-metrics";
+import type { MetricsHistoryPoint, MetricsPlatform, NicMetrics, NicState } from "../../../../types/system-metrics";
 
 const STATE_LABELS: Record<NicState, string> = {
   connected: "Connected",
@@ -14,8 +14,8 @@ const STATE_LABELS: Record<NicState, string> = {
 };
 
 export function NicDetail({
-  nic, info, history,
-}: { nic: NicMetrics; info?: NicInfo; history: readonly MetricsHistoryPoint[] }) {
+  nic, info, history, platform,
+}: { nic: NicMetrics; info?: NicInfo; history: readonly MetricsHistoryPoint[]; platform?: MetricsPlatform }) {
   const pick = (p: MetricsHistoryPoint) => p.system.nics?.find((n) => n.id === nic.id);
   const rx = useSeries(history, (p) => pick(p)?.rxBps);
   const tx = useSeries(history, (p) => pick(p)?.txBps);
@@ -45,7 +45,9 @@ export function NicDetail({
         <Stat label="Signal" value={nic.signalPercent === undefined ? undefined : `${nic.signalPercent}%`} />
         <Stat label="Frequency" value={nic.frequencyMHz === undefined ? undefined
           : `${(nic.frequencyMHz / 1000).toFixed(1)} GHz`} />
-        <Stat label="Driver" value={info?.driver} />
+        {/* A Mac's network drivers are IOKit classes nobody would recognise, so
+            none is reported — and a permanent dash would claim a failed read. */}
+        {platform !== "darwin" && <Stat label="Driver" value={info?.driver} />}
         <Stat label="Hardware address" value={info?.mac} />
         <Stat label="IPv4" value={info?.ipv4.join(", ")} title={info?.ipv4.join("\n")} />
         <Stat label="IPv6" value={info?.ipv6.join(", ")} title={info?.ipv6.join("\n")} />

package/src/web/components/system/performance/performance-panel.tsx

@@ -19,7 +19,7 @@ import { NicDetail } from "./nic-detail";
 import { GpuDetail } from "./gpu-detail";
 import { FansDetail } from "./fans-detail";
 import type { HardwareInventory } from "../../../../types/system-hardware";
-import type { MetricsHistoryPoint, SystemMetrics } from "../../../../types/system-metrics";
+import type { MetricsHistoryPoint, MetricsPlatform, SystemMetrics } from "../../../../types/system-metrics";
 
 const KIND_ICONS: Record<DeviceKind, ComponentType<{ className?: string }>> = {
   cpu: Cpu, memory: Layers, disk: HardDrive, nic: Wifi, gpu: Monitor, fans: Activity,
@@ -71,18 +71,27 @@ function DeviceRow({
 }
 
 function DeviceDetail({
-  entry, system, inventory, history,
+  entry, system, inventory, history, platform,
 }: {
   entry: DeviceEntry;
   system: SystemMetrics;
   inventory: HardwareInventory | null;
   history: readonly MetricsHistoryPoint[];
+  platform?: MetricsPlatform;
 }) {
   switch (entry.kind) {
     case "cpu":
-      return <CpuDetail cpu={system.cpu} info={inventory?.cpu} history={history} processCount={system.processCount} />;
+      return (
+        <CpuDetail
+          cpu={system.cpu}
+          info={inventory?.cpu}
+          history={history}
+          processCount={system.processCount}
+          platform={platform}
+        />
+      );
     case "memory":
-      return <MemoryDetail mem={system.mem} info={inventory?.memory} history={history} />;
+      return <MemoryDetail mem={system.mem} info={inventory?.memory} history={history} platform={platform} />;
     case "disk": {
       const index = (system.disks ?? []).findIndex((d) => d.id === entry.id);
       const disk = index >= 0 ? system.disks?.[index] : undefined;
@@ -99,7 +108,9 @@ function DeviceDetail({
     case "nic": {
       const nic = (system.nics ?? []).find((n) => n.id === entry.id);
       if (!nic) return null;
-      return <NicDetail nic={nic} info={inventory?.nics.find((n) => n.id === nic.id)} history={history} />;
+      return (
+        <NicDetail nic={nic} info={inventory?.nics.find((n) => n.id === nic.id)} history={history} platform={platform} />
+      );
     }
     case "gpu": {
       const index = system.gpus.findIndex((g) => (entry.id ? g.id === entry.id : true));
@@ -111,11 +122,12 @@ function DeviceDetail({
           index={index}
           info={inventory?.gpus.find((g) => g.id === gpu.id)}
           history={history}
+          platform={platform}
         />
       );
     }
     case "fans":
-      return <FansDetail fans={system.fans ?? []} />;
+      return <FansDetail fans={system.fans ?? []} platform={platform} />;
     default:
       return null;
   }
@@ -129,10 +141,14 @@ export interface PerformancePanelProps {
    *  falls back to the first entry and the phone shows the device list. */
   device: string | null;
   onDeviceChange: (key: string | null) => void;
+  /** The snapshot's host OS, which decides which rows exist at all — macOS has no
+   *  cpufreq governor and no commit charge. Taken from the tick rather than the
+   *  inventory so it is known on the first frame. Omitted shows every row. */
+  platform?: MetricsPlatform;
 }
 
 export function PerformancePanel({
-  system, history, device, onDeviceChange,
+  system, history, device, onDeviceChange, platform,
 }: PerformancePanelProps) {
   const isMobile = useIsMobile();
 
@@ -187,7 +203,7 @@ export function PerformancePanel({
           Devices
         </button>
         <div className="flex-1 min-h-0 overflow-y-auto p-4 @container">
-          <DeviceDetail entry={selected} system={system} inventory={inventory} history={history} />
+          <DeviceDetail entry={selected} system={system} inventory={inventory} history={history} platform={platform} />
         </div>
       </div>
     );
@@ -198,7 +214,7 @@ export function PerformancePanel({
       <div className="w-56 shrink-0 border-r border-border overflow-y-auto">{list}</div>
       <div className="flex-1 min-w-0 overflow-y-auto p-4 @container">
         {selected && (
-          <DeviceDetail entry={selected} system={system} inventory={inventory} history={history} />
+          <DeviceDetail entry={selected} system={system} inventory={inventory} history={history} platform={platform} />
         )}
       </div>
     </div>

package/src/web/components/system/performance/use-hardware-inventory.ts

@@ -11,11 +11,16 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { api } from "@/lib/api-client";
 import type { HardwareInventory } from "../../../../types/system-hardware";
 
+/** How long to wait before asking again about ids the last answer still could
+ *  not name. */
+export const INVENTORY_RETRY_MS = 30_000;
+
 /** `deviceIds` is a JOINED string, not an array: an array literal is a fresh
  *  identity every render, which would turn the refetch effect into a loop. */
 export function useHardwareInventory(deviceIds: string): HardwareInventory | null {
   const [inventory, setInventory] = useState<HardwareInventory | null>(null);
   const inFlight = useRef(false);
+  const askedFor = useRef("");
 
   const load = useCallback(async () => {
     if (inFlight.current) return;
@@ -41,7 +46,22 @@ export function useHardwareInventory(deviceIds: string): HardwareInventory | nul
       ...inventory.nics.map((n) => n.id),
       ...inventory.gpus.map((g) => g.id),
     ]);
-    if (deviceIds.split(",").filter(Boolean).some((id) => !known.has(id))) void load();
+    const unknown = deviceIds.split(",").filter((id) => id && !known.has(id)).join(",");
+    if (!unknown) {
+      askedFor.current = "";
+      return;
+    }
+    if (unknown !== askedFor.current) {
+      askedFor.current = unknown;
+      void load();
+      return;
+    }
+    // Asked already, and the answer still cannot name them. On a Mac the tick and
+    // the inventory run their tools separately, so one can fail where the other
+    // did not; asking again straight away would refetch after every answer, back
+    // to back, for as long as that lasts.
+    const retry = setTimeout(() => void load(), INVENTORY_RETRY_MS);
+    return () => clearTimeout(retry);
   }, [inventory, deviceIds, load]);
 
   return inventory;

package/src/web/components/system/process-group-row.tsx

@@ -62,7 +62,7 @@ export function ProcessGroupRow({ group, expanded, grid, killProtected, onToggle
       )}
       {grid.columns.gpu && (
         <span className={cn("text-right text-text-secondary tabular-nums truncate", optionalCellClassName(grid, "gpu"))}>
-          {formatGpuCell(group.gpuPct, group.gpuMemMB)}
+          {formatGpuCell(group.gpuPct, group.gpuMemMB, grid.columns.gpuMemory !== false)}
         </span>
       )}
       {grid.columns.net && (

package/src/web/components/system/process-row-format.ts

@@ -45,10 +45,13 @@ export function formatNetCell(inBps?: number, outBps?: number): string {
 
 /** GPU % and VRAM are measured independently on some platforms (e.g. NVIDIA
  *  consumer drivers on Linux only expose per-process memory, not per-process
- *  utilization) — each half renders its own dash when unmeasured. */
-export function formatGpuCell(pct?: number, memMB?: number): string {
-  if (pct === undefined && memMB === undefined) return "—";
+ *  utilization) — each half renders its own dash when unmeasured. A host with no
+ *  per-process GPU memory at all (`ProcessColumnAvailability.gpuMemory: false`,
+ *  macOS) shows the percentage alone, since a dash there would claim a failed read. */
+export function formatGpuCell(pct?: number, memMB?: number, withMemory = true): string {
   const pctText = pct === undefined ? "—" : `${pct.toFixed(0)}%`;
+  if (!withMemory) return pctText;
+  if (pct === undefined && memMB === undefined) return "—";
   const memText = memMB === undefined ? "—" : formatRam(memMB);
   return `${pctText} · ${memText}`;
 }

package/src/web/components/system/process-row.tsx

@@ -52,7 +52,7 @@ export function ProcessRow({ proc, indent, grid, onKillClick }: ProcessRowProps)
       )}
       {grid.columns.gpu && (
         <span className={cn("text-right text-text-secondary tabular-nums truncate", optionalCellClassName(grid, "gpu"))}>
-          {formatGpuCell(proc.gpuPct, proc.gpuMemMB)}
+          {formatGpuCell(proc.gpuPct, proc.gpuMemMB, grid.columns.gpuMemory !== false)}
         </span>
       )}
       {grid.columns.net && (

package/src/web/components/system/process-table-toolbar.tsx

@@ -153,7 +153,7 @@ export function ProcessTableFooter({ totals, grid, gpuUtilPercent }: ProcessTabl
       )}
       {grid.columns.gpu && (
         <span className={cn("text-right text-text-secondary tabular-nums truncate", optionalCellClassName(grid, "gpu"))}>
-          {formatGpuCell(gpuUtilPercent, totals.gpuMemMB)}
+          {formatGpuCell(gpuUtilPercent, totals.gpuMemMB, grid.columns.gpuMemory !== false)}
         </span>
       )}
       {grid.columns.net && (

package/src/web/components/system/services/service-action-confirm.tsx

@@ -11,7 +11,7 @@ import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/u
 import { BottomSheet } from "@/components/ui/mobile-bottom-sheet";
 import { Button } from "@/components/ui/button";
 import { useIsMobile } from "@/hooks/use-is-mobile";
-import type { ServiceAction, ServiceInfo } from "../../../../types/system-services";
+import type { ServiceAction, ServiceInfo, ServiceManager } from "../../../../types/system-services";
 
 /** The actions worth a question. */
 export const CONFIRMED_ACTIONS: readonly ServiceAction[] = ["stop", "restart", "disable"];
@@ -20,7 +20,9 @@ export function needsConfirm(action: ServiceAction): boolean {
   return CONFIRMED_ACTIONS.includes(action);
 }
 
-const WORDING: Partial<Record<ServiceAction, { title: string; body: (unit: string) => string; cta: string }>> = {
+type Wording = Partial<Record<ServiceAction, { title: string; body: (unit: string) => string; cta: string }>>;
+
+const WORDING: Wording = {
   stop: {
     title: "Stop service",
     body: (unit) => `Stop ${unit}? Anything depending on it stops too.`,
@@ -38,6 +40,36 @@ const WORDING: Partial<Record<ServiceAction, { title: string; body: (unit: strin
   },
 };
 
+/**
+ * launchd's own terms. A stopped job stays loaded, and launchd starts it again on
+ * demand — by itself if it is set to keep alive — so saying "stops" alone would
+ * promise more than the button does. A user's jobs load at login, not at boot.
+ */
+const LAUNCHD_WORDING: Wording = {
+  ...WORDING,
+  stop: {
+    title: "Stop job",
+    body: (unit) => `Stop ${unit}? launchd starts it again when something needs it, or by itself if it keeps it alive.`,
+    cta: "Stop",
+  },
+  restart: {
+    title: "Restart job",
+    body: (unit) => `Restart ${unit}? It will be briefly unavailable.`,
+    cta: "Restart",
+  },
+  disable: {
+    title: "Disable at login",
+    body: (unit) => `${unit} will no longer load at login. It keeps running now.`,
+    cta: "Disable",
+  },
+};
+
+/** The system domain's jobs load at boot, as units do — only root can change them. */
+function wordingFor(manager: ServiceManager, service: ServiceInfo): Wording {
+  if (manager !== "launchd") return WORDING;
+  return service.scope === "user" ? LAUNCHD_WORDING : { ...LAUNCHD_WORDING, disable: WORDING.disable };
+}
+
 export interface PendingServiceAction {
   service: ServiceInfo;
   action: ServiceAction;
@@ -45,21 +77,23 @@ export interface PendingServiceAction {
 
 export interface ServiceActionConfirmProps {
   pending: PendingServiceAction | null;
+  manager: ServiceManager;
   onConfirm: (pending: PendingServiceAction) => void;
   onCancel: () => void;
 }
 
-export function ServiceActionConfirm({ pending, onConfirm, onCancel }: ServiceActionConfirmProps) {
+export function ServiceActionConfirm({ pending, manager, onConfirm, onCancel }: ServiceActionConfirmProps) {
   const isMobile = useIsMobile();
   if (!pending) return null;
-  const wording = WORDING[pending.action];
+  const launchd = manager === "launchd";
+  const wording = wordingFor(manager, pending.service)[pending.action];
   if (!wording) return null;
 
   const body = (
     <div className="space-y-4" data-testid="sysmon-service-confirm" data-action={pending.action}>
       <p className="text-sm break-words">{wording.body(pending.service.unit)}</p>
       <p className="text-xs text-text-subtle">
-        {pending.service.scope === "system" ? "System service" : "User service"}
+        {pending.service.scope === "system" ? "System" : "User"} {launchd ? "job" : "service"}
         {pending.service.mainPid !== null && ` · pid ${pending.service.mainPid}`}
       </p>
       <div className="flex flex-col-reverse md:flex-row gap-2 md:justify-end pt-2">