From 3edebbb64e63e0ce92afa3fc7eab6794a9c18565 Mon Sep 17 00:00:00 2001
From: Jinwoo-H <jinwoo0825@gmail.com>
Date: Tue, 5 May 2026 13:44:18 -0400
Subject: [PATCH] fix(resource-usage): move orphan chip from header to summary
 line
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The yellow "N orphans" chip lived next to the Resource Usage title in
the header, taking valuable horizontal space and competing visually
with the title. Move it to the right side of the CPU/memory summary
line — same row as "of system RAM" — so it stays visible without
crowding the header.

Co-authored-by: Orca <help@stably.ai>
---
 .../status-bar/ResourceUsageStatusSegment.tsx | 100 +++++++++---------
 1 file changed, 51 insertions(+), 49 deletions(-)

diff --git a/src/renderer/src/components/status-bar/ResourceUsageStatusSegment.tsx b/src/renderer/src/components/status-bar/ResourceUsageStatusSegment.tsx
index 89948da670e..2750ca6a5d3 100644
--- a/src/renderer/src/components/status-bar/ResourceUsageStatusSegment.tsx
+++ b/src/renderer/src/components/status-bar/ResourceUsageStatusSegment.tsx
@@ -987,11 +987,6 @@ export function ResourceUsageStatusSegment({
           <div className="flex items-center gap-1.5 text-[11px] font-medium text-foreground">
             <MemoryStick className="size-3 text-muted-foreground" />
             <span>Resource Usage</span>
-            {orphanCount > 0 && (
-              <span className="ml-1 text-yellow-500 tabular-nums" aria-live="polite">
-                {orphanCount} orphan{orphanCount === 1 ? '' : 's'}
-              </span>
-            )}
           </div>
 
           <div className="flex items-center gap-0.5">
@@ -1063,50 +1058,57 @@ export function ResourceUsageStatusSegment({
         )}
 
         {snapshot && (
-          <div className="px-3 py-2 border-b border-border flex items-baseline gap-3 text-xs tabular-nums">
-            <Tooltip delayDuration={200}>
-              <TooltipTrigger asChild>
-                <span
-                  tabIndex={0}
-                  className="font-medium text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:rounded"
-                >
-                  {formatCpu(totalCpu)}
-                </span>
-              </TooltipTrigger>
-              <TooltipContent side="top" sideOffset={6} className="z-[70] max-w-xs">
-                Combined CPU load. Values above 100% mean more than one core is working at once.
-              </TooltipContent>
-            </Tooltip>
-            <span className="text-muted-foreground/50">·</span>
-            <Tooltip delayDuration={200}>
-              <TooltipTrigger asChild>
-                <span
-                  tabIndex={0}
-                  className="font-medium text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:rounded"
-                >
-                  {formatMemory(totalMemory)}
-                </span>
-              </TooltipTrigger>
-              <TooltipContent side="top" sideOffset={6} className="z-[70] max-w-xs">
-                Resident memory held by Orca plus the processes under each worktree&apos;s
-                terminals.
-              </TooltipContent>
-            </Tooltip>
-            <span className="text-muted-foreground/50">·</span>
-            <Tooltip delayDuration={200}>
-              <TooltipTrigger asChild>
-                <span
-                  tabIndex={0}
-                  className="text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:rounded"
-                >
-                  {formatPercent(hostShare)} of system RAM
-                </span>
-              </TooltipTrigger>
-              <TooltipContent side="top" sideOffset={6} className="z-[70] max-w-xs">
-                How much of this machine&apos;s physical RAM the Orca-tracked processes are sitting
-                on.
-              </TooltipContent>
-            </Tooltip>
+          <div className="px-3 py-2 border-b border-border flex items-baseline justify-between gap-3 text-xs tabular-nums">
+            <div className="flex items-baseline gap-3 min-w-0">
+              <Tooltip delayDuration={200}>
+                <TooltipTrigger asChild>
+                  <span
+                    tabIndex={0}
+                    className="font-medium text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:rounded"
+                  >
+                    {formatCpu(totalCpu)}
+                  </span>
+                </TooltipTrigger>
+                <TooltipContent side="top" sideOffset={6} className="z-[70] max-w-xs">
+                  Combined CPU load. Values above 100% mean more than one core is working at once.
+                </TooltipContent>
+              </Tooltip>
+              <span className="text-muted-foreground/50">·</span>
+              <Tooltip delayDuration={200}>
+                <TooltipTrigger asChild>
+                  <span
+                    tabIndex={0}
+                    className="font-medium text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:rounded"
+                  >
+                    {formatMemory(totalMemory)}
+                  </span>
+                </TooltipTrigger>
+                <TooltipContent side="top" sideOffset={6} className="z-[70] max-w-xs">
+                  Resident memory held by Orca plus the processes under each worktree&apos;s
+                  terminals.
+                </TooltipContent>
+              </Tooltip>
+              <span className="text-muted-foreground/50">·</span>
+              <Tooltip delayDuration={200}>
+                <TooltipTrigger asChild>
+                  <span
+                    tabIndex={0}
+                    className="text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:rounded"
+                  >
+                    {formatPercent(hostShare)} of system RAM
+                  </span>
+                </TooltipTrigger>
+                <TooltipContent side="top" sideOffset={6} className="z-[70] max-w-xs">
+                  How much of this machine&apos;s physical RAM the Orca-tracked processes are
+                  sitting on.
+                </TooltipContent>
+              </Tooltip>
+            </div>
+            {orphanCount > 0 && (
+              <span className="shrink-0 text-yellow-500" aria-live="polite">
+                {orphanCount} orphan{orphanCount === 1 ? '' : 's'}
+              </span>
+            )}
           </div>
         )}