From f3d1e6f1b44781bbbaca94c5a7c101ad372b9722 Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Tue, 3 Mar 2026 14:56:32 -0600
Subject: [PATCH] ui: add toggle button to reopen properties panel on desktop

When the properties panel is hidden, a SlidersHorizontal icon button
now appears in the issue header bar (desktop only) to re-show it.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 ui/src/pages/IssueDetail.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/ui/src/pages/IssueDetail.tsx b/ui/src/pages/IssueDetail.tsx
index d97e31f0..69a52a00 100644
--- a/ui/src/pages/IssueDetail.tsx
+++ b/ui/src/pages/IssueDetail.tsx
@@ -147,7 +147,7 @@ export function IssueDetail() {
   const { issueId } = useParams<{ issueId: string }>();
   const { selectedCompanyId } = useCompany();
   const { pushToast } = useToast();
-  const { openPanel, closePanel } = usePanel();
+  const { openPanel, closePanel, panelVisible, setPanelVisible } = usePanel();
   const { setBreadcrumbs } = useBreadcrumbs();
   const queryClient = useQueryClient();
   const navigate = useNavigate();
@@ -613,6 +613,18 @@ export function IssueDetail() {
             <SlidersHorizontal className="h-4 w-4" />
           </Button>
 
+          {!panelVisible && (
+            <Button
+              variant="ghost"
+              size="icon-xs"
+              className="hidden md:inline-flex ml-auto shrink-0"
+              onClick={() => setPanelVisible(true)}
+              title="Show properties"
+            >
+              <SlidersHorizontal className="h-4 w-4" />
+            </Button>
+          )}
+
           <Popover open={moreOpen} onOpenChange={setMoreOpen}>
             <PopoverTrigger asChild>
               <Button variant="ghost" size="icon-xs" className="md:ml-auto shrink-0">