From 26edcab8b4bfde31046000a410fbc9ae27ce30ee Mon Sep 17 00:00:00 2001
From: Julius Marminge <julius0216@outlook.com>
Date: Sat, 28 Feb 2026 20:19:31 -0800
Subject: [PATCH] Reorder sidebar thread status badges and title layout

- Move PR status indicator into the main thread info row
- Keep thread status badge and title grouped for consistent alignment
---
 apps/web/src/components/Sidebar.tsx | 34 ++++++++++++++---------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/apps/web/src/components/Sidebar.tsx b/apps/web/src/components/Sidebar.tsx
index 94a6ad621f6613335e21ae08f25134c97794cc17..7c798e94fd578ca08b57d9b21d62329612e8f522 100644
--- a/apps/web/src/components/Sidebar.tsx
+++ b/apps/web/src/components/Sidebar.tsx
@@ -784,23 +784,6 @@ export default function Sidebar() {
                                 }}
                               >
                                 <div className="flex min-w-0 flex-1 items-center gap-1.5 text-left">
-                                  {threadStatus && (
-                                    <span
-                                      className={`inline-flex items-center gap-1 text-[10px] ${threadStatus.colorClass}`}
-                                    >
-                                      <span
-                                        className={`h-1.5 w-1.5 rounded-full ${threadStatus.dotClass} ${
-                                          threadStatus.pulse ? "animate-pulse" : ""
-                                        }`}
-                                      />
-                                      <span className="hidden md:inline">{threadStatus.label}</span>
-                                    </span>
-                                  )}
-                                  <span className="min-w-0 flex-1 truncate text-xs">
-                                    {thread.title}
-                                  </span>
-                                </div>
-                                <div className="ml-auto flex shrink-0 items-center gap-1.5">
                                   {prStatus && (
                                     <Tooltip>
                                       <TooltipTrigger
@@ -820,6 +803,23 @@ export default function Sidebar() {
                                       <TooltipPopup side="top">{prStatus.tooltip}</TooltipPopup>
                                     </Tooltip>
                                   )}
+                                  {threadStatus && (
+                                    <span
+                                      className={`inline-flex items-center gap-1 text-[10px] ${threadStatus.colorClass}`}
+                                    >
+                                      <span
+                                        className={`h-1.5 w-1.5 rounded-full ${threadStatus.dotClass} ${
+                                          threadStatus.pulse ? "animate-pulse" : ""
+                                        }`}
+                                      />
+                                      <span className="hidden md:inline">{threadStatus.label}</span>
+                                    </span>
+                                  )}
+                                  <span className="min-w-0 flex-1 truncate text-xs">
+                                    {thread.title}
+                                  </span>
+                                </div>
+                                <div className="ml-auto flex shrink-0 items-center gap-1.5">
                                   {terminalStatus && (
                                     <span
                                       role="img"
-- 
2.54.0