authorgravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-02-28 20:19:31-08:00
committergravatar for jmarminge@gmail.comJulius Marminge <jmarminge@gmail.com> 2026-02-28 21:56:22-08:00
log26edcab8b4bfde31046000a410fbc9ae27ce30ee
tree8c16e23b69b0114fcd39932ac67032a3b6565ffc
parentc626892adf57042e0a69a6178853cc4e6c8fb6ed

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

1 files changed, 17 insertions(+), 17 deletions(-)

apps/web/src/components/Sidebar.tsx+17-17
...@@ -784,23 +784,6 @@ export default function Sidebar() {...@@ -784,23 +784,6 @@ export default function Sidebar() {
784 }}784 }}
785 >785 >
786 <div className="flex min-w-0 flex-1 items-center gap-1.5 text-left">786 <div className="flex min-w-0 flex-1 items-center gap-1.5 text-left">
787 {threadStatus && (
788 <span
789 className={`inline-flex items-center gap-1 text-[10px] ${threadStatus.colorClass}`}
790 >
791 <span
792 className={`h-1.5 w-1.5 rounded-full ${threadStatus.dotClass} ${
793 threadStatus.pulse ? "animate-pulse" : ""
794 }`}
795 />
796 <span className="hidden md:inline">{threadStatus.label}</span>
797 </span>
798 )}
799 <span className="min-w-0 flex-1 truncate text-xs">
800 {thread.title}
801 </span>
802 </div>
803 <div className="ml-auto flex shrink-0 items-center gap-1.5">
804 {prStatus && (787 {prStatus && (
805 <Tooltip>788 <Tooltip>
806 <TooltipTrigger789 <TooltipTrigger
...@@ -820,6 +803,23 @@ export default function Sidebar() {...@@ -820,6 +803,23 @@ export default function Sidebar() {
820 <TooltipPopup side="top">{prStatus.tooltip}</TooltipPopup>803 <TooltipPopup side="top">{prStatus.tooltip}</TooltipPopup>
821 </Tooltip>804 </Tooltip>
822 )}805 )}
806 {threadStatus && (
807 <span
808 className={`inline-flex items-center gap-1 text-[10px] ${threadStatus.colorClass}`}
809 >
810 <span
811 className={`h-1.5 w-1.5 rounded-full ${threadStatus.dotClass} ${
812 threadStatus.pulse ? "animate-pulse" : ""
813 }`}
814 />
815 <span className="hidden md:inline">{threadStatus.label}</span>
816 </span>
817 )}
818 <span className="min-w-0 flex-1 truncate text-xs">
819 {thread.title}
820 </span>
821 </div>
822 <div className="ml-auto flex shrink-0 items-center gap-1.5">
823 {terminalStatus && (823 {terminalStatus && (
824 <span824 <span
825 role="img"825 role="img"